:root{color-scheme:dark;--bg:#202224;--side:#17191b;--surface:#292c2e;--hover:#323638;--line:#383c3e;--text:#f0f1ed;--muted:#a3a9aa;--accent:#b5ef6c;--danger:#ff9e9e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button{border:0;background:none}a{color:inherit;text-decoration:none}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}input:focus,textarea:focus,select:focus{outline:2px solid #91c952;outline-offset:2px}input,textarea,select{color:var(--text);background:#222527;border:1px solid var(--line);border-radius:9px;padding:11px 13px;max-width:100%;width:100%}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#919899}select{cursor:pointer}label{display:block;font-size:.875rem;font-weight:550;margin:17px 0 7px}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.2;letter-spacing:-.04em;font-weight:600}h2{font-size:1.25rem;line-height:1.35;letter-spacing:-.02em;font-weight:600;margin-bottom:12px}h3{font-size:1.15rem}p{margin-bottom:16px}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:.875rem}.mono{font-family:ui-monospace,Consolas,monospace}.text-green{color:var(--accent)}.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}.brand{display:flex;align-items:center;gap:11px;font-size:1.2rem;font-weight:650;letter-spacing:-.03em}.brand-icon{display:inline-flex;align-items:center;font-size:2rem;line-height:1;font-weight:650;letter-spacing:-.12em}.brand-icon span,.welcome-mark span{color:var(--accent)}.icon-button{display:grid;place-items:center;min-width:36px;min-height:36px;border-radius:8px;font-size:1.35rem;color:var(--muted)}.icon-button:hover{color:var(--text);background:var(--hover)}.text-button{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--muted);padding:5px 0}.text-button:hover{color:var(--text)}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:9px;font-size:.875rem;font-weight:600;min-height:44px}.primary-button{background:var(--accent);color:#17210e}.primary-button:hover{background:#c4f78a}.secondary-button{border:1px solid #454a4c;background:#2b2e30}.secondary-button:hover{background:var(--hover)}.danger-button{background:#633537;color:#ffeded}.pill{display:inline-flex;align-items:center;padding:3px 9px;background:#34383a;border-radius:6px;font-size:.75rem;color:#c3c7c7;white-space:nowrap}.pill.good{background:#b5ef6c15;color:#c5ed9c}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.17em;color:var(--muted);margin-bottom:14px}.chat-layout{display:flex;height:100dvh;overflow:hidden}.sidebar{width:264px;flex-shrink:0;background:var(--side);padding:26px 18px 12px;display:flex;flex-direction:column;border-right:1px solid #ffffff04}.sidebar>.brand{padding:0 13px;margin-bottom:31px}.new-chat{display:flex;align-items:center;gap:10px;text-align:left;background:#292c2e;border:1px solid #3d4243;border-radius:9px;padding:11px 13px;font-size:.875rem;min-height:45px}.new-chat:hover{background:#363b3c}.new-chat>span{font-size:1.3rem;line-height:1}.new-chat kbd{margin-left:auto;font-size:1rem;color:#949b9d}.sidebar-caption{font-size:.75rem;letter-spacing:.15em;color:#898f91;margin:30px 12px 12px}.chat-list{flex:1;min-height:70px;overflow:auto}.chat-item{display:flex;align-items:center;text-align:left;gap:10px;padding:11px 12px;width:100%;border-radius:7px;font-size:.875rem;color:#bfc4c5;margin-bottom:3px}.chat-item>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item:hover,.chat-item.selected{background:#2a2e30;color:#fff}.chat-bubble{color:#8e9597;font-size:1rem}.sidebar-empty{padding:14px 12px;line-height:1.8;color:#737b7d}.access-card{padding:15px 13px 10px;margin-top:16px;border:1px solid #363b3c;border-radius:10px;background:linear-gradient(135deg,#252a27,#222527)}.access-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:13px;color:#b8bebb}.access-card strong{font-size:.9rem;font-weight:550}.meter{height:4px;border-radius:3px;background:#3b423c;margin:13px 0 7px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--accent);transition:width .3s}.access-card .small{font-size:.75rem}.access-card>.text-button{margin-top:12px;padding-top:10px;border-top:1px solid #363d38;width:100%;justify-content:space-between;font-size:.875rem}.sidebar-bottom{display:flex;align-items:center;gap:9px;padding:20px 5px 0;font-size:.875rem}.sidebar-bottom>.icon-button{margin-left:auto}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#414946;font-size:.75rem;color:#d3dcd6}.chat-main{min-width:0;flex:1;display:flex;flex-direction:column}.chat-header{height:83px;flex-shrink:0;padding:0 35px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:15px}.model-control{display:flex;align-items:center;gap:8px;margin:0}.model-control select{width:auto;background:transparent;border:0;font-size:1rem;font-weight:550;padding:8px 4px;max-width:300px}.model-control select option{background:var(--surface)}.subtle-label{font-size:.75rem;border:1px solid #454b4c;border-radius:4px;color:#a1abaa;padding:0 5px}.header-tag{font-size:.75rem;color:#838c8e}.conversation{overflow:auto;flex:1;min-height:0;padding:0 30px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#454b4c transparent}.welcome{max-width:790px;margin:clamp(30px,10vh,130px) auto 30px;text-align:center}.welcome-mark{font-size:3.5rem;font-weight:600;line-height:1;letter-spacing:-.13em;margin-bottom:27px}.welcome .eyebrow{font-size:.75rem;color:#8f9896;letter-spacing:.2em}.welcome h1{font-size:2.65rem;margin-bottom:12px}.welcome-subtitle{font-size:.9375rem;color:#a4acae;font-weight:400}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:36px auto 0;text-align:left}.suggestions button{background:#26292b;border:1px solid #3b4042;border-radius:12px;min-height:132px;padding:18px;text-align:left;transition:background .15s,border-color .15s}.suggestions button:hover{background:#303637;border-color:#707c68}.suggestions strong{display:block;font-size:.875rem;font-weight:500;margin:9px 0 4px}.suggestions button>span:last-child{font-size:.75rem;color:#9ca4a5}.suggestion-icon{font-size:1.2rem;color:#b9c4bc}.suggestion-icon.code-icon{font-size:.95rem}.composer-wrap{padding:10px 30px 15px;width:100%;max-width:850px;margin:0 auto}.composer{background:#303436;border:1px solid #4a5052;border-radius:19px;padding:15px 16px 12px;box-shadow:0 9px 30px #0000000d}.composer textarea{background:none;border:none;outline:none;width:100%;padding:0 3px;resize:none;min-height:32px;max-height:180px;font-size:1rem;line-height:1.65}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px}.composer-tools{display:flex;gap:12px;align-items:center}.tool-label{display:flex;gap:8px;align-items:center;font-size:.75rem;color:#b6bfbc}.tool-label>span{color:#a1aaab}.send-button{width:36px;height:36px;border-radius:50%;background:#e9eee5;color:#1e251c;font-size:1.5rem;line-height:1;flex-shrink:0}.send-button:hover{background:var(--accent)}.mode-button{font-size:.75rem;border:1px solid #565d60;border-radius:6px;padding:4px 8px}.mode-button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.composer-note{text-align:center;color:#858e90;font-size:.75rem;margin:12px 0 0}.chat-actions{display:flex;gap:18px;justify-content:flex-end;padding:0 4px 8px}.chat-actions .text-button{font-size:.75rem}.messages{max-width:770px;margin:10px auto 30px}.message{padding:15px 0;margin-bottom:18px}.message-label{font-size:.75rem;color:#aeb7b2;margin-bottom:10px;font-weight:600}.message.user{margin-left:15%;display:flex;flex-direction:column;align-items:flex-end}.message.user .message-label{display:none}.message.user .message-content{background:#343a3c;border-radius:18px 18px 4px 18px;padding:12px 18px;max-width:100%}.message-content{line-height:1.8;overflow-wrap:anywhere;min-width:0;width:auto;max-width:100%}.message.assistant .message-content{width:100%}.prose h3{margin:18px 0 8px}.prose code{background:#3c4142;border-radius:4px;padding:2px 5px;font-size:.875rem}.list-line{margin:5px 0;padding-left:8px}.message-copy{font-size:.75rem;margin-top:12px}.code-block{border:1px solid #42494b;border-radius:11px;overflow:hidden;margin:15px 0;background:#171a1b;max-width:100%}.code-header{display:flex;justify-content:space-between;align-items:center;padding:7px 15px;background:#2b3032;color:#bbc4c5;font-size:.75rem}.code-header .text-button{font-size:.75rem}.code-block pre{overflow:auto;padding:17px;margin:0;font: .875rem/1.75 ui-monospace,Consolas,monospace;white-space:pre}.generated-image{display:block;max-width:100%;max-height:600px;border-radius:12px}.thinking{color:#aebbac;animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.45}}.service-banner{font-size:.875rem;background:#d9b76410;color:#dfca9b;padding:10px 25px;text-align:center;border-top:1px solid #8c77302e;border-bottom:1px solid #8c77302e}.mobile-only{display:none}.shade{position:fixed;inset:0;background:#0009;z-index:9}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#e5ecdf;color:#222a20;padding:12px 20px;border-radius:10px;box-shadow:0 5px 35px #0005;max-width:calc(100% - 30px);font-size:.875rem}dialog{color:var(--text);background:#24282a;border:1px solid #484f50;border-radius:18px;padding:0;width:min(460px,calc(100% - 32px));max-height:90dvh;box-shadow:0 20px 100px #0005}dialog:has(.wide-dialog){width:min(580px,calc(100% - 32px))}dialog::backdrop{background:#0d1011b5;backdrop-filter:blur(5px)}.dialog-content{padding:30px}.dialog-content>h2{font-size:1.45rem}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.dialog-head h2{margin:0}.dialog-head .brand-icon{font-size:2.5rem}.dialog-content .eyebrow{font-size:.75rem}.dialog-content>.primary-button{width:100%;margin:5px 0 16px}.dialog-content>.small:last-child{margin:0}.dialog-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.form-error{color:var(--danger);font-size:.875rem;margin:10px 0;min-height:1em}.code-input{font: .85rem/1.6 ui-monospace,Consolas,monospace;letter-spacing:.03em}.admin-body{background:#1d2022;min-height:100vh}.admin-login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{max-width:430px;width:100%;padding:34px;border:1px solid #3c4445;background:#24292b;border-radius:18px}.login-card .brand{margin-bottom:35px}.login-card h1{font-size:1.6rem}.login-card>.primary-button{width:100%}.back-link{justify-content:center;width:100%;margin-top:18px}.admin-header{padding:19px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343b3d;background:#191c1e;gap:20px}.admin-badge{font-size:.75rem;font-weight:400;letter-spacing:0;color:#acb6b1;border:1px solid #454d47;border-radius:5px;padding:2px 8px;margin-left:8px}.admin-main{max-width:1260px;margin:0 auto;padding:48px 36px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading .eyebrow{font-size:.75rem;margin-bottom:12px}.page-heading h1{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:35px}.stat{border:1px solid #3a4243;border-radius:12px;padding:22px;background:#24292b}.stat>span{font-size:.875rem;color:#b7bfbd}.stat>strong{display:block;font-size:2rem;font-weight:550;margin:14px 0 5px;line-height:1.3;letter-spacing:-.04em}.stat small{font-size:.75rem;color:#87938e}.stat>.stat-status{font-size:1.15rem;margin-top:25px;margin-bottom:12px;letter-spacing:-.02em}.tabs{display:flex;gap:26px;border-bottom:1px solid #394143;margin-bottom:24px;overflow-x:auto}.tabs button{padding:12px 0 16px;color:#939f9b;white-space:nowrap;font-size:.875rem;border-bottom:2px solid transparent}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.panel{border:1px solid #3c4446;background:#222729;border-radius:12px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 24px}.panel-heading h2{margin-bottom:5px;font-size:1.1rem}.panel-heading p{margin:0;font-size:.875rem}.search{width:230px;font-size:.875rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;white-space:nowrap}th{color:#919f99;font-weight:500;font-size:.75rem;letter-spacing:.03em;background:#262d2f;padding:13px 23px}td{padding:17px 23px;border-top:1px solid #363f40}td strong{font-weight:500}td small{display:block;font-size:.75rem;margin-top:3px}td .text-button{font-size:.75rem}.empty-cell{text-align:center;padding:50px 24px;color:var(--muted);white-space:normal}.table-note{padding:16px 24px;margin:0;font-size:.75rem;border-top:1px solid #353e3f}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:30px}.settings-panel form>button{margin-top:8px}.provider-box p{font-size:.875rem}.provider-result{font: .875rem/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#191e1f;padding:15px;border-radius:8px}.provider-box>p:last-child{margin-top:20px}.audit-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-top:1px solid #343e3f;font-size:.875rem}.audit-row small{display:block;margin-top:5px;font-size:.75rem;overflow-wrap:anywhere}.audit-row time{color:var(--muted);font-size:.75rem;white-space:nowrap}.admin-footer{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;color:#83928b;margin-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:20px}.presets{display:flex;gap:7px;margin-top:8px}.presets button{border:1px solid #46514c;border-radius:5px;font-size:.75rem;padding:3px 10px}.presets button:hover{color:var(--accent);border-color:var(--accent)}#created-codes{font: .875rem/1.9 ui-monospace,Consolas,monospace;white-space:pre}
@media(min-width:1550px){.welcome{margin-top:16vh}.composer-wrap{margin-bottom:20px}}
@media(max-width:1050px){.sidebar{width:235px;padding:22px 13px 12px}.chat-header{padding:0 25px}.header-tag{display:none}.welcome h1{font-size:2.2rem}.suggestions{gap:8px}.suggestions button{padding:14px}.suggestions strong{font-size:.875rem}.stats{grid-template-columns:repeat(2,1fr)}.admin-main{padding:32px 24px}.settings-panel{gap:24px}.panel-heading{align-items:flex-start;flex-direction:column}.search{width:100%}}
@media(max-width:720px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:275px;z-index:10;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-only{display:grid}.chat-header{height:66px;padding:0 17px}.model-control select{max-width:230px;font-size:.9375rem}.conversation{padding:0 20px}.welcome{margin-top:45px}.welcome-mark{font-size:3rem;margin-bottom:24px}.welcome h1{font-size:2.1rem}.welcome-subtitle{font-size:.875rem;max-width:250px;margin:0 auto}.suggestions{grid-template-columns:1fr;max-width:340px;margin-top:28px;gap:8px}.suggestions button{min-height:auto;display:grid;grid-template-columns:30px 1fr;column-gap:8px;padding:12px 15px}.suggestions strong{margin:0;font-size:.875rem}.suggestion-icon{grid-row:span 2;align-self:center}.suggestions button>span:last-child{font-size:.75rem}.composer-wrap{padding:10px 15px 12px}.composer{padding:12px 13px 9px;border-radius:16px}.composer-note{font-size:.75rem;max-width:290px;margin:9px auto 0}.message.user{margin-left:8%}.composer-tools{gap:8px}.tool-label{font-size:.75rem}.dialog-content{padding:24px}.admin-header{padding:16px 20px}.admin-header .brand{font-size:1rem}.admin-badge{display:none}.admin-header .header-left{gap:10px}.admin-header .text-button{font-size:.75rem}.admin-main{padding:28px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:1.7rem}.page-heading>.primary-button{width:100%}.stats{gap:10px}.stat{padding:16px}.stat>span{font-size:.75rem}.stat>strong{font-size:1.6rem}.stat>.stat-status{font-size:.95rem}.stat small{font-size:.75rem}.tabs{gap:22px}.tabs button{font-size:.875rem}.panel-heading{padding:20px}.settings-panel{grid-template-columns:1fr;padding:22px}.admin-footer{flex-direction:column}.audit-row{padding:16px;align-items:flex-start}.audit-row time{font-size:.75rem}.form-grid{gap:0 12px}.login-card{padding:26px}.code-input{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:auto}.user-operations{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.usage-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:0 24px 24px}.usage-filters label{flex:1;min-width:150px;margin:0}.usage-summary{padding:20px 24px;border-top:1px solid var(--line)}.usage-filters select{max-width:250px}