/* Midnight composition: cinematic entry, compact controls, quiet reading. */
:root{--sidebar-expanded:238px;--side:#07131f;--card:#0e2535;--elevated:#15384d;--line:#294457}
body.dark{--side:#07131f;--card:#0e2535;--elevated:#15384d;--line:#294457}
aside{padding:25px 16px;background:linear-gradient(180deg,#071624,#040e17);border-right-color:#244253}.brand{font-size:13px}.brandmark.officialmark{width:38px;height:38px}nav{margin-top:32px}nav section{margin-bottom:5px}nav h3{display:none}nav button{font-size:15px;min-height:43px;padding:9px 11px;border-radius:6px}nav .ico{font-size:18px;width:19px}nav button.active,.dark nav button.active{background:#122e49;border-left-color:var(--gold)}.navgroup{display:block;width:100%;text-align:left;color:#c6d4e1;font-weight:600;font-size:15px;padding:10px 11px;min-height:44px;border-left:2px solid transparent;border-radius:6px}.navgroup>span{display:inline-block;width:28px;color:#a7c3d8}.navgroup>i{float:right;font-style:normal;color:#87a1b7}.navgroup[aria-expanded=true]{background:#102638;color:var(--ink)}.navchildren{padding-left:10px;margin:5px 0 9px;border-left:1px solid #294457}.navchildren[hidden]{display:none}.navchildren button{font-size:13px;min-height:40px}.sidebottom{background:transparent}.sidebottom>button{font-size:13px;min-height:40px}.anonymous{font-size:12px}.anonymous small{font-size:11px}header{height:48px;border-bottom:0;background:transparent;padding:0 35px}.testbadge{font-size:9px;letter-spacing:1.3px}main{background:#030f1b}main:before{height:100%;background:radial-gradient(ellipse at 87% 25%,#24506d70,transparent 39%),radial-gradient(ellipse at 73% 57%,#18374c50,transparent 42%),linear-gradient(130deg,#061829,#020d16 75%)}#content{max-width:1370px;padding:12px 46px 32px}.hero{padding-top:27px;max-width:none}.hero>.eyebrow{font-size:11px;letter-spacing:.2em}.hero h1{font-size:clamp(62px,5.2vw,80px);line-height:1.03;max-width:820px;margin:15px 0 19px}.hero>p:not(.privacyhint){max-width:650px;font-size:17px;line-height:1.65;padding:0}.hero>p br{display:none}.symbol{width:510px;height:510px;top:-15px;right:-145px;opacity:1;z-index:-1}.symbol:before{inset:-9%;background:radial-gradient(circle at 50% 52%,#e6bd6933 0%,#afc3d825 28%,#223d603b 43%,transparent 65%);filter:blur(20px)}.symbol:after{content:'';position:absolute;inset:11%;border-radius:50%;border:1px solid #e6bd6944;box-shadow:0 0 0 25px #7399b609,0 0 0 68px #8caccc08;pointer-events:none}.symbol img{opacity:.92;filter:drop-shadow(0 5px 2px #000b) drop-shadow(0 0 22px #9acbeb44);-webkit-mask-image:linear-gradient(130deg,#000 10%,#0008 37%,#000 48%,#0009 64%,#0004);mask-image:linear-gradient(130deg,#000 10%,#0008 37%,#000 48%,#0009 64%,#0004)}.symbol .marklight{position:absolute;inset:0;background:radial-gradient(ellipse 6% 40% at 29% 46%,#ffe2ab88,transparent 80%),radial-gradient(ellipse 35% 5% at 27% 76%,#e6bd69a0,transparent);mix-blend-mode:screen;pointer-events:none;border-radius:50%;filter:blur(5px)}.hero .composer{max-width:800px;margin:27px 0 0;padding:17px 19px 14px;background:linear-gradient(135deg,#142839ed,#102030ee);border:1px solid #64798c;border-radius:17px;box-shadow:0 16px 38px #0005,inset 0 1px #ffffff0a;display:grid;grid-template-columns:minmax(0,1fr) 52px;column-gap:15px;align-items:center}.composer label{font-size:17px;grid-column:1}.composer .instruction{font-size:13px;margin:5px 0 0;grid-column:1}.composer textarea{min-height:50px;height:50px;resize:vertical;font-size:16px;padding:11px 0 0;grid-column:1;grid-row:3}.composer .composebottom{display:contents}.composebottom small{display:none}.composebottom .submit{grid-column:2;grid-row:1/4;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;background:linear-gradient(145deg,#c4d3dc,#5b798f);color:#04111e;box-shadow:0 0 0 5px #adcee80b,inset 0 1px #fff8;position:relative;font-size:0}.composebottom .submit>span{font-size:23px;margin:0}.composebottom .submit:hover{background:var(--gold)}.composer:focus-within{box-shadow:0 0 0 3px #82bce51c,0 16px 38px #0005;border-color:#aecce1}.privacyhint,.hero p.privacyhint{font-size:12px!important;max-width:800px!important;margin:5px 0 0!important;color:#9fb2c3}.privacyhint button{font-size:12px;min-height:34px}.sectionlabel{margin:21px 0 12px;color:#a8bed0;font-size:12px}.sectionlabel span:last-child{font-size:12px}.quickgrid{gap:12px}.quick{background:linear-gradient(135deg,#123248d9,#0b2031ed);padding:20px 17px;border-color:#2a536c;display:grid;grid-template-columns:39px minmax(0,1fr);column-gap:12px;align-content:start;min-height:144px;border-radius:13px;box-shadow:inset 0 1px #8bb6d30b,0 10px 30px #0002}.quick .qicon{grid-column:1;grid-row:1/3;border-radius:50%;height:36px;width:36px;margin:0;background:linear-gradient(145deg,#4089ab,#1b4660);color:#e8f6ff;border:1px solid #72bfd15c;font-size:23px}.quick:nth-child(2) .qicon{background:linear-gradient(145deg,#2475b6,#143b69);color:#e2eeff;border-color:#609ee466}.quick:nth-child(3) .qicon{background:linear-gradient(145deg,#8f9d47,#455d28);color:#f3f3d9;border-color:#b1b86b66}.quick:nth-child(4) .qicon{background:linear-gradient(145deg,#a88642,#5e4522);color:#fff3da;border-color:#d2b46d66}.quick strong{font-size:16px;line-height:1.4;font-weight:600}.quick strong>span{display:none}.quick p{font-size:13px;line-height:1.6;margin-top:9px}.quick:hover{background:linear-gradient(135deg,#1a425b,#102c40);border-color:#6a9fbd;transform:translateY(-2px)}.samples{margin:14px 0 0;gap:8px}.samples button{font-size:11px;min-height:32px;padding:6px 11px;border-color:#2a4d64;background:#04172699;color:#bed1df}.feature{margin-top:28px;padding-top:23px;border-color:#29445788}.feature h3{font-size:28px}.feature p{font-size:14px}.feature .eyebrow{font-size:10px}.feature button{font-size:13px}footer{margin:0 46px;border-color:#29445777;font-size:12px;padding:18px 0}footer span{font-size:10px}body[data-intensity=focused] main,body[data-intensity=reflective] main{background:#080b10}body[data-intensity=focused] .hero{padding-top:15px}body[data-intensity=focused] .hero .composer{max-width:none;background:#111e2a}body[data-intensity=reflective] #content{max-width:1000px}body[data-intensity=focused] .card{background:#14202d}.collapsed aside{width:72px}.collapsed main{margin-left:72px}.collapsed .navgroup{font-size:0;padding:10px 8px}.collapsed .navgroup>span{font-size:20px;width:auto}.collapsed .navgroup>i,.collapsed .navchildren{display:none}.collapsed nav section{margin-bottom:6px}.collapsed .sidebottom{padding-top:15px}.lowglow .symbol{opacity:.4}
@media(min-width:1500px){#content{padding-top:25px}.hero{padding-top:35px}.symbol{width:550px;height:550px;right:-100px}.hero .composer{max-width:850px}.quick{min-height:148px}}
@media(min-width:1001px) and (max-width:1250px){.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.symbol{width:430px;height:430px;right:-160px}.hero h1{font-size:64px}.hero>p:not(.privacyhint){max-width:540px}.hero .composer{max-width:700px}#content{padding:12px 30px 30px}}
@media(min-width:721px) and (max-width:1000px){aside{width:72px;padding:25px 10px}main{margin-left:72px}.navgroup{font-size:0;padding:10px 8px}.navgroup>span{font-size:20px;width:auto}.navgroup>i,.navchildren{display:none}.hero h1{font-size:60px}.hero>p:not(.privacyhint){font-size:17px;max-width:540px}.symbol{width:350px;height:350px;right:-145px;opacity:.65}.hero .composer{max-width:none}#content{padding:15px 28px 35px}.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick strong{font-size:16px}}
@media(max-width:720px){aside,.collapsed aside{width:265px}main,.collapsed main{margin-left:0}.brandmark.officialmark{width:38px;height:38px}.navgroup,.collapsed .navgroup{font-size:15px;padding:10px 11px}.navgroup>span,.collapsed .navgroup>span{font-size:18px;width:28px}.navgroup>i,.collapsed .navgroup>i{display:inline}.collapsed .navchildren:not([hidden]){display:block}.navchildren button{font-size:14px}#content{padding:14px 20px 35px}header{height:48px}.hero{padding-top:14px}.hero h1{font-size:46px;max-width:100%;margin:14px 0 19px}.hero>p:not(.privacyhint){font-size:17px;line-height:1.7}.hero>.eyebrow{font-size:10px}.symbol{display:none}.hero .composer{padding:18px 17px 14px;margin-top:23px;column-gap:10px;grid-template-columns:minmax(0,1fr) 44px}.composer label{font-size:18px}.composer .instruction{font-size:13px;line-height:1.6;grid-column:1/-1;margin-top:8px;max-width:100%}.composer textarea{font-size:17px;grid-row:3;min-height:93px;height:93px;padding-top:16px}.composebottom .submit{grid-row:3;grid-column:2;align-self:end;margin:0 0 3px;width:42px;height:42px;min-height:44px}.privacyhint,.hero p.privacyhint{font-size:12px!important;line-height:1.7!important}.privacyhint button{font-size:12px}.quickgrid{grid-template-columns:1fr}.quick{padding:20px;min-height:112px;grid-template-columns:40px minmax(0,1fr);column-gap:13px}.quick strong{font-size:17px}.quick p{font-size:14px;margin-top:7px}.sectionlabel{margin-top:24px}.sectionlabel span:last-child{display:none}.samples{gap:8px}.samples button{font-size:12px;min-height:44px}.feature{margin-top:26px}.feature h3{font-size:28px}footer{margin:0 20px}.sidebottom>button,.collapsed .sidebottom>button{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.quick:hover{transform:none}}
.symbol img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-mask-image:none;mask-image:none;opacity:.72;filter:drop-shadow(0 5px 2px #000a) drop-shadow(0 0 22px #9acbeb44)}.symbol .marklight{z-index:1;opacity:.55}.symbol:after{z-index:-1}.collapse{top:65px;right:8px}.hero>p:not(.privacyhint){word-spacing:normal}
@media(min-width:721px) and (max-width:1000px){.tablet-nav-open aside{width:238px;padding:25px 16px;box-shadow:20px 0 60px #0008}.tablet-nav-open .brand>span:last-child{display:block}.tablet-nav-open .navgroup{font-size:15px;padding:10px 11px}.tablet-nav-open .navgroup>span{font-size:18px;width:28px}.tablet-nav-open .navgroup>i{display:inline}.tablet-nav-open .navchildren:not([hidden]){display:block}.tablet-nav-open nav button span:not(.ico){display:inline}.tablet-nav-open nav button{justify-content:start}.tablet-nav-open .sidebottom>button{font-size:13px}.tablet-nav-open .sidebottom>button span{display:inline}.tablet-nav-open .sidebottom>button:before{display:none}}
.navgroup.active{background:#122e49;color:var(--ink);border-left-color:var(--gold)}.navgroup.active>span{color:var(--gold)}