:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0d11;color:#f4f5f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#171b23 0,#0b0d11 42%,#080a0d 100%);color:#f4f5f7}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #242933;background:rgba(11,13,17,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.mark,.lock-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f4f5f7;color:#0b0d11;font-weight:800;letter-spacing:-.04em}.brand-title{font-weight:700}.brand-subtitle{font-size:12px;color:#8f98a8;margin-top:2px}.health{display:flex;align-items:center;gap:8px;font-size:13px;color:#aab2bf}.dot{width:8px;height:8px;border-radius:50%;background:#6f7785}.health.online .dot{background:#60d394;box-shadow:0 0 0 4px rgba(96,211,148,.1)}.health.error .dot{background:#ff7b7b}.main{width:100%;max-width:1040px;margin:0 auto;padding:28px 20px 36px;flex:1}.chat-panel{min-height:calc(100vh - 132px);display:flex;flex-direction:column;border:1px solid #232833;border-radius:20px;background:rgba(13,16,21,.84);overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28)}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #222732;background:#10141a}.model-control{display:flex;flex-direction:column;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f8897}.model-control select{min-width:220px;background:#171c24;color:#f4f5f7;border:1px solid #303744;border-radius:10px;padding:10px 12px;font:inherit;text-transform:none;letter-spacing:normal;outline:none}.model-control select:focus{border-color:#6f7d91}.ghost{background:transparent;color:#aab2bf;border:1px solid #303744;border-radius:10px;padding:10px 12px;cursor:pointer}.ghost:hover{color:#fff;border-color:#4a5566}.messages{flex:1;min-height:360px;padding:24px;overflow:auto}.welcome{max-width:660px;margin:16vh auto 0;text-align:center}.welcome h1{font-size:clamp(28px,5vw,46px);line-height:1.05;letter-spacing:-.04em;margin:0 0 16px}.welcome p{color:#98a1af;line-height:1.6;margin:0 auto;max-width:570px}.message{display:flex;flex-direction:column;gap:8px;margin:0 0 22px}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.bubble{max-width:min(760px,92%);border-radius:16px;padding:13px 15px;white-space:pre-wrap;line-height:1.58;overflow-wrap:anywhere}.user .bubble{background:#f4f5f7;color:#0b0d11;border-bottom-right-radius:5px}.assistant .bubble{background:#161b22;border:1px solid #242b36;border-bottom-left-radius:5px}.message.error .bubble{border-color:#643838;background:#281719;color:#ffd2d2}.meta{font-size:11px;color:#737c8b;padding:0 3px}.composer{padding:16px;border-top:1px solid #222732;background:#10141a}.composer textarea{display:block;width:100%;max-height:220px;resize:none;border:1px solid #303744;border-radius:14px;background:#171c24;color:#f4f5f7;padding:14px 15px;line-height:1.5;font:inherit;outline:none}.composer textarea:focus{border-color:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.12)}.composer textarea:disabled{opacity:.5}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.hint{font-size:12px;color:#7f8897;min-height:18px}.send,.unlock{border:0;border-radius:11px;background:#f4f5f7;color:#0b0d11;font-weight:700;padding:10px 17px;cursor:pointer}.send:disabled{opacity:.35;cursor:not-allowed}.access-dialog{border:1px solid #2a303b;border-radius:18px;background:#11151b;color:#f4f5f7;width:min(430px,calc(100vw - 32px));padding:0;box-shadow:0 30px 100px rgba(0,0,0,.55)}.access-dialog::backdrop{background:rgba(2,4,7,.78);backdrop-filter:blur(6px)}.access-dialog form{padding:28px}.lock-icon{margin-bottom:18px}.access-dialog h2{font-size:24px;margin:0 0 8px}.access-dialog p{color:#98a1af;line-height:1.5;margin:0 0 18px}.access-dialog input{width:100%;background:#0c0f14;border:1px solid #303744;border-radius:11px;color:#f4f5f7;padding:12px 13px;font:inherit;outline:none}.access-dialog input:focus{border-color:#657287}.access-error{min-height:20px;font-size:12px;color:#ff9999;margin:7px 0 4px}.unlock{width:100%;padding:12px 16px}@media(max-width:640px){.topbar{padding:0 14px}.main{padding:14px 10px 18px}.chat-panel{min-height:calc(100vh - 100px);border-radius:15px}.toolbar{padding:12px}.model-control select{min-width:0;width:180px}.messages{padding:18px 14px}.composer{padding:12px}.welcome{margin-top:12vh}.brand-subtitle{display:none}}