:root{--ink:#102a2e;--muted:#607377;--paper:#fbf8f1;--card:#fff;--purple:#008c83;--purple2:#00a896;--coral:#ef6a47;--mint:#16b89a;--yellow:#f2b84b;--line:#dce7e4;--shadow:0 14px 38px rgba(16,42,46,.09)}
body{background:linear-gradient(145deg,#fbf8f1 0,#f5faf8 52%,#edf8f5 100%)}
.brand{color:#102a2e;letter-spacing:-.04em}.brand span{color:#ef6a47}.brand-light{color:#fff}.brand-light span{color:#56e0c1}
.topbar{background:rgba(251,248,241,.94)}.navlinks a:hover{background:#e3f5f0;color:#006f68}.navlinks a.btn-primary,.navlinks a.btn-primary:hover{background:#007f78;color:#fff;box-shadow:0 8px 20px rgba(0,127,120,.22)}
.btn{color:#18383b;background:#e4efec}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn-primary,.btn-primary:hover{background:#007f78;color:#fff;box-shadow:0 8px 20px rgba(0,127,120,.22)}.btn-coral,.btn-coral:hover{background:#e85d3a;color:#fff}.btn-bright,.btn-bright:hover{background:#f4bd52;color:#173236}.btn-glass,.btn-glass:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.38);color:#fff}
.tag{background:#dff5ef;color:#006f68}.field input:focus,.field textarea:focus,.field select:focus{border-color:#00a896;box-shadow:0 0 0 4px rgba(0,168,150,.1)}
.sidebar{width:260px;background:radial-gradient(circle at 15% 4%,rgba(0,168,150,.32),transparent 30%),linear-gradient(165deg,#102a2e 0,#163c40 58%,#0b5960 100%);box-shadow:16px 0 42px rgba(16,42,46,.2)}.sidebar-badge{color:#7ce7d1;border-color:rgba(124,231,209,.42);background:rgba(124,231,209,.09)}.side-nav a{color:#d9efea}.side-nav a:hover{background:linear-gradient(90deg,rgba(0,168,150,.55),rgba(239,106,71,.28));color:#fff}.sidebar-plan{background:linear-gradient(135deg,#e85d3a,#f2b84b);color:#102a2e;box-shadow:0 12px 25px rgba(232,93,58,.25)}.sidebar-plan a{color:#102a2e}.sidebar-user small{color:#a9cbc4}.app-main{margin-left:260px}.app-shell{background:#f5f8f6}.page-wrap{width:min(1100px,calc(100% - 64px));padding:46px 0 42px}.app-footer{width:min(1100px,calc(100% - 64px));margin:0 auto;padding:18px 0 34px;border-top:1px solid #dce7e4;color:#6c7f82;font-size:14px}
.dashboard-hero{background:radial-gradient(circle at 78% 22%,rgba(86,224,193,.22),transparent 24%),linear-gradient(130deg,#123b40,#086d70 53%,#008c83);box-shadow:0 24px 55px rgba(10,87,90,.22)}.dashboard-hero h1 span,.orbit-number{color:#72e7cf}.metric-card.purple{background:linear-gradient(135deg,#007f78,#00a896)}.metric-card.coral{background:linear-gradient(135deg,#d94f31,#ef825f)}.metric-card.mint{background:linear-gradient(135deg,#166b72,#20949a)}.metric-card.yellow{background:linear-gradient(135deg,#d68c1c,#f2b84b);color:#173236}
.page-heading{margin-bottom:24px}.section-kicker{display:block;color:#008c83;font-size:12px;letter-spacing:.16em;font-weight:900;margin-bottom:7px}.page-heading h2{font-size:44px;margin-bottom:4px}.lists-layout{display:grid;grid-template-columns:minmax(360px,480px) minmax(300px,1fr);gap:24px;align-items:start}.create-list-card{padding:30px}.create-list-card h3{font-size:25px}.my-list-results{display:grid;gap:16px}.empty-lists{min-height:360px;display:grid;place-content:center}.empty-lists>span{font-size:36px;color:#ef6a47}.color-field input[type=color]{height:52px;padding:5px;border-radius:13px;cursor:pointer}.check-row{display:flex;gap:9px;align-items:center;font-weight:700}
.auth-layout{min-height:calc(100vh - 180px);padding:54px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,500px);gap:70px;align-items:center}.auth-welcome{padding:20px}.auth-welcome h1{font-size:clamp(46px,5.5vw,72px);color:#102a2e}.auth-welcome>p{font-size:19px;max-width:650px;color:#607377}.auth-card{width:100%;padding:34px;margin:0}.auth-card h2{font-size:34px}.onboarding-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.onboarding-preview div{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #d8e6e2;border-radius:14px;background:rgba(255,255,255,.7);font-weight:800}.onboarding-preview span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#008c83;color:#fff;font-size:13px}.onboarding-preview div:last-child{grid-column:1/-1}
.onboarding-body{background:#f4f8f6}.onboarding-shell{grid-template-columns:340px minmax(0,1fr)}.onboarding-aside{background:radial-gradient(circle at 20% 8%,rgba(0,168,150,.42),transparent 30%),linear-gradient(165deg,#102a2e,#16464a 65%,#0b6266);padding:34px}.onboarding-aside h1{font-size:42px;line-height:1.02}.eyebrow-dark{background:#f2b84b;color:#173236}.progress-step{color:#8eb6ae}.progress-step span{border-color:#527a74}.progress-step.active span{background:#ef6a47;border-color:#ef6a47}.progress-step.done{color:#72e7cf}.progress-step.done span{background:#72e7cf;border-color:#72e7cf;color:#173236}.onboarding-main{max-width:940px;padding:54px clamp(28px,5vw,72px)}.onboarding-main>h2{font-size:44px;margin-top:8px}.onboarding-form{max-width:700px;padding:28px}.social-card{border-color:#d9e6e2;box-shadow:0 8px 22px rgba(16,42,46,.06)}.social-card.complete{background:#e7f9f3;border-color:#75d8c2}.done-pill{background:#c9f4e9;color:#086854}.big-progress span{background:linear-gradient(90deg,#008c83,#16b89a,#f2b84b)}.back-dashboard{display:inline-flex;margin-bottom:22px;color:#007f78;font-weight:800}.success-card{display:flex;gap:18px;align-items:flex-start}.success-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#16b89a;color:#fff;font-weight:900;font-size:22px;flex:none}
@media(max-width:980px){.sidebar{width:84px}.app-main{margin-left:84px}.lists-layout{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;gap:24px;max-width:700px;margin:auto}.auth-welcome{padding:0}.onboarding-shell{grid-template-columns:1fr}.onboarding-aside{position:relative;height:auto}.onboarding-main{max-width:760px}}
@media(max-width:650px){.sidebar{width:calc(100% - 16px)}.app-main{margin-left:0}.page-wrap,.app-footer{width:calc(100% - 28px)}.side-nav{grid-template-columns:repeat(auto-fit,minmax(42px,1fr))}.page-heading h2,.onboarding-main>h2{font-size:36px}.lists-layout{display:block}.my-list-results{margin-top:18px}.auth-layout{padding:26px 0}.auth-welcome h1{font-size:43px}.onboarding-preview{grid-template-columns:1fr}.onboarding-preview div:last-child{grid-column:auto}.auth-card{padding:24px}.onboarding-aside h1{font-size:36px}.onboarding-main{padding:30px 18px}}