:root{--bg:#11101a;--rail:#0c0b12;--panel:#181623;--panel2:#201d2c;--line:#302c40;--text:#f1edf7;--muted:#9890aa;--accent:#b59af5;--accent2:#e7a8d1;--warn:#efc775;--danger:#ef8f9d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Avenir Next","Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}.hidden{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}.lock{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,#211a35 0,transparent 35%),var(--bg)}.lock-card{width:min(430px,100%);padding:38px;background:linear-gradient(145deg,#1b1827,#17151f);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #0005}.mark{width:46px;height:46px;border-radius:15px 15px 15px 5px;display:grid;place-items:center;background:var(--accent);color:#171124;font-weight:800;font-size:20px}.mark.small{width:34px;height:34px;font-size:15px;border-radius:11px 11px 11px 4px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.2em;font-weight:750;margin:24px 0 8px}.lock h1{font-size:31px;line-height:1.1;font-weight:650;letter-spacing:-.025em;margin:0 0 14px}.muted,.fine,.settings-grid p{color:var(--muted);line-height:1.6}.fine{font-size:12px;margin-bottom:0}.lock label,.settings-grid label,.modal-card label{display:grid;gap:8px;color:#d0c9de;font-size:13px;margin:22px 0 14px}input,textarea,select{background:#0e0c15;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:12px 14px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b59af51c}.lock button,#connectKey,.add,#exportData,#modalSubmit{border:0;border-radius:10px;background:var(--accent);color:#171124;font-weight:750;padding:12px 16px}.lock button{width:100%}.status{font-size:12px;min-height:18px;color:var(--warn)}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}aside{border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;background:var(--rail)}.brand{display:flex;gap:11px;align-items:center;padding:0 7px 20px}.brand div{display:grid}.brand small{color:var(--muted);font-size:11px}.ghost,.nav,.file{border:1px solid var(--line);color:#bbb2cc;background:transparent;border-radius:9px;padding:10px 12px}.compact{margin-top:10px}.nav{border-color:transparent;text-align:left;width:100%;display:flex;gap:10px;align-items:center}.nav em{margin-left:auto;color:#665e78;font-size:10px;font-style:normal}.nav.active,.nav:hover{background:#1c1927;color:#fff}.nav.active{box-shadow:inset 2px 0 0 var(--accent)}.ghost:hover,.file:hover{border-color:#514968;color:#fff}nav{display:grid;gap:3px;margin:18px 0}.privacy{margin-top:auto;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px}.privacy i{width:7px;height:7px;background:var(--accent2);border-radius:50%;box-shadow:0 0 0 4px #e7a8d116}.privacy div{display:grid}.privacy b{font-size:12px}.privacy span{font-size:10px;color:var(--muted)}main{height:100vh;overflow:hidden}.panel{display:none;height:100%;position:relative}.panel.active{display:flex;flex-direction:column}.panel header{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,56px)}header .eyebrow{margin:0 0 4px}header h2{font-size:16px;font-weight:650;margin:0}.badge{font-size:11px;color:#bbb2cc;border:1px solid var(--line);border-radius:99px;padding:7px 11px}.messages{flex:1;overflow:auto;padding:38px clamp(20px,8vw,120px) 150px}.welcome{text-align:center;margin:9vh auto 0;max-width:650px}.welcome h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;font-weight:620;margin:24px 0 10px}.welcome>p{color:var(--muted);line-height:1.65;max-width:540px;margin:0 auto}.orb{width:62px;height:62px;margin:auto;border:1px solid #4a425e;border-radius:22px 22px 22px 7px;display:grid;place-items:center}.orb span{width:21px;height:21px;border:2px solid var(--accent);border-radius:45% 55% 65% 35%;animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prompts{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.prompts button{color:#bbb2cc;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px;text-align:left;font-size:12px;line-height:1.45}.prompts button:hover{border-color:#514968;color:#fff}.message{max-width:740px;margin:0 auto 26px}.message.user{display:flex;justify-content:flex-end}.bubble{padding:13px 16px;border-radius:15px;white-space:pre-wrap;line-height:1.6}.user .bubble{background:var(--accent);color:#171124;max-width:80%;border-bottom-right-radius:4px}.assistant .bubble{padding-left:0}.role{color:var(--accent);font-size:10px;letter-spacing:.18em;font-weight:750;margin-bottom:7px}.trace{position:absolute;bottom:93px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:7px 12px;border-radius:99px}#composer{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(740px,calc(100% - 40px));display:flex;gap:8px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 45px #0004}#composer:focus-within{border-color:#514968}textarea{border:0;background:transparent;resize:none;flex:1;max-height:120px}#send{width:40px;height:40px;border-radius:10px;border:0;background:var(--accent);color:#171124;font-size:19px}.toolbar{padding:20px clamp(20px,4vw,56px) 0}.toolbar input{width:min(420px,100%)}.cards{padding:18px clamp(20px,4vw,56px) 30px;overflow:auto;display:grid;gap:10px;align-content:start}.card{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;align-items:flex-start;gap:12px}.card .grow{flex:1}.card h3{font-size:14px;margin:0 0 5px;font-weight:650}.card p{font-size:12px;color:var(--muted);margin:0;white-space:pre-wrap;line-height:1.55}.card button{border:0;background:none;color:#756c89;padding:3px 6px}.card button:hover{color:var(--text)}.card .danger:hover{color:var(--danger)}.check{width:21px;height:21px;border:1px solid #514968!important;border-radius:6px;background:transparent!important;color:var(--accent)!important}.done h3{text-decoration:line-through;color:#665e78}.settings-grid{padding:30px clamp(20px,4vw,56px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;overflow:auto}.settings-grid article{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.settings-grid h3{margin:0;font-size:15px;font-weight:650}.settings-grid p,.settings-grid li{font-size:12px}.settings-grid ul{padding-left:18px;color:var(--muted);line-height:1.8}.settings-grid label{margin:16px 0}.row{display:flex;gap:8px}.row>*{flex:1}.file{display:grid;place-items:center}.file input{display:none}.approval{position:absolute;z-index:3;bottom:92px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 40px));padding:12px 14px;border:1px solid #56492f;background:#211d14;border-radius:12px;display:flex;align-items:center;gap:10px}.approval div{display:grid;gap:3px;flex:1}.approval b{font-size:12px;color:#f3d597}.approval span{font-size:11px;color:#aa9b7f}.approval button{padding:9px 13px;border-radius:9px}.approval #allowApproval{border:0;background:var(--warn);color:#1d1508;font-weight:700}.goal-pulse{margin:24px clamp(20px,4vw,56px) 0;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:12px;line-height:1.55}.goal-pulse b{display:block;color:var(--accent);font-size:10px;letter-spacing:.16em;margin-bottom:5px}.modal{position:fixed;inset:0;z-index:20;background:#07060cb8;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-card{width:min(480px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 25px 80px #0008}.modal-card h2{margin:0;font-size:22px}.modal-card .eyebrow{margin-top:0}.modal-card label{margin:16px 0}.modal-card textarea{min-height:110px;border:1px solid var(--line);background:#0e0c15}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions button{min-width:94px}.modal-card.danger-mode #modalSubmit{background:var(--danger);color:#2b0d13}
@media(max-width:760px){.shell{grid-template-columns:1fr;grid-template-rows:1fr 66px}.shell aside{grid-row:2;border:0;border-top:1px solid var(--line);padding:8px;z-index:5;flex-direction:row}.brand,.ghost.compact,.privacy,.shell aside>.ghost{display:none}.shell nav{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin:0}.nav{justify-content:center;align-items:center;gap:4px;flex-direction:column;padding:5px}.nav-label{font-size:9px}.nav-icon{font-size:17px}.nav em{font-size:8px;margin:0;position:absolute;transform:translate(12px,-10px)}main{height:calc(100vh - 66px)}.prompts{grid-template-columns:1fr}.prompts button:nth-child(n+3){display:none}.messages{padding:24px 18px 135px}.welcome{margin-top:4vh}.welcome h1{font-size:38px}.settings-grid{grid-template-columns:1fr}.panel header{height:68px;padding:0 18px}#composer{bottom:14px}.lock-card{padding:28px 22px}.add{font-size:12px;padding:10px 12px}.approval{bottom:82px}.toolbar{padding-top:14px}.modal-card{padding:20px}}