:root{font-family:SF Mono,Cascadia Code,Noto Sans Mono CJK KR,monospace;color:#d6e2ee;background:#030507}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow-x:hidden;background:#030507}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.08;pointer-events:none;background-image:linear-gradient(#48d9cf 1px,transparent 1px),linear-gradient(90deg,#48d9cf 1px,transparent 1px);background-size:48px 48px}.shell{width:min(100%,1420px);min-height:100vh;margin:auto;padding:clamp(18px,3vw,34px) clamp(16px,4vw,44px)}header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.brand{font-size:clamp(18px,2vw,25px);letter-spacing:.08em;color:#edf5ff}.brand span{color:#5de5da}.sub{margin-top:9px;font-size:11px;letter-spacing:.1em;color:#718399}.sub i,.hint i{color:#456074;font-style:normal;padding:0 8px}.status{white-space:nowrap;color:#718399;font-size:12px;padding-top:7px}.status b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f2a15a;margin-right:8px}.status.online{color:#5de5da}.status.online b{background:#5de5da;box-shadow:0 0 12px #5de5da}.connection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;color:#718399;font-size:11px}.connection label{display:flex;align-items:center;gap:9px}.connection input{width:min(430px,65vw);border:1px solid #1d3446;border-radius:7px;background:#070b10;color:#d6e2ee;padding:9px 11px;font:11px inherit}.connection button{border:1px solid #5de5da;border-radius:7px;background:#5de5da;color:#031014;padding:9px 14px;font:600 11px inherit;cursor:pointer}.connection small{flex-basis:100%;color:#51687d}.grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.6fr);gap:20px}.card{min-width:0;border:1px solid #1d3446;border-radius:14px;background:#070b10;box-shadow:inset 0 0 0 1px #0d1620,0 16px 50px #000}.avatar{min-height:530px;padding:23px;display:flex;flex-direction:column}.eyebrow{font-size:14px;letter-spacing:.04em;color:#7f95ad}.cyan{color:#5de5da}.avatar-stage{flex:1;min-height:330px;display:grid;place-items:center;position:relative;overflow:hidden}.avatar-stage img{width:100%;height:100%;max-width:88%;max-height:88%;object-fit:contain;z-index:2}.scan{position:absolute;left:10%;right:10%;height:1px;background:#5de5da;opacity:.12;animation:scan 4s linear infinite}@keyframes scan{0%{top:5%}to{top:95%}}.agent{width:min(190px,70%);aspect-ratio:1;border:1px solid #5de5da;border-radius:48%;position:relative;background:#08131b;box-shadow:0 0 32px #2ed8ca33}.eye{position:absolute;top:34%;width:10%;height:16%;background:#5de5da;border-radius:50%;box-shadow:0 0 14px #5de5da}.eye.left{left:27%}.eye.right{right:27%}.mouth{position:absolute;left:38%;top:61%;width:24%;height:9%;border-bottom:2px solid #f4aa6b;border-radius:50%}footer{display:flex;justify-content:space-between;gap:10px;color:#5de5da;font-size:11px;letter-spacing:.06em}.right{min-width:0;display:flex;flex-direction:column;gap:14px}.conversation{height:500px;padding:23px;display:flex;flex-direction:column}.speech{flex:1;min-height:0;overflow:auto;padding:17px 5px 0 0;font-size:16px;line-height:1.7;overflow-wrap:anywhere;word-break:break-word}.speech p{margin:0 0 12px}.speech h3{font-size:16px;color:#fff}.speech strong{color:#fff}.speech code{padding:2px 5px;border-radius:4px;background:#111b26;color:#8cefe8}.speech a{color:#66dfd6}.speech .bullet{padding-left:4px}.divider{height:1px;flex:none;background:#1d3446;margin:13px 0}.log{max-height:82px;overflow:auto;color:#849bb0;font-size:12px;line-height:1.65;margin-top:9px;overflow-wrap:anywhere}.composer{display:flex;gap:10px}.composer input{min-width:0;flex:1;border:1px solid #1d3446;border-radius:10px;background:#070b10;color:#edf5ff;padding:15px 17px;font:13px inherit;outline:none}.composer input:focus{border-color:#5de5da}.composer button{border:1px solid #5de5da;border-radius:10px;background:#5de5da;color:#031014;padding:0 21px;font:600 13px inherit;cursor:pointer}.hint{color:#718399;font-size:11px;padding:2px}.hint i{padding:0 7px}nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}nav button{border:1px solid #1d3446;border-radius:8px;background:#070b10;color:#93a9bf;padding:10px 19px;font:12px inherit;cursor:pointer}nav button.selected,nav button:hover{border-color:#5de5da;color:#5de5da;background:#08161b}@media (max-width:900px){.shell{padding:20px}.grid{grid-template-columns:1fr}.avatar{min-height:410px}.avatar-stage{min-height:270px}.conversation{height:470px}}@media (max-width:600px){header{display:block}.status{padding-top:13px}.connection input{width:calc(100vw - 125px)}.avatar,.conversation{padding:19px}.avatar{min-height:370px}.avatar-stage{min-height:230px}.conversation{height:440px}.speech{font-size:14px;line-height:1.6}.composer button{padding:0 15px}nav button{padding:9px 14px}}.model-console{color:#55e68a;font-size:10px;letter-spacing:.05em;line-height:14px;min-height:14px;padding:0 4px;text-shadow:0 0 8px #55e68a44}.header-actions{display:flex;align-items:flex-start;gap:14px}.settings-button,.settings-actions button{border:1px solid #1d3446;border-radius:7px;background:#070b10;color:#93a9bf;padding:8px 12px;font:11px inherit;cursor:pointer}.settings-button:hover,.settings-actions button:hover{border-color:#5de5da;color:#5de5da}.settings-panel{width:min(440px,calc(100vw - 32px));border:1px solid #1d3446;border-radius:12px;background:#070b10;color:#d6e2ee;padding:22px;box-shadow:0 20px 70px #000}.settings-panel::backdrop{background:#000b}.settings-panel label{display:flex;flex-direction:column;gap:7px;color:#8da2b7;font-size:11px;margin-top:18px}.settings-panel select,.settings-panel input{border:1px solid #1d3446;border-radius:7px;background:#030507;color:#d6e2ee;padding:10px;font:12px inherit}.settings-message{color:#55e68a;font-size:11px;min-height:16px;margin-top:15px}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.settings-actions button:last-child{border-color:#5de5da;color:#031014;background:#5de5da}.settings-actions .secondary{color:#93a9bf;background:#070b10}.settings-panel textarea{border:1px solid #1d3446;border-radius:7px;background:#030507;color:#d6e2ee;padding:10px;font:12px inherit;resize:vertical;line-height:1.5}.settings-section{margin-top:24px;padding-top:14px;border-top:1px solid #1d3446;color:#5de5da;font-size:10px;letter-spacing:.14em}.login-page{background:radial-gradient(circle at 50% 42%,#102936 0,#030507 54%)}.login-page .shell>*:not(#loginDialog){display:none}.login-page .shell{display:block;min-height:100vh}.login-page #loginDialog[open]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.login-page #loginDialog::backdrop{background:transparent}.login-page .settings-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 34px));padding:32px;border-color:#2d7180;box-shadow:0 0 0 1px #173743,0 0 70px #20d8cf22,0 25px 100px #000}.login-page .settings-panel:before{content:"STACKCHAN / SECURE CONSOLE";display:block;color:#5de5da;font-size:12px;letter-spacing:.15em;margin-bottom:28px}.login-page .settings-panel .eyebrow{font-size:24px;letter-spacing:.08em;color:#edf5ff}.login-page .settings-panel .eyebrow:after{content:"\aPERSONAL AGENT ACCESS";white-space:pre;font-size:10px;letter-spacing:.16em;color:#718399}.login-page .settings-panel label{margin-top:20px}.login-page .settings-panel input{padding:13px}.login-page .settings-message{min-height:20px;margin-top:20px}.login-page .settings-actions{margin-top:24px}.login-page .settings-actions button{padding:10px 14px}.auth-page{background:radial-gradient(circle at 50% 42%,#102936 0,#030507 54%)}.auth-page .shell>*:not(#loginDialog){display:none}.auth-page .shell{display:block;min-height:100vh}.auth-page #loginDialog[open]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.auth-page #loginDialog::backdrop{background:transparent}.auth-page .settings-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 34px));padding:32px;border-color:#2d7180;box-shadow:0 0 0 1px #173743,0 0 70px #20d8cf22,0 25px 100px #000}.auth-page .settings-panel:before{content:"STACKCHAN / SECURE CONSOLE";display:block;color:#5de5da;font-size:12px;letter-spacing:.15em;margin-bottom:28px}.auth-page .settings-panel .eyebrow{font-size:24px;letter-spacing:.08em;color:#edf5ff}.auth-page .settings-panel .eyebrow:after{content:"\aPERSONAL AGENT ACCESS";white-space:pre;font-size:10px;letter-spacing:.16em;color:#718399}.auth-page .settings-panel label{margin-top:20px}.auth-page .settings-panel input{padding:13px}.auth-page .settings-message{min-height:20px;margin-top:20px}.auth-page .settings-actions{margin-top:24px}.auth-page .settings-actions button{padding:10px 14px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px}.auth-links a{color:#5de5da;text-decoration:none}.auth-links a:hover{text-decoration:underline}.password-wrap{display:flex;position:relative}.password-wrap input{flex:1;padding-right:48px!important}.password-wrap button{position:absolute;right:7px;top:7px;bottom:7px;width:34px;border:0;border-radius:5px;background:#10212a;color:#5de5da;font:16px inherit;cursor:pointer}.password-wrap button:hover{background:#173743}.session-select{max-width:150px;border:1px solid #1d3446;border-radius:7px;background:#070b10;color:#93a9bf;padding:8px;font:10px inherit}.avatar-hidden{display:none!important}.grid:has(.avatar-hidden){grid-template-columns:1fr}