:root{font-family:Inter,"Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#080b14;--panel:#101421;--panel2:#151a2a;--stroke:#292e43;--fg:#f5f6ff;--muted:#99a2ba;--purple:#a7a0ff;--cyan:#80ded5;color:var(--fg);color-scheme:dark}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg)}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100dvh}.sidebar{display:flex;flex-direction:column;gap:15px;padding:26px 19px;background:linear-gradient(160deg,#111629,#0c101d);border-right:1px solid var(--stroke);min-height:100dvh}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:780;letter-spacing:-.5px;padding:3px 8px 30px}.brand b{color:var(--purple)}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #8583eb55;border-radius:12px;color:var(--purple);font-size:22px;background:#a9a3ff13}.side-label{color:#7e88a3;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:750;margin:9px 12px}.side-button{display:flex;width:100%;align-items:center;gap:12px;text-align:left;color:#dce0ef;background:transparent;border:1px solid transparent;padding:13px;border-radius:10px;font-size:13px;font-weight:650}.side-button span:first-child{width:23px;font-size:21px;font-weight:400}.side-button:hover{background:#20253a}.side-button.primary{border-color:#45446c;background:#aaa2ff20;color:#e9e6ff}.side-group{border-top:1px solid var(--stroke);padding-top:12px;margin-top:9px}.sidebar-bottom{margin-top:auto;padding-top:25px}.status-mini{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:99px;background:#61c8aa;box-shadow:0 0 11px #61c8aa70}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.8}.linkbutton{background:none;color:#b2aaff;border:0;padding:9px 0;font-size:12px}.foot-nav{display:flex;gap:13px;flex-wrap:wrap;margin-top:15px}.foot-nav a{color:#95a0b6;font-size:11px}.foot-nav a:hover{color:white}.main{display:flex;flex-direction:column;min-width:0;height:100dvh}.topbar{height:71px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:10px;background:#0c101b}.top-left,.top-right{display:flex;align-items:center;gap:15px}.top-title{font-weight:760;font-size:15px}.model-pill{background:#27243a;border:1px solid #3b365e;border-radius:50px;padding:7px 11px;color:#b6b2df;font-size:11px}.quota{color:var(--muted);font-size:12px}.language{background:var(--panel2);border:1px solid #373d54;color:white;border-radius:9px;padding:8px 12px;font-size:12px}#mobile-menu{display:none;border:none;background:none;color:white;font-size:22px}.chat-area{flex:1;min-height:0;overflow:auto;padding:45px 26px 28px;scroll-behavior:smooth}.welcome{max-width:720px;margin:10vh auto 20px;text-align:center}.hero-symbol{display:grid;place-items:center;margin:auto auto 21px;border:1px solid #4d4b78;width:70px;height:70px;border-radius:22px;font-size:41px;color:#c6c1ff;background:radial-gradient(circle,#7f7de845,#131b31)}.hero-overline{color:var(--purple);font-weight:800;font-size:11px;letter-spacing:.2em}.welcome h1{font-size:clamp(27px,4vw,39px);letter-spacing:-.045em;margin:18px 0 13px}.welcome p{color:var(--muted);font-size:14px;line-height:1.9}.suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:36px}.suggest{padding:14px;border:1px solid #303853;border-radius:14px;background:#111725;color:#c4cbea;font-size:12px;transition:.15s}.suggest:hover{border-color:#807fe3;background:#1a2140}.composer-container{padding:15px 26px 20px;background:linear-gradient(0deg,#080b14 75%,#080b1400)}.composer{max-width:845px;margin:auto;display:flex;align-items:end;gap:13px;background:#171b2b;border:1px solid #3c425c;border-radius:18px;padding:14px 15px;box-shadow:0 10px 40px #0003}.composer:focus-within{border-color:#8986e4}.composer textarea{flex:1;background:none;border:none;outline:none;resize:none;max-height:150px;min-height:27px;color:white;line-height:1.7;font-size:14px;padding:3px 0}.composer textarea::placeholder{color:#7e88a2}.send{border:0;border-radius:11px;background:var(--purple);color:#161323;font-size:18px;width:39px;height:39px;flex-shrink:0}.send:disabled{opacity:.4;cursor:not-allowed}.disclaimer{text-align:center;color:#7c86a0;font-size:10px;margin:11px auto 0;line-height:1.65}#messages{max-width:845px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.msg{display:flex;gap:14px;align-items:flex-start}.msg.user{justify-content:flex-end}.avatar{width:33px;height:33px;flex-shrink:0;border-radius:11px;background:#29283f;display:grid;place-items:center;color:var(--purple);font-size:20px}.msg.user .avatar{background:#2b3044;color:#d2dcff;order:2}.bubble{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;color:#e0e4f1;max-width:calc(100% - 50px)}.msg.user .bubble{background:#232740;border:1px solid #373d62;padding:11px 15px;border-radius:14px;max-width:min(80%,650px)}.msg.loading .bubble{color:var(--muted)}.toast{position:fixed;bottom:118px;left:50%;transform:translateX(-50%);background:#222941;color:white;padding:12px 19px;border-radius:12px;border:1px solid #515979;z-index:20;font-size:12px;box-shadow:0 15px 45px #0008}.cookie-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#040512bc;z-index:100;padding:15px;backdrop-filter:blur(4px)}.cookie-panel{max-width:500px;background:#161b2d;border:1px solid #4a4e70;border-radius:22px;padding:29px;box-shadow:0 30px 80px #000a}.cookie-badge{font-size:27px}.cookie-panel h2{font-size:19px;margin:12px 0}.cookie-panel p{font-size:13px;color:#b4bed3;line-height:1.95}.cookie-actions{display:flex;gap:10px;margin-top:22px}.cookie-actions button{flex:1;border:1px solid #525b76;background:#252c40;color:white;padding:13px 10px;border-radius:12px;font-size:12px;font-weight:750}.cookie-actions .emph{background:#a9a3ff;color:#121328;border-color:#a9a3ff}[hidden]{display:none!important}
@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:280px;transform:translateX(-101%);transition:transform .2s;box-shadow:15px 0 45px #0008}.sidebar.open{transform:none}.main{height:100dvh}.topbar{padding:0 16px;height:60px}#mobile-menu{display:block}.model-pill{font-size:10px;padding:6px 9px}.quota{font-size:10px}.chat-area{padding:22px 16px}.welcome{margin-top:11vh}.composer-container{padding:12px 13px 13px}.suggestions{margin-top:25px}.cookie-panel{padding:23px}}