:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c0912;--surface:#15101e;--elevated:#21172e;--violet:#b48bfa;--text:#eee8f5;--muted:#aaa0b8;--border:#352844;--danger:#ffb0c4}
*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font:14px Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--violet);outline-offset:4px}a{color:inherit;text-decoration:none}.shell{min-height:100dvh;display:flex}aside{border-right:1px solid var(--border);background:#100c17;flex-direction:column;width:270px;padding:36px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;font:25px Georgia,serif;display:flex}.sigil{color:var(--violet);font-size:49px}.brand small{letter-spacing:3px;color:var(--muted);margin-top:8px;font:9px Arial,sans-serif;display:block}.ai{color:var(--violet);font-size:16px}.new{background:var(--elevated);color:var(--text);text-align:left;border:1px solid #59406f;border-radius:8px;margin:38px 0 30px;padding:13px}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px}.history-label{margin-left:10px}nav{flex:1;overflow:auto}nav button{text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:13px 10px;display:block;overflow:hidden}nav button span{color:var(--violet);margin-right:6px}nav button:hover,nav .selected{background:var(--elevated);color:var(--text)}.archive-empty{color:#8c809a;padding:10px;font-size:12px;line-height:1.8}.aside-footer{border-top:1px solid var(--border);color:var(--muted);padding-top:22px;font-size:12px}.aside-footer a{margin:16px 0 0 15px;font-size:11px;display:block}.orb{background:var(--violet);border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}main{background:radial-gradient(at 60% 30%,#21122d88,#0000 55%);flex:1;min-width:0;margin-left:270px}header{letter-spacing:2px;height:80px;color:var(--muted);border-bottom:1px solid #35284470;justify-content:space-between;align-items:center;padding:0 40px;font-size:10px;display:flex}.badge{border:1px solid var(--border);letter-spacing:.2px;border-radius:20px;padding:8px 12px;font-size:11px}.workspace{flex-direction:column;max-width:900px;min-height:calc(100dvh - 80px);margin:auto;padding:12px 40px 24px;display:flex}.local-note{color:var(--muted);text-align:center;font-size:11px}.welcome{text-align:center;margin:auto 0;padding:25px 0 45px}.moon{color:#c3a1ef;text-shadow:0 0 50px #a46bf77a;margin-bottom:20px;font:90px Georgia}.welcome .eyebrow{color:#b49acb;letter-spacing:3px}h1{margin:22px 0;font:400 clamp(32px,3.6vw,53px)/1.22 Georgia,serif}h1 em{color:#c7a8ed;font-weight:400}.intro{color:var(--muted);font-size:14px;line-height:1.9}.suggestions{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;display:grid}.suggestions button{text-align:left;color:var(--text);border:1px solid var(--border);background:linear-gradient(145deg,#22172d99,#15101e);border-radius:10px;padding:20px 16px}.suggestions button:hover{background:var(--elevated);border-color:#9775b6}.suggestions span{color:var(--violet);margin-bottom:18px;font-size:22px;display:block}.suggestions strong{font-size:12px;font-weight:500;display:block}.suggestions small{color:var(--muted);margin-top:9px;font-size:10px;display:block}.composer-area{margin-top:auto}.composer{background:#191220;border:1px solid #554064;border-radius:13px;padding:17px;box-shadow:0 12px 50px #0003}.composer textarea{resize:vertical;width:100%;min-height:56px;max-height:230px;color:var(--text);outline-offset:0;background:0 0;border:0;line-height:1.6}.composer textarea::placeholder{color:#8f819f}.composer-bottom{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.composer-bottom button{background:var(--violet);color:#1b1029;border:0;border-radius:7px;min-width:35px;height:34px;font-size:20px}.disclaimer{color:#9686a4;text-align:center;font-size:10px;line-height:1.8}.disclaimer span{letter-spacing:2px;margin-left:14px;font-size:8px}.setup{color:#c6afd9;font-size:12px;line-height:1.5}.error{color:var(--danger);border-left:2px solid var(--danger);padding-left:12px;font-size:13px;line-height:1.6}.messages{flex:1;padding:28px 0}.messages article{border-left:1px solid #79559b;margin-bottom:24px;padding:18px 20px}.messages article.user{border:1px solid var(--border);background:#21172e66;border-radius:10px}.messages article div{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.messages .eyebrow{color:var(--violet);margin-top:0}.auth{border-bottom:1px solid var(--border);padding:12px 0;font-size:12px}.auth form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.auth input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:9px}.auth button{background:var(--elevated);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:9px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){aside{width:220px;padding:25px 16px}main{margin-left:220px}.workspace{padding:12px 24px 20px}header{padding:0 24px}.suggestions{gap:8px}.suggestions button{padding:16px 10px}}@media (max-width:650px){.shell{display:block}aside{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:10px;width:100%;padding:14px 18px;display:grid;position:static}.brand{font-size:22px}.sigil{font-size:36px}.brand small{font-size:7px}.new{align-self:center;margin:0;padding:10px;font-size:11px}.history-label,.aside-footer{display:none}nav{grid-column:1/-1;gap:8px;display:flex}nav button{flex-shrink:0;max-width:190px;padding:8px;font-size:11px}.archive-empty{display:none}main{margin:0}header{letter-spacing:1px;height:50px;padding:0 18px;font-size:8px}.badge{padding:6px;font-size:9px}.workspace{min-height:calc(100dvh - 160px);padding:10px 18px 20px}.welcome{padding:24px 0}.moon{margin-bottom:12px;font-size:60px}h1{font-size:34px}.intro{font-size:12px}.suggestions{margin-top:26px}.suggestions button{padding:14px 9px}.suggestions strong{font-size:11px}.suggestions small{font-size:9px}.suggestions span{margin-bottom:10px}.local-note{font-size:9px}.disclaimer span{display:none}}
@media (min-width:651px) and (max-height:850px){.shell main header{height:64px}.shell .workspace{min-height:calc(100dvh - 64px)}.shell .welcome{padding-top:110px;padding-bottom:18px}.shell .welcome:before{height:260px}.shell .welcome h1{margin:12px 0;font-size:34px}.shell .suggestions{margin-top:20px}.shell .suggestions button{padding:13px 16px}.shell .suggestions span{margin-bottom:8px;font-size:19px}.shell .composer textarea{min-height:42px}}.brand{letter-spacing:4px;gap:13px;font:17px Georgia,serif}.brand small{letter-spacing:2px;font-size:6px;line-height:1.5}.sigil{background:#08050d;border:1px solid #b98af4;border-radius:50%;flex-shrink:0;width:31px;height:31px;display:block;position:relative;box-shadow:2px -1px 12px #b785ff88,-2px 3px 9px #7b40cc55}.sigil:after{content:"";background:linear-gradient(#0000,#c4a0ef80,#0000);width:1px;height:47px;position:absolute;top:-9px;left:14px}main{background:radial-gradient(at 50% 10%,#20102e66,#0000 55%),#08070c}aside{background:#0b0910}.welcome{isolation:isolate;padding-top:160px;padding-bottom:24px;position:relative}.welcome:before{content:"";z-index:-1;opacity:.85;background:linear-gradient(#0000 32%,#08070c),linear-gradient(90deg,#08070c,#0000 25% 75%,#08070c),url(/eclipse-sanctuary.png) 50% 15%/cover no-repeat;height:300px;position:absolute;inset:0 -40px auto;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.welcome .moon{display:none}.welcome .eyebrow{letter-spacing:4px;font-size:8px}.welcome h1{margin:14px 0;font-size:40px;line-height:1.15}.welcome h1 em{color:#dfc8f4}.welcome .intro{font-size:13px;line-height:1.7}.suggestions{margin-top:26px}.suggestions button{background:linear-gradient(145deg,#1c1227aa,#0d0b13);border-color:#31243f;border-radius:9px}.new{background:linear-gradient(110deg,#6a35af55,#241532);border-color:#624480}.composer{background:#110e19;border-color:#68507d}.composer-bottom button{color:#fff;background:linear-gradient(145deg,#a567f5,#6538b2);border-radius:50%;width:36px;box-shadow:0 0 15px #7e3ac333}.badge{color:#bba3d0;background:#160f21}.welcome{animation:.6s ease-out arrive}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.welcome{animation:none}*{scroll-behavior:auto!important}}@media (min-height:950px){.welcome{padding-top:300px}.welcome:before{height:430px}}@media (max-width:900px){.brand{letter-spacing:3px;font-size:14px}.brand small{font-size:5px}.sigil{width:27px;height:27px}.sigil:after{height:43px;left:12px}.welcome h1{font-size:38px}}@media (max-width:650px){.brand{letter-spacing:3.5px;font-size:15px}.brand small{font-size:5px}.new{border-radius:50%;width:34px;height:34px;padding:0;font-size:0}.new:after{content:"+";color:#c49bea;font-size:23px}.welcome{padding-top:220px;padding-bottom:24px}.welcome:before{opacity:1;background-position:50%,50%,50% 42%;height:310px;inset:0 -18px auto}.welcome h1{font-size:33px}.welcome .eyebrow{letter-spacing:3px;font-size:7px}.welcome .intro{font-size:12px}.local-note{z-index:1;position:relative}.suggestions{text-align:left;margin-top:24px}.suggestions button{background:#100d17cc}.composer{padding:14px}.composer textarea{min-height:47px}}