:root{color-scheme:dark;--bg:#06110f;--panel:#0b1b18;--line:#1b4d44;--mint:#62dfca;--text:#e8f5f1;--muted:#82a29b;--danger:#ff7d7d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -20%,#19443c 0,#071411 48%,#030807 100%);color:var(--text);font-family:system-ui,"Microsoft YaHei",sans-serif}.shell{max-width:760px;min-height:100dvh;margin:auto;background:linear-gradient(180deg,rgba(12,31,27,.94),rgba(4,12,10,.97));position:relative;overflow:hidden}header{height:66px;padding:env(safe-area-inset-top) 14px 0;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;border-bottom:1px solid var(--line);letter-spacing:.13em}header div{text-align:center}header strong{display:block;color:var(--mint)}header small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.icon{border:0;background:transparent;color:var(--text);font-size:23px;padding:12px}.hidden{display:none!important}
.chat{height:calc(100dvh - 66px);display:grid;grid-template-rows:1fr auto}.chat:before{content:"";position:absolute;inset:66px 0 78px;background:radial-gradient(circle at 50% 30%,rgba(65,160,139,.11),transparent 40%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(85,179,158,.018) 3px 4px);pointer-events:none}#messages{overflow:auto;padding:24px 16px 120px;scroll-behavior:smooth;position:relative}.message{max-width:88%;padding:12px 14px;margin:0 0 14px;border:1px solid #214a43;background:rgba(5,18,15,.84);border-radius:15px 15px 15px 4px;line-height:1.62;white-space:pre-wrap;word-break:break-word;box-shadow:0 8px 28px rgba(0,0,0,.17)}.message.user{margin-left:auto;border-color:#37665e;background:#14302b;border-radius:15px 15px 4px 15px}.message .who{font-size:10px;color:var(--mint);letter-spacing:.12em;margin-bottom:5px}.message .meta{font-size:10px;color:var(--muted);margin-top:6px}.message.pending{color:var(--muted)}
#composer{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(5,15,13,.96);border-top:1px solid var(--line)}textarea,input{width:100%;border:1px solid #28534b;background:#071613;color:var(--text);border-radius:12px;padding:12px;font:inherit;outline:none}textarea:focus,input:focus{border-color:var(--mint)}textarea{resize:none;max-height:130px}button{font:inherit;cursor:pointer}#modeButton,.secondary{border:1px solid #315c54;background:#102824;color:#b7d6d0;border-radius:11px;padding:0 13px}#modeButton[data-mode=deep]{color:#e9d5ff;border-color:#8d63ae;background:#261b31}.primary{border:0;border-radius:11px;padding:0 17px;background:var(--mint);color:#05201b;font-weight:700}.primary:disabled{opacity:.5}
.pair-card{margin:12vh 18px 0;padding:28px 22px;border:1px solid var(--line);border-radius:22px;background:rgba(8,25,21,.94);box-shadow:0 28px 80px #0008}.pair-card h1{margin:12px 0}.pair-card p{color:#a8c2bc;line-height:1.6}.pair-card label{display:block;color:var(--muted);font-size:13px;margin:16px 0}.pair-card input{display:block;margin-top:7px}.pair-card .primary{width:100%;height:48px}.signal{font:11px ui-monospace,monospace;color:var(--mint);letter-spacing:.12em}.error{color:var(--danger)!important;min-height:24px}
aside{position:absolute;z-index:8;left:0;top:66px;bottom:0;width:min(84%,360px);padding:16px;background:#071411;border-right:1px solid var(--line);transform:translateX(-102%);transition:.2s}aside.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.drawer-head button{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#102824;color:var(--text)}.conversation{display:block;width:100%;text-align:left;padding:12px;margin:5px 0;border:0;border-radius:10px;background:transparent;color:#bfd1cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation.active{background:#17342f;color:#fff}#scrim{display:none;position:absolute;z-index:7;inset:66px 0 0;background:#0008}#scrim.open{display:block}dialog{width:min(90%,430px);border:1px solid var(--line);border-radius:18px;background:#0b1b18;color:var(--text);padding:22px}dialog::backdrop{background:#000b}dialog button{display:block;width:100%;height:44px;margin-top:10px}.danger{border:1px solid #8f4949;background:#361b1b;color:#ffb7b7;border-radius:11px}
@media(min-width:761px){.shell{margin-top:20px;min-height:calc(100dvh - 40px);border:1px solid #28534b;border-radius:22px}.chat{height:calc(100dvh - 106px)}}
.message.pending .content:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:var(--mint);animation:pulse 1s infinite alternate}.message.error-message{border-color:#8f4949;color:#ffb7b7}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}@keyframes pulse{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.25)}}