:root{color-scheme:dark;--gold:#ebcc83;--line:#796742;--black:#080809;--unit:clamp(12px,2.1dvh,16px)}
*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:#030304;color:#ece9e1;font:var(--unit) Arial,system-ui,sans-serif}button,input,select{font:inherit}button{color:var(--gold);cursor:pointer;background:linear-gradient(145deg,#191711,#060607);border:1px solid var(--line);border-radius:16px;min-height:44px;padding:8px 12px;touch-action:manipulation}button:hover{border-color:#ffe2a3;box-shadow:0 0 14px #bd893d55}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffe2a3;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}
.app{height:100dvh;min-height:0;display:grid;grid-template-columns:clamp(86px,10.2vw,150px) minmax(0,1fr);grid-template-rows:clamp(36px,7dvh,62px) minmax(0,1fr) clamp(58px,11dvh,88px);gap:clamp(4px,1dvh,10px);padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:radial-gradient(ellipse at 40% 30%,#37271844,transparent 55%),#050506;overflow:hidden}
.top{grid-column:1/-1;display:flex;align-items:center;gap:16px;border-bottom:1px solid #b28a4e55;min-width:0}.top>button{min-height:30px;padding:4px 10px;background:transparent;border:0;font-size:12px}.top #fullscreen{font-size:26px}.top #time{font-size:clamp(24px,5.5dvh,42px);color:var(--gold);margin-left:auto;font-weight:500}.top small{color:#d2c5a4;white-space:nowrap}.system{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:11px;white-space:nowrap}.system button{min-height:30px;font-size:11px;padding:4px 8px}
.sidebar{grid-row:2/4;border:1px solid #75623b55;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;background:#050505dd;padding:3px;min-height:0}.sidebar button{flex:1;border-color:transparent;border-radius:0;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(2px,.8dvh,8px);min-height:0;padding:4px;font-size:clamp(10px,1.8dvh,15px)}.sidebar button+button{border-top:1px solid #7c6b4233}.sidebar button.active{border:1px solid #e6c87c;border-radius:16px;background:radial-gradient(#8b602d66,#090908);box-shadow:inset 0 0 12px #edbc6688,0 0 12px #d5a95866}.symbol{display:block;font-size:30px;line-height:1}.symbol svg{display:block;margin:auto;width:clamp(23px,4dvh,36px);height:clamp(23px,4dvh,36px);stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.workspace{position:relative;display:grid;grid-template-columns:45% minmax(0,55%);grid-template-rows:minmax(0,1fr) clamp(56px,11.5dvh,86px);min-height:0;min-width:0;overflow:hidden}.portrait{position:relative;overflow:hidden;min-height:0;min-width:0}.portrait canvas{width:100%;height:100%;object-fit:cover;object-position:center 20%}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 90%,#050506),linear-gradient(0deg,#050506,transparent 15%);pointer-events:none}.mood{position:absolute;bottom:8px;left:12px;z-index:1;color:var(--gold);font-size:11px;text-shadow:0 1px 6px #000}
.conversation{min-height:0;min-width:0;display:flex;flex-direction:column;z-index:2;padding:5px 8px 0 2px}.panel-top{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:clamp(5px,1.8dvh,16px);flex-shrink:0}.brand{font-size:clamp(25px,4.7dvh,42px);letter-spacing:3px;line-height:1;white-space:nowrap;font-weight:600;text-shadow:0 1px #6c4e1c,0 0 18px #b98e3733;background:linear-gradient(#fff2be,#ceaa5b);background-clip:text;color:transparent}.crown{font-size:.9em}.brand small{display:block;font-size:.35em;text-align:center;letter-spacing:4px;margin-top:7px}.connection{display:flex;align-items:center;gap:12px;border:1px solid #ab8d52;padding:clamp(7px,1.4dvh,14px) 14px;border-radius:18px;min-width:180px;color:#ded7c2}.connection-icon{font-size:30px;color:var(--gold);line-height:1}.connection strong{display:block;font-size:13px;font-weight:400;white-space:nowrap}.connection strong:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:#938467;margin-right:9px}.connection.connected strong:before{background:#20d764;box-shadow:0 0 8px #29d56888}.connection.offline strong:before{background:#b95d4e}.connection small{display:block;color:#aaa89f;font-size:11px;margin:5px 0 0 19px}
.messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#625b47 transparent;padding:2px 4px 2px 48px;display:flex;flex-direction:column;gap:clamp(7px,1.5dvh,13px)}.empty{margin:auto;max-width:330px;color:#b8ae95;text-align:center;line-height:1.6}.message{position:relative;max-width:96%;border-radius:17px;padding:clamp(7px,1.5dvh,13px) 13px;line-height:1.35;font-size:var(--unit);overflow-wrap:anywhere;border:1px solid #615d57;background:linear-gradient(125deg,#242428,#1e1e22);box-shadow:inset 0 1px #ffffff08}.message-text{white-space:pre-wrap}.message.user{align-self:flex-end;background:linear-gradient(120deg,#ddc08b,#bfa170);color:#211e18;border-color:#e4c992}.message.assistant{align-self:flex-start}.message.assistant:before{content:'';position:absolute;width:38px;height:38px;left:-46px;top:0;border:1px solid var(--gold);border-radius:50%;background:#18140e url('assets/reference-v2.png') -89px -30px/310px 174px;box-shadow:0 0 8px #b58c3433}.message .meta{display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:10px;color:inherit;opacity:.75;margin-top:4px;white-space:normal}.message .meta button{min-height:24px;min-width:28px;border:0;padding:0 3px;font-size:18px;border-radius:6px;background:transparent}.message.user .meta:after{content:'✓✓';font-size:11px}.composer{display:none;gap:7px;margin-top:6px;flex-shrink:0}.writing .composer{display:flex}.composer input{min-width:0;flex:1;border-radius:18px;background:#111114;color:#fff;border:1px solid var(--line);padding:8px 12px}.composer button{min-height:40px;width:44px}.hint{font-size:10px;color:#b4a888;min-height:15px;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation>.buttons{flex-shrink:0}.conversation>.buttons button{min-height:32px;font-size:12px}
.voice-bar{grid-column:1/-1;display:grid;grid-template-columns:minmax(100px,1.25fr) minmax(35px,1fr) auto minmax(35px,1fr) minmax(100px,1fr) minmax(130px,1.1fr) auto;align-items:center;gap:clamp(5px,1vw,13px);min-height:0;padding:2px 5px;background:radial-gradient(ellipse at 40% 50%,#9f702522,transparent 55%)}.voice-bar button{height:clamp(40px,8.7dvh,64px);min-height:0;border-radius:24px;padding:6px 10px;white-space:nowrap}.write-icon{font-size:22px;margin-right:10px}.mic{width:clamp(52px,11.8dvh,88px);height:clamp(52px,11.8dvh,88px)!important;border-radius:50%!important;border:2px solid #ffdf8a;box-shadow:0 0 18px #daa657aa,inset 0 0 15px #a9793088;z-index:3;padding:8px!important}.mic svg{width:60%;height:75%;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.mic.listening{box-shadow:0 0 24px #ffcc43;animation:pulse 1s infinite}.waves{height:100%;display:flex;align-items:center;justify-content:space-evenly;gap:3px;overflow:hidden}.waves i{width:4px;flex:0 1 5px;height:8px;background:var(--gold);border-radius:4px;box-shadow:0 0 8px #d89f38}.waves i:nth-child(3n){height:18px}.waves i:nth-child(4n){height:30px}.waves i:nth-child(5n){height:44px}.waves.active i{animation:wave .6s ease-in-out infinite alternate}.waves i:nth-child(2n){animation-delay:.2s}.voice-label{font-size:11px;text-align:left;display:flex;align-items:center;justify-content:center;gap:9px}.voice-label small{display:block;font-size:10px;color:#aaa89f;margin-top:5px}.voice-dot{width:9px;height:9px;border-radius:50%;background:#29ca60;box-shadow:0 0 7px #29ca6066;flex-shrink:0}.muted .voice-dot{background:#84765a;box-shadow:none}#speaker{font-size:28px;width:clamp(40px,8.7dvh,64px);border-radius:20px}.quick{grid-column:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(4px,.7vw,10px);min-height:0}.quick button{font-size:clamp(9px,1.6dvh,13px);padding:4px;border-radius:15px;min-height:0;border-color:#8f7951;background:linear-gradient(140deg,#171612,#050505 55%,#1b181022);box-shadow:inset 0 1px #d9bd7622;line-height:1.2}.quick .symbol{margin-bottom:clamp(2px,.8dvh,7px)}.quick .symbol svg{width:clamp(22px,4dvh,32px);height:clamp(22px,4dvh,32px)}.driver .portrait canvas{opacity:.45}.driver .messages{visibility:hidden}.driver .conversation .empty{visibility:visible}.source{display:block;color:var(--gold);font-size:11px;margin-top:6px;overflow-wrap:anywhere}
dialog{max-width:min(800px,94vw);width:760px;max-height:90dvh;border:1px solid var(--gold);border-radius:22px;background:#101012;color:#eee;box-shadow:0 0 50px #000;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.settings{display:grid;gap:16px}.settings-head{display:flex;justify-content:space-between;align-items:center}h2{margin:0;color:var(--gold);font-size:24px}label{display:grid;gap:7px;color:#d2c4a6;font-size:14px}input,select{background:#1a1a1e;border:1px solid #6a604d;border-radius:10px;color:white;padding:11px;width:100%}input[type=checkbox]{width:auto}.check{display:flex;align-items:center}.settings p{font-size:13px;color:#a8a49c;line-height:1.5;margin:0}.buttons{display:flex;flex-wrap:wrap;gap:8px}.file-row{padding:12px;border-bottom:1px solid #645d45;display:flex;align-items:center;justify-content:space-between;gap:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.voice-info{color:#aca18c}.save{background:linear-gradient(110deg,#927135,#322716)}
[hidden]{display:none!important}@keyframes wave{to{height:35px}}@keyframes pulse{50%{filter:brightness(1.4)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
@media(orientation:landscape) and (max-height:500px){:root{--unit:12px}.app{grid-template-rows:32px minmax(0,1fr) 53px;gap:4px}.workspace{grid-template-rows:minmax(0,1fr) 53px}.top{gap:9px}.top #time{font-size:26px}.top small{font-size:10px}.system{font-size:9px;gap:7px}.system button{font-size:9px}.sidebar button{font-size:10px;gap:2px}.symbol svg{width:23px;height:23px}.panel-top{margin-bottom:5px}.brand{font-size:26px}.connection{min-width:155px;padding:6px 10px;gap:8px;border-radius:13px}.connection-icon{font-size:23px}.connection strong{font-size:11px}.connection small{font-size:9px;margin-top:3px}.connection strong:before{width:8px;height:8px}.messages{gap:7px;padding-left:34px}.message{padding:7px 10px;border-radius:12px}.message.assistant:before{width:27px;height:27px;left:-33px;background-position:-64px -22px;background-size:224px 126px}.message .meta{margin-top:1px;font-size:9px}.message .meta button{min-height:19px;font-size:16px}.hint{min-height:12px;font-size:9px}.voice-bar{grid-template-columns:minmax(84px,1fr) minmax(20px,1fr) auto minmax(20px,1fr) minmax(82px,1fr) minmax(115px,1fr) auto;gap:6px}.voice-bar button{height:40px;font-size:11px;padding:5px 7px}.mic{width:50px;height:50px!important}.write-icon{font-size:18px;margin-right:6px}.voice-label small{font-size:8px;margin-top:3px}#speaker{width:40px;font-size:25px}.quick button{font-size:9px;border-radius:11px}.quick .symbol svg{width:22px;height:22px}.quick .symbol{margin-bottom:2px}.waves i:nth-child(5n){height:35px}.composer input{padding:6px 10px}.composer button{min-height:34px}.mood{font-size:9px;bottom:4px}}
@media(orientation:landscape) and (max-width:850px){.system>span{display:none}.top>button#driver{font-size:10px}.app{grid-template-columns:78px minmax(0,1fr)}.brand{font-size:22px;letter-spacing:2px}.connection{min-width:135px;padding:5px 8px}.connection-icon{display:none}.voice-bar{grid-template-columns:80px minmax(10px,1fr) auto minmax(10px,1fr) 78px 103px 36px;gap:4px}.voice-label small{font-size:8px}.voice-bar button{font-size:10px}.write-icon{margin-right:3px}#speaker{width:36px}.sidebar button{font-size:9px}}
@media(orientation:portrait){:root{--unit:14px}.app{grid-template-columns:minmax(0,1fr);grid-template-rows:36px 58px minmax(0,1fr) 106px;gap:5px;padding:5px max(7px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}.top{grid-column:1;gap:8px}.top #time{font-size:25px}.top #driver{display:none}.top small{font-size:11px}.system>span{display:none}.system button{font-size:9px;max-width:110px}.sidebar{grid-row:2;grid-column:1;flex-direction:row;border-radius:12px;padding:2px}.sidebar button{min-width:0;gap:2px;font-size:9px;padding:3px 1px}.sidebar button+button{border-top:0;border-left:1px solid #7c6b4233}.sidebar button.active{border-radius:10px}.sidebar .symbol svg{width:23px;height:23px}.workspace{grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px,26%) minmax(0,1fr) 57px}.portrait{grid-column:1;grid-row:1}.portrait canvas{width:51%;height:100%;object-position:center 27%}.portrait:after{background:linear-gradient(90deg,transparent 35%,#050506 54%),linear-gradient(0deg,#050506,transparent 20%)}.mood{font-size:9px;bottom:3px;left:7px}.conversation{grid-row:2;grid-column:1;padding:3px;overflow:visible}.panel-top{position:absolute;right:3px;top:8px;width:47%;height:calc(26% - 14px);flex-direction:column;justify-content:center;gap:8px;margin:0}.brand{font-size:27px;letter-spacing:2px}.brand small{margin-top:5px}.connection{width:100%;min-width:0;max-width:175px;border-radius:12px;padding:7px;gap:6px}.connection-icon{font-size:23px}.connection strong{font-size:11px}.connection small{font-size:9px;margin-left:16px}.connection strong:before{width:8px;height:8px;margin-right:7px}.messages{padding-left:37px;gap:8px}.message{font-size:14px;border-radius:13px;padding:8px 10px}.message.assistant:before{width:30px;height:30px;left:-36px;background-position:-71px -24px;background-size:248px 139px}.message .meta{font-size:9px}.composer,.writing .composer{display:flex;margin-top:5px}.composer input{padding:8px 10px;font-size:14px}.composer button{min-height:40px}.hint{min-height:13px;font-size:9px;margin-top:3px}.voice-bar{grid-row:3;padding:3px 0;grid-template-columns:42px minmax(10px,1fr) 51px minmax(10px,1fr) 42px minmax(105px,1.5fr) 36px;gap:4px}.voice-bar button{height:40px;font-size:10px;padding:4px;border-radius:15px}.voice-bar #write>span:last-child,.voice-bar #stopVoice>span{display:none}.write-icon{margin:0;font-size:22px}.mic{width:51px;height:51px!important}.voice-label{gap:5px;font-size:10px!important}.voice-label small{font-size:8px;margin-top:3px}.voice-dot{width:6px;height:6px}.waves{gap:2px}.waves i{width:2px;flex-basis:3px}.waves i:nth-child(5n){height:30px}#speaker{width:36px;font-size:24px}.quick{grid-column:1;grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.quick button{border-radius:10px;font-size:9px;padding:3px}.quick .symbol svg{width:21px;height:21px}.quick .symbol{margin-bottom:2px}dialog{padding:16px}h2{font-size:21px}}
@media(orientation:portrait) and (max-height:650px){.app{grid-template-rows:32px 50px minmax(0,1fr) 92px}.workspace{grid-template-rows:80px minmax(0,1fr) 52px}.panel-top{height:70px;top:4px;gap:4px}.brand{font-size:23px}.connection{padding:5px}.brand small{margin-top:3px}.connection-icon{display:none}.connection small{margin-top:2px}.message{font-size:12px}.quick .symbol svg{width:19px;height:19px}.sidebar .symbol svg{width:20px;height:20px}}

#speaker svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}@media(orientation:landscape) and (max-height:500px){.portrait canvas{object-fit:contain}}@media(orientation:portrait){.portrait canvas{object-fit:contain}}

.message .meta svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#fullscreen svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8}