:root{--bg:#05070a;--panel:#0b1017;--panel-strong:#0e151e;--line:#1b2834;--line-bright:#2b4653;--text:#edf5f7;--muted:#7f929b;--glow:#72e6d0;--glow-soft:#72e6d01f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--text);background:linear-gradient(#ffffff04 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 65% 8%,#102934 0,#080d12 34%,#05070a 72%);margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.app{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#05080ceb;flex-direction:column;width:264px;padding:22px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;min-height:42px;display:flex}.logo{color:#cffff6;background:linear-gradient(145deg,#14242b,#091014);border:1px solid #385660;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid;box-shadow:inset 0 0 18px #72e6d00f}.brandText{flex-direction:column;gap:3px;min-width:0;display:flex}.brandText strong{letter-spacing:.14em}.brandText span{color:var(--muted);letter-spacing:.26em;font-size:9px}.newChat{background:var(--glow-soft);color:#cafff5;text-align:left;border:1px solid #28414a;border-radius:12px;align-items:center;gap:10px;width:100%;margin-top:28px;padding:11px 13px;display:flex}.newChatLabel{font-size:13px}.historyLabel{color:#64747d;letter-spacing:.16em;margin:30px 8px 10px;font-size:9px}.chatHistory{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow-y:auto}.historyItem{color:#8898a1;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;padding:11px 12px;font-size:12px;overflow:hidden}.historyItem.active{color:#e5f5f2;background:#0e1820;border-color:#223945}.memoryStatus{color:#667982;letter-spacing:.14em;align-items:center;gap:9px;margin:14px 4px 0;font-size:9px;display:flex}.deleteChat{color:#7f929b;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;width:100%;margin-top:10px;padding:10px 12px;font-size:11px;display:flex}.status,.onlineDot{background:var(--glow);width:8px;height:8px;box-shadow:0 0 14px var(--glow);border-radius:50%;flex:0 0 8px}.workspace{flex-direction:column;grid-column:2;min-width:0;min-height:100vh;display:flex}.header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b10c2;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:0 30px;display:flex;position:sticky;top:0}.header strong{letter-spacing:.14em}.header span{color:var(--muted);letter-spacing:.15em;font-size:10px}.headerActions,.accountStatus{align-items:center;gap:10px;display:flex}.operationsLink{color:#bffcf0;letter-spacing:.13em;background:#72e6d00a;border:1px solid #29414c;border-radius:9px;padding:8px 11px;font-size:8px;text-decoration:none}.usageStatus{background:#72e6d00b;border:1px solid #243a43;border-radius:10px;width:116px;padding:7px 9px}.usageMeta{justify-content:space-between;align-items:center;gap:8px;display:flex}.usageMeta span{font-size:7px}.usageMeta strong{color:#bffcf0;font-size:9px}.usageTrack{background:#17242b;border-radius:999px;height:3px;margin-top:5px;overflow:hidden}.usageTrack span{border-radius:inherit;background:var(--glow);height:100%;display:block}.accountStatus{border-left:1px solid var(--line);padding-left:11px}.online{color:#b9fff0;border:1px solid #315a57;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:9px;display:flex}.chat{flex:1;width:min(900px,100% - 48px);margin:0 auto;padding:56px 0 34px}.intro{margin-bottom:46px}.eyebrow{color:var(--glow);margin:0 0 12px;font-size:9px}.intro h1{margin:0;font-size:clamp(34px,6vw,66px);font-weight:400}.message{margin:18px 0;display:flex}.message>div{border:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:16px;max-width:min(78%,720px);padding:15px 18px;line-height:1.75}.message.user{justify-content:flex-end}.message.user>div{background:#13212b;border-color:#29424f}.message.assistant>div{background:#0c1118e0}.suggestionRow{flex-wrap:wrap;gap:7px;margin:8px 0 0 4px;display:flex}.message .suggestionRow{background:0 0;border:0;max-width:100%;padding:0}.suggestionButton{color:#c5e4df;background:#72e6d00f;border:1px solid #52616a;border-radius:999px;padding:7px 10px;font-size:11px}.suggestionButton:hover:not(:disabled){border-color:var(--glow);color:#eafffa;background:#72e6d024}.starterPrompts{flex-wrap:wrap;gap:8px;margin:-26px 0 30px;display:flex}.starterPrompts button{color:#b9d9d8;text-align:left;background:#72e6d00d;border:1px solid #29424f;border-radius:999px;padding:9px 12px;font-size:11px}.starterPrompts button:hover:not(:disabled){border-color:var(--glow);color:#cffff6;background:#72e6d01f}.composer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090e14f5;border:1px solid #2a3b46;border-radius:19px;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(900px,100% - 48px);margin:0 auto 14px;padding:12px;display:grid;position:sticky;bottom:14px;box-shadow:0 22px 70px #0000006b}.composer>div:first-child{flex-wrap:wrap;grid-column:1/-1}.composer>div:first-child button{color:#e9eef0;background:#17191d;border:1px solid #2b3942;border-radius:999px;min-width:96px;padding:9px 16px;transition:all .16s}.composer>div:first-child button[aria-pressed=true]{border-color:var(--glow);color:#cffff6;background:#72e6d029;box-shadow:0 0 0 2px #72e6d014,0 0 18px #72e6d021}.composer>div:first-child button[aria-pressed=true]:before{content:"● ";color:var(--glow);font-size:9px}.composer textarea{resize:vertical;width:100%;min-width:0;min-height:96px;max-height:260px;color:var(--text);background:#080d12;border:1px solid #1e3039;border-radius:13px;outline:0;grid-column:1;padding:14px 15px;font-size:15px;line-height:1.65}.composer textarea:focus{border-color:#376b63}.composer>button[type=submit]{color:#c9fff4;background:#102c29;border:1px solid #376b63;border-radius:12px;grid-column:2;align-self:end;min-height:48px;padding:0 20px}.composer button:disabled{opacity:.38}footer{color:#4f6069;text-align:center;padding:0 28px 20px;font-size:8px}.dialogBackdrop{z-index:50;background:#020508b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialogPanel{background:#0a1118;border:1px solid #29414c;border-radius:20px;width:min(460px,100%);padding:28px}.dialogActions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.dialogActions button{color:var(--text);background:#102028;border:1px solid #31505b;border-radius:10px;padding:10px 14px}@media (max-width:760px){.app{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:10px;width:100%;height:64px;padding:10px 12px;position:sticky;top:0}.brandText span,.historyLabel,.chatHistory,.newChatLabel,.memoryStatus{display:none}.brand{min-width:0}.brandText strong{font-size:13px}.newChat{justify-content:center;width:40px;height:40px;margin:0;padding:0}.deleteChat{justify-content:center;width:40px;height:40px;margin:0 0 0 auto;padding:0;overflow:hidden}.deleteChatLabel{display:none}.workspace{min-height:calc(100vh - 64px)}.header{min-height:54px;padding:0 12px;top:64px}.header>div:first-child span,.accountStatus>span{display:none}.headerActions{gap:6px}.operationsLink{padding:7px 8px;font-size:7px}.usageStatus{width:76px;padding:6px}.usageMeta span{display:none}.usageMeta{justify-content:flex-end}.online{padding:7px 8px;font-size:0}.accountStatus{border-left:0;padding-left:0}.chat{width:calc(100% - 24px);padding-top:30px}.message>div{max-width:92%}.intro{margin-bottom:28px}.starterPrompts{grid-template-columns:1fr;gap:6px;margin:-12px 0 20px;display:grid}.starterPrompts button{width:100%;padding:10px 12px}.composer{grid-template-columns:1fr auto;width:calc(100% - 12px);margin-bottom:6px;padding:10px;bottom:6px}.composer>div:first-child{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:7px!important;margin-bottom:8px!important;display:grid!important}.composer>div:first-child button{width:100%;min-width:0;padding:10px 4px;font-size:14px}.composer>div:first-child span{grid-column:1/-1;width:100%;padding:2px 4px;display:block;color:#8da0a8!important;font-size:10px!important}.composer textarea{grid-column:1/-1;min-height:88px;max-height:30vh;padding:13px;font-size:16px}.composer>button[type=submit]{grid-column:2;width:48px;min-height:48px;padding:0}.composer>button:not([type=submit]){min-height:42px}.dialogPanel{padding:20px}.auth-shell{grid-template-columns:1fr;width:calc(100% - 32px)}}
.notice{color:#ffc1c1;background:#ff5a5a12;border:1px solid #ff828247;border-radius:12px;margin:0 0 22px;padding:12px 14px;font-size:12px}.dialogBackdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020508bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialogPanel{background:linear-gradient(145deg,#0e171e,#080d12);border:1px solid #29434d;border-radius:20px;width:min(440px,100%);padding:28px;box-shadow:0 28px 90px #0000008c,inset 0 0 32px #72e6d006}.dialogEyebrow{color:var(--glow);letter-spacing:.22em;margin:0 0 10px;font-size:8px}.dialogPanel h2{color:var(--text);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:500}.dialogDetail{color:#dce9eb;overflow-wrap:anywhere;margin:24px 0 6px;line-height:1.6}.dialogMeta{color:var(--muted);letter-spacing:.08em;margin:0;font-size:10px}.dialogActions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.dialogActions button{border-radius:11px;min-height:42px;padding:0 16px}.dialogCancel{color:#9babb2;background:0 0;border:1px solid #263741}.dialogConfirm{color:#c9fff4;background:#102c29;border:1px solid #376b63}.dialogConfirm:hover:not(:disabled){background:#153a36}.dialogConfirm.danger{color:#ffc1c1;background:#781e1e52;border-color:#ff828259}.dialogConfirm.danger:hover:not(:disabled){background:#9626266b}.dialogActions button:disabled{cursor:default;opacity:.45}@media (max-width:520px){.dialogPanel{padding:22px}.dialogActions{flex-direction:column-reverse}.dialogActions button{width:100%}}