:root{color-scheme:light;--bg:#fff;--side:#f9f9f9;--hover:#ededed;--border:#e7e7e7;--fg:#171717;--sub:#727272;--composer:#fff;--accent:#2563eb;--dialog:#fff}
body.dark{color-scheme:dark;--bg:#161719;--side:#111214;--hover:#292b2f;--border:#343539;--fg:#f3f3f3;--sub:#b0b0b0;--composer:#222326;--accent:#5f8cfa;--dialog:#222326}
[hidden]{display:none!important}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:15px/1.46 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg)}button,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{display:flex;min-height:100dvh}.sidebar{width:265px;min-width:265px;background:var(--side);display:flex;flex-direction:column;padding:19px 13px 17px;border-right:1px solid var(--border);height:100dvh;overflow-y:auto}.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding:0 8px 27px}.wordmark{display:flex;gap:9px;align-items:center;font-weight:750;font-size:19px;letter-spacing:.15px}.wordmark small{display:block;color:var(--sub);font-size:9px;font-weight:500;letter-spacing:1.6px;margin-top:-2px}.mark,.logo-lg{display:grid;place-items:center;background:linear-gradient(135deg,#c4e9dc,#b5b2e9);color:#183b35;font:italic bold 32px Georgia,serif;border-radius:13px}.mark{width:39px;height:39px}.logo-lg{width:53px;height:53px;font-size:44px;border-radius:18px;display:none}.navigation{display:flex;flex-direction:column;gap:3px}.navitem{border:0;background:transparent;display:flex;gap:14px;align-items:center;padding:11px 13px;width:100%;border-radius:10px;text-align:left;font-weight:480;white-space:nowrap}.navitem:hover{background:var(--hover)}.sym{font-size:21px;font-weight:400;width:21px;line-height:1;text-align:center}.navigation hr{border:0;background:var(--border);height:1px;width:calc(100% - 20px);margin:14px 10px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:21px 11px 1px}.sidebar-bottom p{margin:0 0 14px}.sidebar-bottom p+ p{color:var(--sub);font-size:12px}.sidebar-login{display:block;text-align:center;border-radius:40px;background:var(--hover);padding:12px;font-weight:600;font-size:14px}.sidebar-login:hover{filter:brightness(.96)}.close-sidebar{display:none}.main{flex:1;position:relative;display:flex;flex-direction:column;min-width:0;min-height:100dvh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 29px}.topmark{font-size:18px;font-weight:650}.chevron{font-size:17px;color:var(--sub)}.topactions{display:flex;align-items:center;gap:11px}.sign-in{padding:11px 18px;background:var(--fg);color:var(--bg);font-weight:620;border-radius:30px;font-size:14px}.request-access{padding:11px 18px;border:1px solid var(--border);background:transparent;border-radius:30px;font-weight:600;font-size:14px}.topactions a:hover,.topactions button:hover{opacity:.85}.centerstage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 9vh}.welcome{text-align:center}.welcome h1{font-size:clamp(26px,3vw,34px);font-weight:540;line-height:1.2;letter-spacing:-.8px;margin:0 0 10px}.welcome p{color:var(--sub);font-size:14px;margin:0 0 32px}.composer{max-width:820px;width:100%;border:1px solid var(--border);background:var(--composer);border-radius:27px;box-shadow:0 4px 22px #1111110b;padding:16px 17px 11px}.composer textarea{display:block;width:100%;resize:none;border:0;outline:0;background:transparent;min-height:39px;max-height:160px;font-size:16px;padding:0 0 4px;line-height:1.5}.composer textarea::placeholder{color:#8a8a8a}.composer-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-left,.composer-right{display:flex;align-items:center;gap:8px}.composer-left span{color:var(--sub);font-size:12px}.round,.voice-btn,.send-btn{border:0;display:grid;place-items:center;height:34px;min-width:34px;border-radius:50%;background:transparent;font-size:23px}.round:hover{background:var(--hover)}.round svg,.voice-btn svg{width:21px;height:21px}.voice-btn{color:#fff;background:#3465ee;width:38px;height:38px}.voice-btn svg{width:24px;height:24px}.send-btn{background:var(--fg);color:var(--bg);font-weight:700;font-size:23px}.below{margin-top:24px}.below button{background:transparent;border:1px solid var(--border);border-radius:28px;padding:12px 20px;font-size:13px;font-weight:550}.below button:hover{background:var(--hover)}.notice{margin:20px 0 0;color:var(--sub);font-size:11px;text-align:center}footer{text-align:center;color:var(--sub);font-size:11px;padding:14px 18px}.menu-button{display:none;background:transparent;border:0;font-size:23px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:var(--fg);background:var(--dialog);border:1px solid var(--border);border-radius:20px;padding:33px;max-width:440px;width:calc(100% - 30px);box-shadow:0 20px 70px #0004}dialog::backdrop{background:#0009}dialog h2{font-size:22px;font-weight:620;margin:0 20px 12px 0}dialog p{line-height:1.6;color:var(--sub)}.dialog-close{border:0;background:transparent;position:absolute;right:19px;top:15px;font-size:20px}.dialog-buttons{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:25px}.dialog-login{background:var(--fg);color:var(--bg);border-radius:30px;padding:11px 19px;font-weight:600}.dialog-buttons button{border:1px solid var(--border);background:transparent;border-radius:30px;padding:11px 18px}
@media(max-width:820px){.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:transform .2s;box-shadow:0 10px 40px #0004}.sidebar.open{transform:translateX(0)}.close-sidebar{display:block;border:0;background:transparent;font-size:18px}.menu-button{display:inline-block}.topbar{padding:0 18px;height:67px}.topmark{margin-right:auto;margin-left:12px}.centerstage{padding:0 18px 8vh}.welcome p{margin-bottom:25px}}
@media(max-width:520px){.topactions{gap:6px}.topactions a,.topactions button{font-size:12px;padding:10px 11px}.centerstage{padding:0 13px 6vh}.welcome h1{font-size:26px}.welcome p{font-size:13px}.composer{border-radius:22px;padding:12px 13px 9px}.composer-left span{display:none}.notice{font-size:10px}.logo-lg{display:grid;margin:0 auto 15px}}
