500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--bg:#faf9f5;--side:#f0f0eb;--ink:#202e40;--muted:#7b807f;--line:#e2e3dc;--card:#fffefa;--gold:#a58b50;--soft:#eeece4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}body.dark{--bg:#172334;--side:#121e2c;--ink:#f3efe5;--muted:#a5aeb7;--line:#344052;--card:#202e40;--soft:#2b3748}button,a,input,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}button{border:0;background:none}a{text-decoration:none}aside{width:260px;position:fixed;inset:0 auto 0 0;background:var(--side);border-right:1px solid var(--line);padding:29px 19px 18px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;font:12px Georgia;letter-spacing:1.1px;white-space:nowrap}.brandmark{font-size:25px;letter-spacing:-4px;border:1px solid var(--gold);border-radius:50%;width:44px;height:44px;display:grid;place-content:center;color:var(--gold)}.brandmark span{display:none}.brand small{display:block;font:8px 'DM Sans';letter-spacing:4px;margin-top:5px}.collapse{position:absolute;right:12px;top:88px;color:var(--muted)}nav{margin-top:36px}nav section{margin-bottom:18px}nav h3{font-size:9px;letter-spacing:1.7px;color:var(--muted);margin:0 12px 7px;text-transform:uppercase}nav button,.sidebottom>button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:8px 12px;border-radius:6px;font-size:11px;min-height:33px}nav button:hover,.sidebottom>button:hover{background:var(--soft)}nav button.active{background:#e4e6df;color:#25372f;font-weight:700}nav .ico{font-size:16px;width:19px;text-align:center}.sidebottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.sidebottom>button{color:var(--muted)}.anonymous{display:flex;gap:10px;align-items:center;margin:18px 10px 0;font-size:11px}.anonymous b{background:#e5e2d7;border-radius:50%;padding:10px;color:#6c715f}.anonymous small{display:block;color:var(--muted);font-size:9px;margin-top:4px}main{margin-left:260px;min-height:100vh}header{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:11px;border-bottom:1px solid var(--line);color:var(--muted)}header i{margin:0 13px;font-style:normal;color:#b6b8b1}.testbadge{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.testbadge em{width:5px;height:5px;border-radius:100%;background:var(--gold)}#content{max-width:1050px;margin:auto;padding:50px 54px 60px}.hero{text-align:center;max-width:710px;margin:0 auto}.symbol{width:85px;height:85px;margin:0 auto 23px;position:relative;border-radius:50%;background:radial-gradient(ellipse,#e5dfcc55,#d6cde126,transparent 70%);box-shadow:0 0 40px #cbbced20;display:grid;place-items:center}.symbol svg{width:62px;stroke:#a18b59;stroke-width:1.1;fill:none}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.4px;color:var(--gold);text-transform:uppercase}h1{font:64px/1.1 'Libre Caslon Display',Georgia,serif;letter-spacing:-1.6px;margin:14px 0 18px}p{line-height:1.8}.hero p{color:var(--muted);font-size:12px;margin:0}.composer{margin:35px auto 0;text-align:left;background:var(--card);border:1px solid #d7d9cf;border-radius:15px;box-shadow:0 8px 28px #25372f05;padding:21px 23px 15px}.composer label{font-size:13px;font-weight:600;display:block}.composer textarea{width:100%;resize:vertical;min-height:77px;background:none;color:var(--ink);border:0;outline:none;padding:14px 0;font-size:12px;line-height:1.7}.composer textarea::placeholder{color:#92968f}.composebottom{display:flex;justify-content:space-between;align-items:center}.composebottom small{font-size:9px;color:var(--muted)}.submit{background:var(--ink);color:var(--bg);border-radius:7px;padding:10px 15px;font-size:11px}.submit span{margin-left:20px}.privacyhint{font-size:9px!important;margin-top:12px!important;color:var(--muted)}.sectionlabel{display:flex;justify-content:space-between;align-items:center;margin:37px 0 14px;font-size:10px;letter-spacing:1.1px;text-transform:uppercase}.sectionlabel span:last-child{font-size:10px;letter-spacing:0;text-transform:none;color:var(--muted)}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{border:1px solid var(--line);background:var(--card);padding:18px 15px;border-radius:10px;text-align:left;transition:.2s}.quick:hover{transform:translateY(-3px);border-color:var(--gold)}.quick .qicon{width:29px;height:29px;display:grid;place-items:center;background:#efeee7;border-radius:7px;color:#86866c;font-size:16px;margin-bottom:17px}.quick:nth-child(2) .qicon{background:#eeedf3;color:#82778f}.quick:nth-child(3) .qicon{background:#e9eee5;color:#718066}.quick:nth-child(4) .qicon{background:#f3ebe3;color:#a68c72}.quick strong{font-size:11px}.quick p{font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:0}.samples{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}.samples button{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;color:var(--muted)}.feature{display:flex;margin-top:40px;border-top:1px solid var(--line);padding-top:25px;align-items:center;justify-content:space-between;gap:25px}.feature .mini{background:var(--soft);border-radius:10px;padding:17px;font-size:23px;color:var(--gold)}.feature h3{font:24px 'Libre Caslon Display';margin:6px 0}.feature p{font-size:11px;color:var(--muted);margin:0}.feature button{border:1px solid var(--line);border-radius:7px;padding:12px 17px;font-size:10px;white-space:nowrap}footer{border-top:1px solid var(--line);margin:0 44px;padding:22px 0;color:var(--muted);font:italic 12px Georgia;display:flex;justify-content:space-between}footer span{font:8px 'DM Sans';letter-spacing:1.3px}#mobilemenu{display:none}.card{background:var(--card);border:1px solid var(--line);padding:25px;border-radius:12px;margin:18px 0}.card h2,h2{font:34px 'Libre Caslon Display';margin:8px 0 15px}.card h3{font:25px 'Libre Caslon Display';margin:8px 0}.card p{font-size:13px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.actions button,.pill{padding:11px 14px;border:1px solid var(--line);border-radius:7px;min-height:44px;font-size:12px}.actions button:hover{border-color:var(--gold)}.note{font-size:11px;color:var(--muted);line-height:1.7}.storygrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.storygrid .card{margin:0;text-align:left;border-left:3px solid var(--gold)}.storygrid span{color:var(--muted)}textarea.answer{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:15px;min-height:150px;line-height:1.7}.progress{height:3px;background:var(--line);margin:25px 0}.progress div{height:100%;background:var(--gold)}.panel{position:fixed;right:0;top:0;bottom:0;width:370px;max-width:100%;background:var(--card);border-left:1px solid var(--line);box-shadow:-15px 0 50px #0001;padding:35px;overflow:auto;z-index:40}.close{float:right;font-size:22px;min-width:44px;min-height:44px}.panel h2{margin-top:60px}.usertext{border-left:2px solid var(--gold);padding:12px 20px;margin:20px 0;white-space:pre-wrap}.tag{font-size:9px;letter-spacing:1px;color:var(--gold);text-transform:uppercase}.feedback{border-top:1px solid var(--line);padding-top:15px;font-size:11px}.feedback button{padding:8px}.feedback input{display:block;margin-top:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:10px;width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:9px;background:var(--ink);color:var(--bg);display:none;z-index:60}.collapsed aside{width:75px;padding:25px 10px}.collapsed main{margin-left:75px}.collapsed .brand>span:last-child,.collapsed nav h3,.collapsed nav button span:not(.ico),.collapsed .sidebottom span,.collapsed .anonymous,.collapsed .sidebottom>button{display:none}.collapsed nav{margin-top:40px}.collapsed nav section{margin-bottom:8px}.collapsed .brandmark{width:40px}.collapsed .collapse{top:80px}.collapsed nav button{justify-content:center;padding:8px}.dark nav button.active{background:#344438;color:#e8e9e0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(min-width:1450px){#content{padding-top:65px}.hero h1{font-size:74px}.quick{padding:23px 20px}}@media(max-width:1100px){aside{width:220px}main{margin-left:220px}#content{padding:38px 30px}.quickgrid{grid-template-columns:repeat(2,1fr)}header{padding:0 30px}}@media(max-width:720px){aside,.collapsed aside{transform:translateX(-100%);width:260px}.menuopen aside{transform:none}.menuopen #shade{display:block;position:fixed;inset:0;background:#0005;z-index:19}main,.collapsed main{margin-left:0}header{height:65px;padding:0 18px;gap:12px}#mobilemenu{display:block;font-size:20px;min-width:44px;min-height:44px}.testbadge{font-size:7px}#breadcrumb{font-size:10px}.testbadge em{display:none}#content{padding:30px 20px}h1{font-size:49px}.hero p{font-size:11px}.composer{margin-top:25px;padding:18px}.composebottom small{font-size:8px}.quickgrid{gap:10px}.quick{padding:15px}.samples button{min-height:44px}.feature{flex-wrap:wrap}.feature .mini{display:none}.storygrid{grid-template-columns:1fr}footer{margin:0 20px;font-size:10px}footer span{font-size:7px}.panel{width:100%}.collapsed .brand>span:last-child,.collapsed nav h3,.collapsed nav button span:not(.ico),.collapsed .sidebottom span,.collapsed .anonymous,.collapsed .sidebottom>button{display:revert}.collapsed nav button{justify-content:start}.collapsed nav section{margin-bottom:18px}}
/* Midnight / Minimal Black / Aurora design system */
:root,body.dark{color-scheme:dark;--bg:#080b10;--side:#10141b;--midnight:#061b34;--ink:#f5f1e9;--muted:#aeb8c6;--line:#303948;--card:#171e28;--elevated:#202a37;--gold:#ddb96e;--lavender:#9f7aea;--soft:#202a37}body{font-size:15px}main{position:relative;isolation:isolate;overflow:hidden}main:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:660px;background:radial-gradient(ellipse at 88% 23%,#9f7aea16,transparent 36%),radial-gradient(ellipse at 64% 12%,#ddb96e0e,transparent 38%),linear-gradient(150deg,#061b34 0%,#0a1524 48%,#080b10 85%);pointer-events:none}header{border-color:#30394888;background:#080b1044;color:var(--muted);position:relative;z-index:2}.brand{font-size:12px;color:var(--ink)}.brandmark{color:var(--gold);border-color:#ddb96e66}.collapse{color:var(--muted);min-width:44px;min-height:44px;right:6px;top:75px}nav{margin-top:34px}nav h3{color:#98a4b5;font-size:10px}nav button,.sidebottom>button{font-size:12px;min-height:38px;padding:9px 12px}nav button.active,.dark nav button.active{background:#202a37;color:var(--gold)}nav button:hover,.sidebottom>button:hover{background:var(--elevated)}nav .ico{color:#aeb8c6}.anonymous b{background:#202a37;color:var(--gold)}.sidebottom{background:var(--side)}.testbadge{color:#bfcaDA}.hero{position:relative;text-align:left;max-width:none;padding-top:66px}.hero>p{max-width:560px;font-size:14px;line-height:1.9}.hero h1{font-size:80px;max-width:620px;position:relative;margin:20px 0 23px;letter-spacing:-1.5px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.2px}.symbol{position:absolute;right:-215px;top:-65px;width:520px;height:520px;background:radial-gradient(ellipse,#9f7aea0c,transparent 62%);box-shadow:none;z-index:-1;opacity:.65;pointer-events:none}.symbol svg{width:100%;height:100%;stroke:#ddb96e;stroke-width:.3;filter:drop-shadow(0 0 12px #ddb96e44) drop-shadow(0 0 35px #9f7aea33);transform:rotate(-18deg)}#content{padding-top:25px;max-width:1150px}.composer{margin-top:36px;background:#10161f;border:1px solid #465062;border-radius:18px;padding:24px;box-shadow:0 12px 60px #0003;position:relative;z-index:1}.composer label{font-size:16px;font-weight:500}.composer textarea{min-height:102px;font-size:18px;line-height:1.65;padding-top:19px;color:var(--ink)}.composer textarea::placeholder{color:#aeb8c6}.composer:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #ddb96e12}.composebottom small{font-size:10px;color:#aeb8c6}.submit{background:var(--gold);color:#10141b;font-weight:700;min-height:44px;padding:12px 18px;border-radius:9px}.submit:disabled{opacity:.7}.privacyhint{font-size:10px!important;max-width:none!important;margin:13px 0 0!important}.privacyhint button{color:#d6c49e;min-height:44px}.sectionlabel{margin-top:30px;font-size:10px;color:#c1c9d4}.quickgrid{gap:14px}.quick{background:linear-gradient(140deg,#1a222e,#141b24);padding:23px 19px;border-color:#303948;border-radius:12px}.quick:hover{background:var(--elevated);transform:translateY(-2px);box-shadow:0 8px 26px #0002}.quick strong{font-size:13px;font-weight:500}.quick p{font-size:12px;color:#aeb8c6;line-height:1.6}.quick .qicon{width:34px;height:34px;background:#ddb96e14;color:#ddb96e;margin-bottom:22px}.quick:nth-child(2) .qicon{background:#9f7aea16;color:#c2a6f0}.quick:nth-child(3) .qicon{background:#88bda117;color:#a3d2b8}.quick:nth-child(4) .qicon{background:#c79e8d18;color:#d8b5a4}.samples{justify-content:flex-start;gap:9px}.samples button{color:#aeb8c6;font-size:10px;background:#10141b80;min-height:38px}.samples button:hover{border-color:var(--gold);color:var(--ink)}.feature{margin-top:36px}.feature .mini{background:#ddb96e0c;color:var(--gold)}.feature p{font-size:12px}.feature button{color:var(--gold);min-height:44px;border-color:#465062}.feature h3{font-size:29px}.card{background:var(--card);padding:28px}.card p{font-size:15px;line-height:1.9}.card h2{font-size:36px}.card h3{font-size:29px}.card .note,.note{color:var(--muted);font-size:13px;line-height:1.85}.actions button,.pill{font-size:13px;background:#10161f;color:var(--ink);border-color:#455062}.actions .submit{background:var(--gold);color:#10141b}.actions button:hover,.pill:hover{background:var(--elevated);border-color:var(--gold)}textarea.answer{background:#0d121a;border-color:#465062;font-size:17px;min-height:200px;padding:20px}textarea.answer:focus{outline:1px solid var(--gold)}.panel{background:#10141b;padding:35px;border-color:#465062;box-shadow:-20px 0 70px #0008}.panel p{font-size:15px;line-height:1.9}.panel .card{background:#171e28;border-color:#5c5035}.panel h2{font-size:42px}.close{color:var(--muted)}.usertext{font-size:17px;line-height:1.8;background:#10161f;border-radius:0 10px 10px 0}.navigator-status{border-top:2px solid var(--gold)}body[data-intensity=focused] main:before,body[data-intensity=reflective] main:before{background:none}body[data-intensity=focused] .hero{padding-top:15px}body[data-intensity=focused] .hero .symbol,body[data-intensity=reflective] .symbol{display:none}body[data-intensity=focused] .hero h1{font-size:46px;margin:12px 0}body[data-intensity=focused] .hero>p:not(.privacyhint){display:none}body[data-intensity=focused] .composer{margin-top:20px}body[data-intensity=reflective] #content{max-width:1000px;padding-top:50px}body[data-intensity=reflective] h1{font-size:60px}body[data-intensity=reflective] .card{background:#10151d}.lowglow .symbol{opacity:.18}.lowglow main:before{background:linear-gradient(150deg,#061b34,#080b10 80%)}footer{font-size:12px;color:#aeb8c6}.collapsed aside{width:72px}.collapsed main{margin-left:72px}.collapsed nav button{min-height:42px}.collapsed .brandmark{font-size:24px}.collapsed .collapse{right:14px}.collapsed .sidebottom #theme{display:flex;font-size:0;min-height:44px}.collapsed .sidebottom #theme:before{content:'⚙';font-size:18px}.collapsed .sidebottom #theme span{display:none}select{max-width:100%;color:var(--ink)}button{transition:background .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.5}
@media(min-width:1450px){#content{padding-top:40px}.hero h1{font-size:92px}.symbol{right:-175px;top:-80px;width:600px;height:600px}}@media(min-width:721px) and (max-width:1000px){aside{width:72px;padding:25px 10px}main{margin-left:72px}.brand>span:last-child,nav h3,nav button span:not(.ico),.sidebottom>button span,.anonymous{display:none}nav button{justify-content:center}nav section{margin-bottom:8px}.collapse{right:14px}.brandmark{width:40px}.hero h1{font-size:67px}.symbol{right:-180px;width:450px;height:450px}.hero{padding-top:40px}}
@media(max-width:720px){main,.collapsed main{margin-left:0}aside,.collapsed aside{width:260px}.hero{padding-top:38px}.hero h1{font-size:58px;max-width:340px}.hero>p{font-size:13px;line-height:1.85}.symbol{width:350px;height:350px;right:-170px;top:-42px;opacity:.3}.composer{padding:20px;margin-top:27px}.composer textarea{font-size:17px;min-height:130px}.composebottom{gap:12px}.composebottom small{font-size:9px}.submit{padding:12px;font-size:11px}.submit span{margin-left:10px}.quickgrid{grid-template-columns:1fr}.quick{padding:20px;display:grid;grid-template-columns:42px 1fr;column-gap:12px}.quick .qicon{grid-row:span 2;margin:0}.quick p{margin:6px 0 0}.quick strong{font-size:14px}.sectionlabel{gap:15px;align-items:start}.sectionlabel span:last-child{max-width:130px;text-align:right;line-height:1.5}.samples button{min-height:44px}.feature h3{font-size:28px}header{padding:0 12px}.testbadge{font-size:6px;letter-spacing:.7px}.card{padding:22px}.card p{font-size:14px}body[data-intensity=reflective] h1{font-size:47px}.panel{padding:26px}.panel h2{font-size:40px}.collapsed .sidebottom #theme{font-size:12px}.collapsed .sidebottom #theme:before{display:none}.collapsed .sidebottom #theme span{display:inline}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.quick:hover{transform:none}}