:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#050c12;color:#d8eaf0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 46% 42%,#10314366,transparent 52%),#050c12}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #26414d;background:#0b1b24;border-radius:5px;padding:11px 15px;min-height:44px;font-size:13px;transition:background .2s,border-color .2s}button:hover{background:#173542;border-color:#68bfcb}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid #6de1ef;outline-offset:3px}input,textarea,select{background:#07131b;border:1px solid #29414d;border-radius:5px;padding:12px;width:100%}textarea{resize:vertical}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20374480;margin:0 3vw}.brand{font-size:19px;letter-spacing:.27em;font-weight:600}.brand span{color:#5c9dab;padding:0 12px}.brand small{font-weight:400;font-size:9px;letter-spacing:.2em;color:#8aa8b4}.header-end{display:flex;gap:24px;align-items:center}#clock{color:#89a6b1;font-size:13px;font-variant-numeric:tabular-nums}.eyebrow{font-size:9px;letter-spacing:.22em;color:#64b4c4;font-weight:500}h1{font-size:30px;font-weight:400;letter-spacing:-.025em;margin:15px 0}p{font-size:13px;line-height:1.7;color:#8da9b6}small{color:#7795a5;line-height:1.6}#workspace{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(300px,1.65fr) minmax(290px,1.15fr);gap:30px;padding:45px 3vw 20px;max-width:1800px;margin:auto;min-height:calc(100vh - 85px);grid-template-rows:1fr auto}.context{padding-top:25px;display:flex;flex-direction:column}.context>p{margin:0 0 34px;max-width:240px}.context-block{border-top:1px solid #24445366;padding:24px 0 10px}.context-block strong{display:block;font-size:15px;font-weight:400;margin-top:14px}.context-block p{max-width:230px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.context-footer{margin-top:auto;padding-top:28px;font-size:9px;letter-spacing:.16em;color:#6c98a8}.context-footer small{display:block;padding-top:12px;font-size:9px;letter-spacing:.05em}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6cd5b9;margin-right:8px}.presence{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding-bottom:20px}.core-wrap{width:100%;aspect-ratio:1;max-width:570px;max-height:58vh;position:relative}canvas{width:100%;height:100%;display:block}.core-label{position:absolute;top:44%;width:100%;text-align:center;pointer-events:none}.core-label span{display:block;font-size:9px;letter-spacing:.4em;color:#76bbc9}.core-label strong{display:block;font-size:clamp(22px,2.5vw,40px);font-weight:300;letter-spacing:.3em;margin:14px 0 0 .3em;text-shadow:0 0 24px #7be9ff55}.corner{position:absolute;width:16px;height:16px;border-color:#467281;border-style:solid;opacity:.5}.tl{left:10%;top:10%;border-width:1px 0 0 1px}.tr{right:10%;top:10%;border-width:1px 1px 0 0}.bl{left:10%;bottom:10%;border-width:0 0 1px 1px}.br{right:10%;bottom:10%;border-width:0 1px 1px 0}.voice-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.primary{border-color:#5198ab;background:#153744;color:#d9faff;padding:13px 23px}.primary:hover{background:#205366}#voice-caption{font-size:16px;color:#bfdde7;text-align:center;margin:0 0 22px;max-width:95%;min-height:27px}.hint{font-size:11px;text-align:center;max-width:320px}.signal{height:30px;display:flex;align-items:center;gap:5px;margin-top:10px}.signal i{width:2px;height:3px;background:#418599;transition:height .1s}.detail{border-left:1px solid #24445366;padding-left:25px;min-width:0;max-height:65vh;display:flex;flex-direction:column}.detail nav{display:flex;gap:3px;border-bottom:1px solid #244453;margin-bottom:22px}.detail nav button{border:0;border-radius:0;background:transparent;font-size:12px;color:#7f9aa7;flex:1;padding:12px 6px}.detail nav button[aria-pressed=true]{border-bottom:2px solid #76cbdc;color:#d9f6ff}.detail>section{overflow:auto;scrollbar-width:thin;padding-right:6px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px}.sound-label{font-size:10px;color:#9bb6c1;display:flex;align-items:center;gap:6px}.sound-label input{width:14px;margin:0}.message{border-bottom:1px solid #27434f66;padding:0 0 21px;margin-bottom:21px;font-size:14px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.message strong{display:block;font-size:9px;letter-spacing:.2em;color:#5ca8bd;margin-bottom:9px}.message.user{color:#91aebd}.message.user strong{color:#6b8491}#empty-chat{line-height:2;color:#6c8998;margin-top:45px}.composer{grid-column:1/-1;border-top:1px solid #24445366;padding-top:22px}.composer form{display:flex;max-width:950px;margin:auto;border:1px solid #396373;border-radius:8px;background:#0a1c27;padding:8px;align-items:center;gap:12px}.composer textarea{border:0;background:transparent;resize:none;min-height:46px;max-height:150px}.composer form button{white-space:nowrap;border:0;background:#163342}.footer-line{max-width:950px;margin:8px auto 0;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.14em;color:#4d7183}.footer-line button{border:0;background:none;font-size:10px;color:#7899a9;min-height:32px;padding:4px}#settings{max-width:950px;margin:15px auto;padding:16px;border:1px solid #294450;border-radius:6px}#settings select{max-width:400px}label{display:block;font-size:12px;margin:10px 0}#settings label{margin-top:0}#settings p{margin-bottom:0}.entry{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:10px 0;border-bottom:1px solid #24445366;font-size:13px;line-height:1.6}.entry span{flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.entry button{font-size:11px;min-height:36px;padding:6px 9px}.entry input{width:17px;height:17px}.entry.done span{text-decoration:line-through;color:#597a8a}.row{display:flex;gap:8px}.detail form{margin-top:20px}.detail form>button{margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#login-view{max-width:540px;margin:12vh auto;padding:30px}#login-view h1{font-size:50px;line-height:1.2}em{font-style:normal;color:#76d0e3}#login-view form{margin-top:30px}#login-view button{width:100%;display:flex;justify-content:space-between;margin-top:20px}#login-view small{display:block;text-align:center;margin-top:15px;font-size:11px}#error{border:1px solid #a2655e;background:#291c20;color:#ffd4c9;padding:13px 20px;margin:12px 3vw;border-radius:5px;font-size:13px}[hidden]{display:none!important}@media(min-width:1600px){#workspace{gap:50px}}@media(max-width:1050px){#workspace{grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);gap:24px}.context{display:none}.core-wrap{max-height:50vh}.detail{max-height:65vh}}@media(max-width:650px){header{height:67px;margin:0 20px}.brand small,.brand span{display:none}.brand{font-size:17px}.header-end{gap:10px}#clock{font-size:11px}header button{padding:8px 10px;font-size:11px}#workspace{display:flex;flex-direction:column;padding:12px 18px 20px;gap:18px}.presence{padding-bottom:0}.core-wrap{width:240px;height:240px;max-height:none}.core-label strong{font-size:23px}.core-label span{font-size:8px}.core-label strong{margin-top:10px}#voice-caption{font-size:14px;margin-bottom:12px}.hint{margin:10px 0 0}.signal{margin:0;height:20px}.detail{border:0;border-top:1px solid #24445366;padding:0;max-height:43vh;min-height:180px}.detail nav{margin-bottom:14px}.section-title{margin-bottom:16px}.composer{padding-top:12px;position:sticky;bottom:0;background:#050c12}.composer form{gap:4px;padding:5px}.composer form button{padding:10px}.footer-line{font-size:7px}.message{font-size:13px;margin-bottom:16px;padding-bottom:16px}#empty-chat{margin-top:20px}.core-label{top:42%}#login-view{margin:7vh auto}#login-view h1{font-size:42px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.detail nav{flex-wrap:wrap}.detail nav button{min-width:50px}.view-switch{display:flex;gap:8px;margin:0 0 18px}.view-switch button{min-height:30px;padding:5px 12px;font-size:10px;background:transparent;border-color:#244553}.view-switch button[aria-pressed=true]{color:#a5efff;border-color:#67a7b8}.pc-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.pc-actions button{font-size:11px;padding:8px 10px}#pc .row{margin:12px 0}#pc-screen{width:100%;display:block;cursor:crosshair;border:1px solid #3d6d7a;touch-action:manipulation}#pc-result{font:11px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#9fbecb;max-height:260px;overflow:auto}details{border-top:1px solid #294451;margin-top:20px;padding:15px 0}summary{font-size:12px;cursor:pointer;color:#9acddd;min-height:32px}output{display:block;color:#9cecff;font:16px ui-monospace,monospace;letter-spacing:.15em;margin-top:12px;overflow-wrap:anywhere}a{color:#8bd9ed}#pc-password{margin-bottom:10px}#task-list .entry{font-size:12px}@media(max-width:650px){.detail{max-height:55vh}.detail nav button{font-size:11px}.view-switch{margin:0 0 12px}.core-wrap{height:220px;width:220px}.presence .hint{max-width:280px}.entry{flex-wrap:wrap}.entry span{min-width:120px}}
