:root{--serif:"DM Sans",ui-sans-serif,system-ui,sans-serif;--display:"Space Grotesk","DM Sans",sans-serif}h1,h2,h3,.brand,.price,.stat strong,.score strong{font-family:var(--display)}
.resource-card{margin-top:18px}.resource-links{display:flex;flex-wrap:wrap;gap:18px}.friend-list{display:grid;gap:8px;margin-top:15px}.friend-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.friend-row:last-child{border:0}.onboarding{position:fixed;inset:0;z-index:100;background:#080712ee;display:grid;place-items:center;padding:20px;overflow:auto}.onboarding-card{width:min(680px,100%);background:linear-gradient(145deg,#1d1634,#12101e);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 24px 90px #0009}.onboarding-card h1{margin-bottom:8px}.onboarding-card .primary{width:100%}
#onboarding{display:none!important}
.membership-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 18px;padding:11px 14px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:11px}.pricing-modal{position:fixed;z-index:200;inset:0;background:#080712e8;display:none;place-items:center;padding:18px;overflow:auto}.pricing-modal.show{display:grid}.pricing-box{width:min(1060px,100%);background:#12101e;border:1px solid var(--line);border-radius:20px;padding:26px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{border:1px solid var(--line);border-radius:15px;padding:18px;position:relative;background:var(--panel)}.price-card.popular{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.popular-tag{position:absolute;top:-12px;left:15px;background:var(--accent);color:#061112;padding:3px 8px;border-radius:99px;font-size:10px;font-weight:900}.price{font-size:27px;font-weight:900;margin:10px 0}.price-card ul{padding-left:18px;color:var(--muted);font-size:13px}.earn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.earn-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#ffffff05}.tiny-note{font-size:11px;color:var(--muted)}@media(max-width:800px){.pricing-grid,.earn-grid{grid-template-columns:1fr}.pricing-box{padding:20px}}
.marketplace-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:15px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 21%,var(--panel)),var(--panel))}.market-search{display:flex;align-items:center;gap:10px;margin:15px 0 4px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.market-search span{font-size:21px;color:var(--muted)}.market-search input{width:100%;border:0!important;background:transparent!important;padding:13px 0;outline:0}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0}.market-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:18px;background:linear-gradient(145deg,var(--panel),#100e1c)}.market-card.popular{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.market-card ul{padding-left:18px;color:var(--muted);font-size:13px;min-height:78px}.market-card .primary{width:100%}.savings{display:block;color:#6ee7b7;font-size:12px;margin-top:-4px}.availability-note{min-height:40px;font-size:12px;color:var(--muted);line-height:1.4}.market-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}.ownership-note{padding:10px 2px;color:var(--muted)}.earn-section{margin-top:18px}.primary:disabled,.text-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.market-grid{grid-template-columns:1fr}.marketplace-hero{display:block}.marketplace-hero .primary{width:100%}}
.cloud-card{margin:18px 0}.cloud-card .primary{margin-right:10px}
.account-hero{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel))}.account-hero label{margin-top:14px}
.answer-feedback{margin-top:15px;padding:12px;background:#ffffff08;border-radius:10px}.choice-explanation{margin-top:8px;padding:9px 12px;border-left:3px solid var(--accent);color:var(--muted)}.choice-explanation ul{padding-left:18px}.ai-chat{min-height:300px;max-height:480px;overflow:auto;display:grid;gap:10px}.ai-message{max-width:84%;padding:12px 14px;border-radius:14px;background:#ffffff0b;white-space:pre-wrap}.ai-message.user{margin-left:auto;background:color-mix(in srgb,var(--accent) 25%,var(--panel))}.ai-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.ai-form textarea{min-height:52px;resize:vertical;border:1px solid var(--line);background:#0e0c18;color:#fff;border-radius:9px;padding:10px}
:root{--serif:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.checkout-card{max-width:720px;margin:auto}.checkout-summary{background:#ffffff08;border-radius:12px;padding:14px;margin:16px 0}.checkout-methods{display:grid;gap:10px}.checkout-method{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);padding:13px;border-radius:10px;cursor:pointer}.checkout-method input{margin-top:5px}.checkout-note{font-size:13px}.checkout-actions{display:flex;gap:10px;flex-wrap:wrap}
.session-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.first-visit{position:fixed;inset:0;z-index:300;background:#080712c9;display:grid;place-items:center;padding:20px}.first-visit-card{width:min(570px,100%);background:linear-gradient(145deg,#1d1634,#12101e);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 24px 90px #0009}.first-visit-card h1{margin-bottom:8px}.first-visit-actions{display:grid;gap:10px;margin-top:20px}.first-visit-actions .primary,.secondary-action{width:100%;margin-top:0}.secondary-action{border:1px solid var(--accent);background:transparent;color:var(--text);border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer}.first-visit-actions .text-btn{justify-self:center}
.accessibility-toggles{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.accessibility-toggles label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:9px;border-radius:8px}.question-signals{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:13px}.dm-thread{min-height:150px;max-height:310px;overflow:auto;display:grid;gap:8px;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#00000018}.dm-message{max-width:82%;background:#ffffff0b;padding:10px 12px;border-radius:12px}.dm-message.mine{margin-left:auto;background:color-mix(in srgb,var(--accent) 26%,var(--panel))}.dm-message small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.celebration-card{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,var(--panel)),var(--panel))}.celebration-card h2{margin-bottom:4px}html[data-large-text]{font-size:19px}html[data-large-text] body{font-size:19px}html[data-dyslexia] body{letter-spacing:.045em;word-spacing:.12em;line-height:1.75}html[data-reduce-motion] *,html[data-reduce-motion] *::before,html[data-reduce-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-high-contrast]{--bg:#000;--panel:#000;--panel2:#000;--text:#fff;--muted:#f2f2f2;--line:#fff}@media(max-width:800px){.celebration-card{display:block}.celebration-card .primary{width:100%}.accessibility-toggles{display:grid;grid-template-columns:1fr 1fr}}
.dm-card{display:none}
/* Verified commerce + individual pack workspaces. */
aside nav{overflow-y:auto;min-height:0;padding-right:3px}aside .author{flex-shrink:0}.pack-tool-content{margin-top:20px}.pack-lanes{display:grid;gap:10px;margin:16px 0}.pack-lane{display:flex;grid-template-columns:auto 1fr;align-items:start;gap:11px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#ffffff06;cursor:pointer}.pack-lane input{min-width:auto;margin-top:3px}.pack-lane span{display:grid;gap:2px}.pack-lane small{color:var(--muted);font-weight:400}.college-items{display:grid;gap:11px;margin-top:16px}.college-item{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.college-item:last-child{border-bottom:0}.college-item h3{margin:0 0 5px;font-size:17px}.college-item p{margin:4px 0 8px;white-space:pre-wrap}.college-item>div:last-child{min-width:132px;display:grid;align-content:start;gap:8px}.college-item select{font-size:12px}.college-item .text-btn{color:#fda4af}@media(max-width:800px){.college-item{display:block}.college-item>div:last-child{margin-top:12px;max-width:190px}}
aside{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}@media(max-width:800px){aside{overflow:visible}}
.friend-code-card{margin-top:20px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.friend-code-card b{font-family:var(--display);font-size:22px;letter-spacing:1.2px;color:var(--accent2)}.friend-code-card .text-btn{margin-top:8px}
.texts-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:500px;margin:-22px}.texts-list{position:static;height:auto;padding:16px;border-right:1px solid var(--line);background:#00000018}.texts-list .primary{width:100%;margin:0 0 18px}.texts-list .eyebrow{margin-top:8px}.texts-chat{padding:20px;min-width:0}.texts-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.texts-top h2{margin:0}.text-friend-picker{display:flex;align-items:end;gap:10px;margin:12px 0}.text-friend-picker label{flex:1}.text-conversation{width:100%;display:grid;gap:2px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:12px 6px;cursor:pointer}.text-conversation:hover{background:#ffffff0a}.text-conversation small{color:var(--muted)}.texts-chat .dm-thread{min-height:285px;background:linear-gradient(180deg,#07061188,#10101b55)}.texts-chat .dm-message{border-radius:18px 18px 18px 5px}.texts-chat .dm-message.mine{border-radius:18px 18px 5px 18px}@media(max-width:800px){.texts-layout{display:block;margin:-22px}.texts-list{border-right:0;border-bottom:1px solid var(--line)}.texts-chat{padding:16px}.text-friend-picker{align-items:stretch;flex-direction:column}}
:root{--serif:"DM Sans",ui-sans-serif,system-ui,sans-serif;--display:"Space Grotesk","DM Sans",sans-serif}body,button,input,select,textarea{font-family:var(--serif)}h1,h2,h3,.brand,.price,.stat strong,.score strong{font-family:var(--display)}
.tm-mark{font:700 .46em/1 var(--serif);vertical-align:super;margin-left:2px;color:var(--accent2)}
.payment-promise{margin:18px 0;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 16%,var(--panel)),var(--panel))}.payment-promise h2{margin-bottom:6px}.payment-promise p:last-child{margin-bottom:0}
.student-built-line{display:block;margin-top:5px;color:var(--accent2);font-weight:700}
.daily-inspiration{position:relative;overflow:hidden;margin-bottom:18px;background:linear-gradient(120deg,#1d2244,#151a31 58%,#2d1c4a)}.daily-inspiration:after{content:'✦';position:absolute;right:26px;top:-16px;font-size:110px;color:#ffffff0d}.daily-inspiration blockquote{position:relative;margin:8px 0 3px;max-width:820px;font-family:var(--display);font-size:clamp(19px,2.2vw,28px);line-height:1.28}.daily-inspiration cite{position:relative;color:var(--muted);font-style:normal;font-size:13px}.inspiration-settings{margin-top:18px}.notification-status{margin:12px 0 0;color:var(--muted);font-size:13px}.quote-toggle-row{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.quote-toggle-row label{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px}.quote-toggle-row input{margin-top:3px}@media(max-width:600px){.daily-inspiration blockquote{font-size:20px}.quote-toggle-row{display:grid;grid-template-columns:1fr}}
.legal-links{display:block;margin-top:8px}.legal-links a,.legal-footer a{color:var(--accent2);text-decoration:none}.legal-links a:hover,.legal-footer a:hover{text-decoration:underline}.legal-page{max-width:900px;padding:54px 28px 70px}.legal-page>h1{margin:10px 0 4px}.legal-page .card{margin-top:22px}.legal-page h2{margin:27px 0 7px}.legal-page h2:first-child{margin-top:0}.legal-page p{max-width:760px}.legal-date,.legal-footer{font-size:13px;color:var(--muted)}.legal-footer{margin-top:22px}@media(max-width:800px){.legal-page{padding:30px 18px 50px}}
@media(max-width:940px){.workspace-bar .author{display:block;position:fixed;right:12px;bottom:8px;z-index:90;margin:0;padding:7px 9px;max-width:175px;border:1px solid #ffffff1d;border-radius:9px;background:#0c1123e8;box-shadow:0 6px 18px #0006;font-size:9px;line-height:1.3}.workspace-bar .author .legal-links{margin-top:4px}}@media(max-width:800px){aside .author{display:block;margin-top:12px;padding:10px 4px 0;font-size:10px;line-height:1.35}.app-shell aside .legal-links{margin-top:5px}}
.personalization-card{margin-top:18px}.theme-combo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.theme-combo{position:relative;min-height:92px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--theme-bg);color:var(--theme-text);text-align:left;padding:12px;cursor:pointer}.theme-combo span{font-size:19px;display:block;margin-bottom:5px}.theme-combo b{font-size:12px;position:relative;z-index:1}.theme-combo i{position:absolute;width:54px;height:54px;border-radius:50%;right:-11px;bottom:-11px;background:var(--theme-accent);box-shadow:-22px -6px 0 var(--theme-panel)}.density-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:15px}.active-density{border-color:var(--accent);color:var(--accent2)}html[data-density="compact"] .card{padding:15px}html[data-density="compact"] main{padding-top:22px}html[data-density="compact"] .plan-row,html[data-density="compact"] .skill-row,html[data-density="compact"] .forecast-row{padding:6px 0}@media(max-width:800px){.theme-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.density-row{align-items:flex-start;flex-direction:column}}

/* Earn It milestone celebration. */
.earn-celebration{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;padding:22px;background:radial-gradient(circle at 50% 30%,#1f6c836e 0,transparent 36%),linear-gradient(135deg,#080d20f5,#261143f5);backdrop-filter:blur(8px)}.earn-celebration-card{position:relative;z-index:1;width:min(600px,100%);padding:48px 38px;text-align:center;border:1px solid #75e8ff8c;border-radius:30px;background:linear-gradient(145deg,#112b4c,#25133f);box-shadow:0 30px 110px #000a}.earn-celebration-card h1{font-size:clamp(42px,8vw,75px);line-height:.98;margin:8px 0 13px;letter-spacing:-3px}.earn-celebration-card h2{font-size:clamp(21px,3vw,30px);margin-bottom:14px;color:#e8fbff}.earn-celebration-card p{max-width:430px;margin:10px auto;font-size:17px}.earn-celebration-card .primary{width:min(330px,100%);margin-top:19px;padding:15px 18px;font-size:17px}.earn-trophy{font-size:76px;line-height:1;filter:drop-shadow(0 0 20px #f7d85c88);animation:earnPop .65s cubic-bezier(.2,1.6,.4,1) both}.earn-confetti i{position:absolute;font-style:normal;font-size:clamp(25px,4vw,54px);color:#67e8f9;animation:earnFloat 2.6s ease-in-out infinite}.earn-confetti i:nth-child(1){left:8%;top:14%;color:#fbbf24}.earn-confetti i:nth-child(2){left:20%;top:68%;color:#c084fc;animation-delay:.3s}.earn-confetti i:nth-child(3){right:13%;top:14%;color:#67e8f9;animation-delay:.7s}.earn-confetti i:nth-child(4){right:8%;top:61%;color:#fb7185;animation-delay:1s}.earn-confetti i:nth-child(5){left:10%;top:40%;color:#a3e635;animation-delay:1.3s}.earn-confetti i:nth-child(6){right:22%;top:77%;color:#fbbf24;animation-delay:1.6s}@keyframes earnPop{from{transform:scale(.3) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes earnFloat{50%{transform:translateY(-22px) rotate(16deg)}}@media(max-width:600px){.earn-celebration-card{padding:38px 22px;border-radius:24px}.earn-celebration-card h1{letter-spacing:-2px}.earn-celebration-card p{font-size:15px}}

/* V18 — Orbit workspace visual system. Logic and content stay exactly the same. */
:root{--bg:#070a13;--panel:#101629;--panel2:#141c33;--line:#273252;--text:#f4f7ff;--muted:#a7b3ca;--accent:#6d7cff;--accent2:#aab4ff}.workspace-shell{display:block;min-height:100vh;background:radial-gradient(circle at 14% -10%,#243774 0,transparent 31%),radial-gradient(circle at 93% 12%,#54266844 0,transparent 27%),#070a13}.workspace-bar{position:fixed;z-index:60;top:16px;left:18px;right:18px;height:64px;padding:0 12px 0 19px;display:flex;align-items:center;gap:18px;border:1px solid #ffffff1b!important;border-radius:18px;background:#0c1123d9;backdrop-filter:blur(22px);box-shadow:0 12px 45px #0007}.workspace-bar .brand{white-space:nowrap;font-size:16px}.workspace-bar .brand b{background:#ffffff13;border-radius:99px;padding:3px 6px;margin-left:5px}.workspace-bar .tagline{display:block;margin:0;color:var(--accent2);font-size:11px;white-space:nowrap}.workspace-bar nav{display:flex;align-items:center;gap:3px;overflow-x:auto;flex:1;scrollbar-width:none}.workspace-bar nav::-webkit-scrollbar{display:none}.workspace-bar nav button{white-space:nowrap;padding:8px 10px;font-size:13px;border-radius:9px}.workspace-bar .author{margin:0 0 0 auto;padding:0 4px;text-align:right;white-space:nowrap;font-size:10px;color:#8490a9}.workspace-shell main{max-width:1320px;padding:119px 28px 54px}.workspace-shell main>header{min-height:135px;align-items:center;padding:29px 31px;margin:0 0 22px;border:1px solid #ffffff12;border-radius:26px;background:linear-gradient(112deg,#151e3a,#10162a 63%,#1d1736);box-shadow:0 18px 55px #0004;position:relative;overflow:hidden}.workspace-shell main>header:after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle,#7280ff88 0,transparent 68%);pointer-events:none}.workspace-shell main>header h1{font-size:clamp(32px,4vw,52px);letter-spacing:-2.2px;margin-bottom:0}.workspace-shell main>header .eyebrow{color:#b8c1ff}.workspace-shell .icon-btn{position:relative;z-index:1;width:43px;height:43px;border-radius:14px;background:#ffffff10;border-color:#ffffff20}.workspace-shell .card{border-radius:22px;border-color:#ffffff12;background:linear-gradient(145deg,#151d34e8,#0c1121e8);box-shadow:0 14px 36px #0003}.workspace-shell .card:hover{border-color:#ffffff2a;transform:translateY(-2px);transition:.2s ease}.workspace-shell .stat-grid{grid-template-columns:1.1fr 1.1fr 1.1fr 1.4fr;gap:12px;margin:0 0 18px}.workspace-shell .stat{min-height:135px;padding:21px;background:linear-gradient(145deg,#151e38,#11172b)}.workspace-shell .stat:nth-child(4){background:linear-gradient(135deg,#5262dd,#7b46ad);border-color:#aeb8ff66}.workspace-shell .stat:nth-child(4) span,.workspace-shell .stat:nth-child(4) small{color:#eef0ff}.workspace-shell .stat strong{font-size:35px;letter-spacing:-1.5px}.workspace-shell .event-strip{padding:0 1px 14px;gap:10px}.workspace-shell .event-chip{border-radius:14px;min-width:215px;background:#131c36;border-color:#ffffff14}.workspace-shell .two{gap:16px}.workspace-shell .primary{border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,var(--accent),#8a56dc);box-shadow:0 8px 20px #5966c744}.workspace-shell .text-btn{color:#bec6ff}.workspace-shell .safety{border-radius:18px;background:#101b2e;border-color:#385179}.workspace-shell .celebration-card{border-radius:22px;background:linear-gradient(115deg,#29367e,#181d43 65%,#4b275e)}.workspace-shell .marketplace-hero{border-radius:22px}.workspace-shell .market-card{border-radius:19px;background:#121a31}.workspace-shell .answer{border-radius:14px;background:#11182c}.workspace-shell input,.workspace-shell select,.workspace-shell textarea{border-radius:11px;background:#090e1c;border-color:#ffffff1c}.workspace-shell .membership-bar{border-radius:16px;background:#10172e}.workspace-shell .texts-layout{border-radius:22px;overflow:hidden}.workspace-shell .texts-list{background:#0b1020}.workspace-shell .dm-message.mine{background:linear-gradient(135deg,#5f6cff,#8551cb)}
@media(max-width:940px){.workspace-bar{left:10px;right:10px;top:10px;height:59px;gap:10px}.workspace-bar .tagline,.workspace-bar .author{display:none}.workspace-shell main{padding:91px 16px 35px}.workspace-shell main>header{min-height:108px;padding:23px}.workspace-shell .stat-grid{grid-template-columns:repeat(2,1fr)}.workspace-shell .stat:nth-child(4){grid-column:span 2}}@media(max-width:600px){.workspace-bar .brand{font-size:14px}.workspace-bar nav button{font-size:0;padding:10px}.workspace-bar nav button::first-letter{font-size:15px}.workspace-shell main>header h1{font-size:34px;letter-spacing:-1.5px}.workspace-shell .stat-grid{grid-template-columns:1fr 1fr}.workspace-shell .stat:nth-child(4){grid-column:span 2}.workspace-shell .stat{min-height:110px;padding:16px}.workspace-shell .card{border-radius:18px}}

/* Native-phone layout: keep navigation usable without covering the iPhone status area. */
@media(max-width:800px){
  body{padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}
  .app-shell aside{position:relative;z-index:20;padding:calc(env(safe-area-inset-top) + 15px) 14px 12px;background:linear-gradient(180deg,#15102c,#100d20);box-shadow:0 8px 24px #0004}
  .app-shell aside .brand{font-size:17px;line-height:1.1;gap:7px;white-space:nowrap}
  .app-shell aside .brand .bolt{font-size:24px}
  .app-shell aside .tagline{margin:7px 0 13px;font-size:12px}
  .app-shell aside nav{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 2px 3px;scroll-snap-type:x proximity}
  .app-shell aside nav button{flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--line);background:#ffffff08;padding:8px 11px;font-size:13px}
  .app-shell aside nav button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
  .app-shell aside .author{position:fixed;right:9px;bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:90;max-width:162px;margin:0;padding:7px 8px;border:1px solid #ffffff24;border-radius:10px;background:#0b1023ee;box-shadow:0 8px 24px #0008;font-size:9px;line-height:1.28}
  .app-shell aside .author .student-built-line{margin-top:3px}
  .app-shell aside .author .legal-links{margin-top:3px}
  .app-shell main{padding:22px 14px calc(env(safe-area-inset-bottom) + 64px)}
  .app-shell main>header{margin-bottom:20px}
  .app-shell main>header h1{font-size:clamp(29px,9vw,38px)}
}

/* V19 — SIGNAL ROOM. A custom visual identity built in CSS; no third-party artwork. */
.rebrand-shell{
  --bg:#070915;
  --panel:#0f1326;
  --panel2:#171a35;
  --line:#293256;
  --text:#f6f6ff;
  --muted:#a9b1c9;
  --accent:#ff637f;
  --accent2:#8fe7ff;
  grid-template-columns:278px minmax(0,1fr);
  background:
    radial-gradient(circle at 76% -9%,#4d276a77 0,transparent 28%),
    radial-gradient(circle at 15% 94%,#0b637744 0,transparent 31%),
    #070915;
}
.rebrand-shell::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.rebrand-rail,.rebrand-main{position:relative;z-index:1}
.rebrand-rail{
  padding:25px 15px 18px!important;
  border-right:1px solid #ffffff16!important;
  background:linear-gradient(180deg,#10172cf2,#090b18f2)!important;
  box-shadow:18px 0 55px #0004;
}
.rebrand-rail::before{
  content:'STUDY\A SYSTEM';white-space:pre;position:absolute;left:19px;top:138px;
  color:#ffffff0b;font:700 53px/.82 var(--display);letter-spacing:-3px;pointer-events:none;
}
.rebrand-rail .brand{
  position:relative;z-index:1;gap:10px;padding:11px 11px 10px;border:1px solid #ffffff20;border-radius:16px;
  background:linear-gradient(135deg,#ffffff0e,#ffffff03);font-size:17px;letter-spacing:-.6px;
}
.rebrand-rail .brand .bolt{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#ff637f,#ff9a76);color:#1c0d19;font-size:17px;box-shadow:0 5px 16px #ff637f55}
.rebrand-rail .brand span:not(.bolt){color:#fff}.rebrand-rail .brand b{color:#8fe7ff;font-size:9px;letter-spacing:1px}
.rebrand-rail .tagline{position:relative;z-index:1;margin:14px 10px 26px;color:#b6c4e6;font-size:12px;line-height:1.35}
.rebrand-rail nav{position:relative;z-index:1;gap:4px;padding:6px 2px}
.rebrand-rail nav button{
  border:1px solid transparent;border-radius:12px;padding:11px 11px;color:#acb4cd;font-size:14px;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}
.rebrand-rail nav button:hover{transform:translateX(3px);background:#ffffff0b;border-color:#ffffff13;color:#fff}
.rebrand-rail nav button.active{background:linear-gradient(95deg,#ff637f29,#7c72ff18);border-color:#ff8aa04f;color:#fff;box-shadow:inset 3px 0 0 #ff718c}
.rebrand-rail .author{position:relative;z-index:1;margin-top:auto;padding:14px 10px 3px;border-top:1px solid #ffffff12;color:#8e99b4;line-height:1.42}
.rebrand-rail .student-built-line{color:#ff91a5}.rebrand-rail .legal-links a{color:#8fe7ff}
.rebrand-main{max-width:1300px;padding:34px 34px 70px!important}
.rebrand-main>header{
  min-height:166px;margin:0 0 22px!important;padding:29px 31px!important;align-items:flex-end!important;
  border:1px solid #ffffff1d;border-radius:26px;background:linear-gradient(113deg,#18234b 0%,#11172f 50%,#2d183d 100%);
  box-shadow:0 22px 66px #0005;overflow:hidden;isolation:isolate;
}
.rebrand-main>header::before{content:'//';position:absolute;right:88px;top:-54px;font:700 250px/.9 var(--display);letter-spacing:-30px;color:#ffffff09;z-index:-1}
.rebrand-main>header::after{content:'';position:absolute;width:330px;height:330px;right:-134px;bottom:-176px;border-radius:50%;background:radial-gradient(circle,#ff74907a 0,transparent 66%);z-index:-1}
.rebrand-main>header h1{max-width:670px;font-size:clamp(35px,4vw,56px);line-height:.99;letter-spacing:-2.8px}.rebrand-main>header .eyebrow{color:#9be8ff;letter-spacing:2px}
.rebrand-main .icon-btn{width:48px;height:48px;border-radius:15px;border-color:#ffffff30;background:#ffffff12;transition:.2s ease}.rebrand-main .icon-btn:hover{transform:translateY(-2px);background:#ffffff20}
.rebrand-main .event-strip{padding:1px 1px 15px;gap:10px}.rebrand-main .event-chip{position:relative;overflow:hidden;min-width:215px;padding:12px 14px;border-radius:15px;border-color:#ffffff17;background:linear-gradient(135deg,#121b35,#101628)}.rebrand-main .event-chip::after{content:'';position:absolute;width:46px;height:46px;right:-16px;top:-17px;border-radius:50%;background:#8fe7ff22}
.rebrand-main .event-chip small{color:#8fe7ff}
.rebrand-main .stat-grid{gap:13px;margin:0 0 18px}.rebrand-main .stat{min-height:132px;padding:18px;border-radius:19px;border-color:#ffffff14;background:linear-gradient(145deg,#151d37,#0e1326)}.rebrand-main .stat:nth-child(2){background:linear-gradient(145deg,#172644,#10192e)}.rebrand-main .stat:nth-child(3){background:linear-gradient(145deg,#262044,#14152b)}.rebrand-main .stat:nth-child(4){background:linear-gradient(135deg,#d85273,#6d4ac1);border-color:#ffbdca77}.rebrand-main .stat:nth-child(4) span,.rebrand-main .stat:nth-child(4) small{color:#fff2f5}.rebrand-main .stat strong{font-size:35px;letter-spacing:-1.8px}
.rebrand-main .card{border-radius:20px;border-color:#ffffff14;background:linear-gradient(145deg,#131a32ed,#0c1020ed);box-shadow:0 16px 42px #0003;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.rebrand-main .card:hover{transform:translateY(-2px);border-color:#ffffff2a;box-shadow:0 20px 46px #0005}
.rebrand-main h2{letter-spacing:-.5px}.rebrand-main .eyebrow{color:#8fe7ff}.rebrand-main .primary{border-radius:12px;background:linear-gradient(135deg,#ff5f80,#d95781);box-shadow:0 9px 20px #e6557740}.rebrand-main .primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.rebrand-main .text-btn{color:#8fe7ff}.rebrand-main .membership-bar,.rebrand-main .safety,.rebrand-main .callout{border-radius:16px;border-color:#39537a;background:linear-gradient(100deg,#10233a,#10182c)}
.rebrand-main input,.rebrand-main select,.rebrand-main textarea{border-radius:11px;border-color:#ffffff1c;background:#080c1b}.rebrand-main .answer{border-radius:13px;background:#0d1326}.rebrand-main .answer:hover{border-color:#8fe7ff;background:#13213a}.rebrand-main .meter{background:#ffffff12}.rebrand-main .meter i,.rebrand-main .bar{background:linear-gradient(90deg,#ff637f,#8fe7ff)}.rebrand-main .market-card{border-radius:18px;background:linear-gradient(145deg,#131a32,#0d1123)}.rebrand-main .market-card.popular{border-color:#ff7c98;box-shadow:0 0 0 1px #ff7c9855}.rebrand-main .ai-message.user,.rebrand-main .dm-message.mine{background:linear-gradient(135deg,#c34f76,#7250bb)}
@media(max-width:940px){.rebrand-shell{grid-template-columns:1fr}.rebrand-rail{position:static!important;height:auto!important;padding:13px 13px 11px!important;border-right:0!important;border-bottom:1px solid #ffffff16!important}.rebrand-rail::before{display:none}.rebrand-rail .brand{width:max-content;max-width:100%}.rebrand-rail .tagline{margin:8px 7px 10px}.rebrand-rail nav{display:flex;overflow-x:auto;padding-bottom:2px}.rebrand-rail nav button{flex:0 0 auto;font-size:12px;padding:8px 10px}.rebrand-rail .author{display:none}.rebrand-main{padding:22px 16px 42px!important}.rebrand-main>header{min-height:128px;padding:23px!important}.rebrand-main>header h1{font-size:clamp(32px,8vw,46px)}}
@media(max-width:600px){.rebrand-main{padding:15px 12px 34px!important}.rebrand-main>header{min-height:120px;border-radius:20px;padding:19px!important}.rebrand-main>header h1{font-size:34px;letter-spacing:-1.8px}.rebrand-main .stat-grid{gap:9px}.rebrand-main .stat{min-height:108px;padding:14px;border-radius:16px}.rebrand-main .stat strong{font-size:29px}.rebrand-main .card{border-radius:17px}.rebrand-main .event-chip{min-width:185px}}

/* Signal Room expansion: depth, status language, and page-level personality. */
.signal-marker{position:relative;z-index:1;display:grid;grid-template-columns:8px 1fr;column-gap:9px;align-items:center;margin:0 9px 21px;padding:10px 0 10px 11px;border-left:1px solid #ffffff20}.signal-marker span{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#7ff0cf;box-shadow:0 0 0 5px #7ff0cf18,0 0 18px #7ff0cf99}.signal-marker b{font:700 9px/1.1 var(--display);letter-spacing:1.45px;color:#e9efff}.signal-marker small{margin-top:3px;color:#8290ac;font-size:10px}.rebrand-rail nav::before{content:'WORKSPACE';padding:0 10px 7px;color:#71809f;font-size:9px;font-weight:800;letter-spacing:1.55px}.rebrand-rail nav::after{content:'YOUR SPACE';margin:12px 10px 0;padding-top:13px;border-top:1px solid #ffffff12;color:#71809f;font-size:9px;font-weight:800;letter-spacing:1.55px;order:20}.rebrand-rail nav button[data-view="account"],.rebrand-rail nav button[data-view="ai"],.rebrand-rail nav button[data-view="messages"],.rebrand-rail nav button[data-view="marketplace"],.rebrand-rail nav button[data-view="pack-tools"],.rebrand-rail nav button[data-view="purchases"],.rebrand-rail nav button[data-view="college"]{order:21}
.signal-header-actions{position:relative;z-index:2;display:flex;align-items:center;gap:11px}.signal-chip{display:grid;grid-template-columns:8px auto;column-gap:7px;align-items:center;padding:8px 11px 8px 10px;border:1px solid #ffffff1c;border-radius:13px;background:#080e1c55;backdrop-filter:blur(10px)}.signal-chip i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#7ff0cf;box-shadow:0 0 15px #7ff0cf}.signal-chip span{font:700 9px/1 var(--display);letter-spacing:1.05px;color:#eaf0ff}.signal-chip small{margin-top:3px;color:#9eabc7;font-size:10px}.rebrand-main>header{align-items:center!important}.rebrand-main .view>h1{font-size:clamp(31px,3.1vw,45px);letter-spacing:-1.9px;margin-bottom:25px}.rebrand-main .view>h1+div,.rebrand-main .view>h1+article{position:relative}.rebrand-main .card-head{align-items:flex-start}.rebrand-main .card-head h2{font-size:21px}.rebrand-main .stat{overflow:hidden;position:relative}.rebrand-main .stat::after{content:'';position:absolute;width:76px;height:76px;right:-36px;bottom:-36px;border-radius:50%;border:1px solid #ffffff18;box-shadow:0 0 0 14px #ffffff05,0 0 0 29px #ffffff03}.rebrand-main .stat:nth-child(2)::after{border-color:#8fe7ff38}.rebrand-main .stat:nth-child(3)::after{border-color:#d8a4ff38}.rebrand-main .stat:nth-child(4)::after{border-color:#fff6f838}.rebrand-main .stat span{position:relative;z-index:1}.rebrand-main .stat strong{position:relative;z-index:1}.rebrand-main .stat small{position:relative;z-index:1}.rebrand-main .plan-row,.rebrand-main .skill-row,.rebrand-main .forecast-row{padding:13px 1px}.rebrand-main .plan-row{position:relative;padding-left:16px}.rebrand-main .plan-row::before{content:'';position:absolute;left:0;top:20px;width:6px;height:6px;border-radius:50%;background:#ff7891;box-shadow:0 0 0 4px #ff789118}.rebrand-main .skill-row .meter{width:120px;height:8px}.rebrand-main .daily-inspiration{border:1px solid #ffffff15;background:linear-gradient(112deg,#17294d,#18213d 54%,#46234c);box-shadow:0 20px 55px #0004}.rebrand-main .daily-inspiration::before{content:'TODAY\2019S NOTE';position:absolute;right:27px;bottom:22px;color:#ffffff29;font:700 9px/1 var(--display);letter-spacing:1.8px}.rebrand-main .daily-inspiration:after{color:#ffffff0a}.rebrand-main .marketplace-hero{border:1px solid #ffffff18;background:linear-gradient(105deg,#1b294e,#1b1e3d 54%,#472349)}.rebrand-main .market-search{border-color:#ffffff1b;background:#0a1020}.rebrand-main .market-search:focus-within{border-color:#8fe7ff80;box-shadow:0 0 0 3px #8fe7ff12}.rebrand-main .price-card,.rebrand-main .checkout-card{border-radius:20px;background:linear-gradient(145deg,#141d38,#0b1021)}.rebrand-main .price-card.popular{border-color:#ff7894;box-shadow:0 0 0 1px #ff789466,0 16px 32px #ee5a7d16}.rebrand-main .popular-tag{background:linear-gradient(135deg,#ff6382,#e65f8a)}.rebrand-main .friend-code-card{border-radius:16px;background:linear-gradient(135deg,#172442,#10172c);border-color:#8fe7ff36}.rebrand-main .texts-layout{border:1px solid #ffffff14;background:#0d1223}.rebrand-main .texts-list{background:linear-gradient(180deg,#131a31,#0d1121)}.rebrand-main .texts-chat .dm-thread{border-color:#ffffff10}.rebrand-main .celebration-card{border-color:#ff78954a;background:linear-gradient(108deg,#333879,#1a224a 59%,#643052)}.rebrand-main .calendar .day{border-radius:16px;border-color:#ffffff14;background:#10172c}.rebrand-main .calendar .day b{color:#8fe7ff}.rebrand-main .safety{position:relative;overflow:hidden}.rebrand-main .safety::after{content:'✦';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:38px;color:#8fe7ff28}.rebrand-main .resource-links .text-btn{padding:8px 11px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05}.rebrand-main .resource-links .text-btn:hover{background:#8fe7ff12}
@media(max-width:940px){.signal-marker{display:none}.rebrand-rail nav::before,.rebrand-rail nav::after{display:none}.rebrand-rail nav button[data-view="account"],.rebrand-rail nav button[data-view="ai"],.rebrand-rail nav button[data-view="messages"],.rebrand-rail nav button[data-view="marketplace"],.rebrand-rail nav button[data-view="pack-tools"],.rebrand-rail nav button[data-view="purchases"],.rebrand-rail nav button[data-view="college"]{order:initial}.signal-chip{display:none}.rebrand-main .view>h1{font-size:34px;margin-bottom:19px}}
@media(max-width:600px){.rebrand-main>header{align-items:flex-end!important}.rebrand-main .view>h1{font-size:30px}.rebrand-main .plan-row,.rebrand-main .skill-row,.rebrand-main .forecast-row{padding-top:11px;padding-bottom:11px}.rebrand-main .card-head h2{font-size:19px}.rebrand-main .daily-inspiration::before{display:none}}

/* Keep the attribution and legal links easy to reach on phones and tablets. */
.mobile-legal{display:none}
@media(max-width:940px){
  .rebrand-rail .mobile-legal{display:flex;flex-direction:column;gap:5px;margin:6px 0 12px;padding:10px 12px;border:1px solid #ffffff24;border-radius:12px;background:#0b1023cc;color:#b9bed6;font-size:12px;line-height:1.35}
  .rebrand-rail .mobile-legal .legal-links{display:inline;line-height:1.45}
  .rebrand-rail .mobile-legal a{color:#ff7a96;text-decoration:none;font-weight:700}
  .rebrand-rail .mobile-legal a:focus-visible{outline:2px solid #ff7a96;outline-offset:3px;border-radius:3px}
}
