:root{--ink:#0b0a10;--ink-2:#110f17;--panel:#ffffff0a;--panel-2:#fff1;--brd:#ffffff14;--brd-2:#ffffff29;--text:#f1ece4;--dim:#a39e95;--faint:#8a8780;--brand:linear-gradient(110deg, #ffc24b 0%, #ff8f5e 48%, #ff6b8a 100%);--me:#ffc24b;--me-rgb:255, 194, 75;--me-ink:#0b0a10;--ok:#6ee7a8;--warn:#ffcf5e;--bad:#ff7a93;--r:16px;--r-sm:11px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Noto Naskh Arabic,Tahoma,sans-serif;font-size:16px;line-height:1.6}body{background:radial-gradient(115% 70% at 82% -8%, rgba(var(--me-rgb), .16), transparent 60%), radial-gradient(95% 60% at 0% 108%, #ff8f5e1a, transparent 55%), var(--ink);background-attachment:fixed}#app{height:100%}.hidden{display:none!important}button{font-family:inherit}button:focus-visible{outline:2px solid var(--me);outline-offset:2px}.swatch:focus-visible{outline-offset:2px;outline:3px solid #fff}.overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:30px 22px;display:flex;overflow-y:auto}.logo{letter-spacing:-1px;background:var(--brand);color:#0000;filter:drop-shadow(0 6px 30px #ff8f5e52);-webkit-background-clip:text;background-clip:text;padding:4px 8px;font-size:clamp(50px,16vw,88px);font-style:normal;font-weight:800;line-height:1.1}.tagline{max-width:30rem;color:var(--dim);margin:0;font-size:15.5px}.onb-card{text-align:start;border-radius:var(--r);background:var(--panel);border:1px solid var(--brd);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;gap:10px;width:100%;max-width:30rem;margin-top:4px;padding:18px;display:flex}.onb-label{color:var(--dim);margin-top:4px;font-size:13px;font-weight:600}.onb-name{font:inherit;color:var(--text);text-align:start;border:1px solid var(--brd);border-radius:var(--r-sm);background:#00000038;outline:none;padding:13px 15px;font-size:17px;transition:border-color .18s,box-shadow .18s}.onb-name:focus{border-color:var(--me);box-shadow:0 0 0 3px rgba(var(--me-rgb), .22)}.swatches{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;background:var(--sw);outline-offset:2px;border:0;border-radius:50%;outline:2px solid #0000;padding:0;transition:transform .14s;position:relative;box-shadow:inset 0 0 0 2px #00000040}.swatch:hover{transform:scale(1.1)}.swatch.active{outline-color:var(--sw);transform:scale(1.12)}.swatch.active:after{content:"✓";color:#0b0a10;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;inset:0}.start-btn{cursor:pointer;color:var(--me-ink);background:var(--me);box-shadow:0 14px 40px -10px rgba(var(--me-rgb), .7);border:0;border-radius:999px;margin-top:8px;padding:15px 48px;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .2s}.start-btn:hover{box-shadow:0 20px 50px -10px rgba(var(--me-rgb), .85);transform:translateY(-2px)}.start-btn:active{transform:scale(.97)}.start-btn:disabled{opacity:.55;filter:grayscale(.3);cursor:default;box-shadow:none}.hint{color:var(--faint);max-width:26rem;font-size:12.5px}.overlay-error{color:var(--bad);border-radius:var(--r-sm);background:#ff7a931a;border:1px solid #ff7a934d;max-width:30rem;padding:10px 16px;font-size:14px}.shell{max-width:780px;height:100%;padding:10px 12px;padding-bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{border-radius:var(--r);background:var(--panel);border:1px solid var(--brd);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:9px;padding:9px 12px;display:flex}.brand{letter-spacing:-.3px;background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 2px;font-size:21px;font-style:normal;font-weight:800;line-height:1.25}.me{cursor:pointer;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--brd);border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 5px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.me:hover{border-color:var(--brd-2)}.me.locked{box-shadow:0 0 0 1px rgba(var(--me-rgb), .4)}.me-dot{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.me-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.signal{color:var(--dim);letter-spacing:1px;white-space:nowrap;font-family:ui-monospace,monospace;font-size:13px}.signal[data-hint=weak]{color:var(--warn)}.signal[data-hint=loud]{color:var(--bad)}.status{color:var(--dim);white-space:nowrap;margin-inline-start:auto;font-size:12.5px}.status[data-phase=listening]{color:var(--ok)}.status[data-phase=transmitting]{color:var(--me)}.status[data-phase=interrupted]{color:var(--warn)}.gear{cursor:pointer;width:34px;height:34px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;flex:none;font-size:16px;transition:all .18s}.gear:hover{color:var(--text);border-color:var(--brd-2);transform:rotate(40deg)}.stage{border-radius:var(--r);border:1px solid var(--brd);background:repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 3px), radial-gradient(120% 100% at 50% 120%, rgba(var(--me-rgb), .1), transparent 70%), #07060c;box-shadow:inset 0 0 60px rgba(var(--me-rgb), .06);margin:12px 0;position:relative;overflow:hidden}.visualizer{width:100%;height:168px;display:block}.log{scrollbar-width:thin;flex-direction:column;flex:1;gap:13px;margin:4px 0;padding:6px 2px;display:flex;overflow-y:auto}.log::-webkit-scrollbar{width:6px}.log::-webkit-scrollbar-thumb{background:var(--brd-2);border-radius:3px}.msg{align-items:flex-start;gap:9px;max-width:86%;display:flex}.avatar{margin-top:17px}.msg.self{align-self:flex-start}.msg.other{align-self:flex-end}.avatar{width:32px;height:32px;box-shadow:0 3px 12px -3px var(--c,#0006);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.msg-col{flex-direction:column;gap:4px;min-width:0;display:flex}.msg-meta{padding:0 4px;font-size:11.5px}.msg-name{color:var(--c);font-weight:700}.msg-body{word-break:break-word;background:var(--c-soft);border:1px solid var(--c-line);color:var(--text);border-radius:15px;padding:10px 14px;font-size:15px;line-height:1.55}.msg.self .msg-col{align-items:flex-start}.msg.other .msg-col{align-items:flex-end}.msg.self .msg-body{border-bottom-right-radius:5px}.msg.other .msg-body{border-bottom-left-radius:5px}.msg-sig{opacity:.8;height:16px;padding:0 4px}.tone-sig{width:90px;height:16px;display:block}.msg.other .tone-sig{margin-inline-start:auto}.sys{text-align:center;color:var(--faint);align-self:center;max-width:90%;font-size:12.5px}.sys.error{color:var(--bad)}.composer{background:var(--panel);border:1px solid var(--brd);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:8px;margin-top:6px;padding:9px 10px;display:flex}.repeat{border:1px solid var(--brd);background:#00000040;border-radius:999px;flex:none;align-items:center;gap:2px;padding:3px;display:inline-flex}.rep-btn{cursor:pointer;width:26px;height:26px;color:var(--dim);background:0 0;border:0;border-radius:50%;font-size:16px;line-height:1;transition:all .15s}.rep-btn:hover{color:var(--text);background:var(--panel-2)}.rep-val{text-align:center;min-width:26px;color:var(--dim);font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.rep-val.hot{color:var(--me)}.composer-input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--brd);background:#00000038;border-radius:999px;outline:none;flex:1;padding:12px 16px;font-size:15px;transition:border-color .18s,box-shadow .18s}.composer-input::placeholder{color:var(--faint)}.composer-input:focus{border-color:var(--me);box-shadow:0 0 0 3px rgba(var(--me-rgb), .18)}.resend-btn{cursor:pointer;width:42px;height:42px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;flex:none;font-size:18px;transition:all .18s}.resend-btn:hover:not(:disabled){color:var(--me);border-color:var(--me)}.resend-btn:disabled{opacity:.3;cursor:default}.send-btn{cursor:pointer;font:inherit;color:var(--me-ink);background:var(--me);box-shadow:0 10px 26px -10px rgba(var(--me-rgb), .7);border:0;border-radius:999px;flex:none;padding:12px 22px;font-size:15px;font-weight:800;transition:transform .15s}.send-btn:hover{transform:translateY(-1px)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.45;filter:grayscale(.3);cursor:default;box-shadow:none}.attach-btn{cursor:pointer;width:42px;height:42px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;flex:none;font-size:18px;transition:all .18s}.attach-btn:hover:not(:disabled){color:var(--me);border-color:var(--me)}.attach-btn:disabled{opacity:.35;cursor:default}.img-tray{background:var(--panel);border:1px solid var(--brd);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:12px;margin-top:6px;padding:10px 12px;display:flex}.img-tray-preview{object-fit:cover;border:1px solid var(--brd);background:#00000040;border-radius:10px;flex:none;width:72px;height:72px}.img-tray-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.img-tier-row{gap:6px;display:flex}.tier-chip{cursor:pointer;min-width:0;min-height:36px;font:inherit;color:var(--dim);border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--brd);flex:1 1 0;padding:6px 4px;font-size:12.5px;font-weight:600;transition:all .15s}.tier-chip:hover{color:var(--text);border-color:var(--brd-2)}.tier-chip.active{color:var(--me-ink);background:var(--me);border-color:#0000;font-weight:700}.img-tray-info{color:var(--dim);font-family:ui-monospace,monospace;font-size:12.5px}.img-tray-actions{justify-content:flex-end;gap:8px;display:flex}.img-cancel-btn{cursor:pointer;font:inherit;color:var(--dim);border:1px solid var(--brd);background:0 0;border-radius:999px;padding:8px 16px;font-size:13px;transition:all .15s}.img-cancel-btn:hover{color:var(--text);border-color:var(--brd-2)}.img-send-btn{cursor:pointer;font:inherit;color:var(--me-ink);background:var(--me);box-shadow:0 10px 26px -10px rgba(var(--me-rgb), .7);border:0;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:800;transition:transform .15s}.img-send-btn:hover:not(:disabled){transform:translateY(-1px)}.img-send-btn:disabled{opacity:.45;filter:grayscale(.3);cursor:default;box-shadow:none}.msg-body.has-image{background:var(--c-soft);padding:5px}.msg-image{image-rendering:auto;border-radius:11px;width:min(240px,68vw);height:auto;max-height:340px;display:block}.msg-image-failed{color:var(--faint);padding:10px 14px;font-size:13px}.mode-bar{gap:6px;margin:8px 0 2px;display:flex}.mode-bar .mode-chip{flex:1 1 0;min-width:0;min-height:44px;padding:8px 4px;font-size:12.5px}.sheet{z-index:50;position:fixed;inset:0}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:#04030899;transition:opacity .22s;position:absolute;inset:0}.sheet.open .sheet-backdrop{opacity:1}.sheet-panel{inset-inline:0;background:var(--ink-2);border:1px solid var(--brd);max-width:780px;max-height:86%;padding:14px 16px max(18px, env(safe-area-inset-bottom));border-bottom:0;border-radius:22px 22px 0 0;margin:0 auto;transition:transform .26s cubic-bezier(.2,.9,.3,1);position:absolute;bottom:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -20px 60px -20px #000000b3}.sheet.open .sheet-panel{transform:translateY(0)}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sheet-title{font-size:19px;font-weight:800}.sheet-close{cursor:pointer;width:32px;height:32px;color:var(--dim);background:var(--panel-2);border:1px solid var(--brd);border-radius:50%;font-size:15px}.sheet-sec{border-top:1px solid var(--brd);flex-direction:column;gap:10px;padding:12px 0;display:flex}.sec-title{color:var(--dim);font-size:13px;font-weight:700}.field{width:100%;font:inherit;color:var(--text);border:1px solid var(--brd);border-radius:var(--r-sm);background:#0000003d;outline:none;padding:11px 14px;font-size:15px;transition:border-color .18s,box-shadow .18s}.field::placeholder{color:var(--faint)}.field:focus{border-color:var(--me);box-shadow:0 0 0 3px rgba(var(--me-rgb), .18)}.field-row{align-items:center;gap:10px;display:flex}.lock{color:var(--me);white-space:nowrap;font-size:12px}.modes{flex-wrap:wrap;gap:8px;display:flex}.mode-chip{cursor:pointer;min-width:64px;font:inherit;color:var(--dim);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--brd);flex:auto;padding:10px 8px;font-size:13px;font-weight:600;transition:all .18s}.mode-chip:hover{color:var(--text);border-color:var(--brd-2)}.mode-chip.active{color:var(--me-ink);background:var(--me);box-shadow:0 6px 18px -6px rgba(var(--me-rgb), .55);border-color:#0000;font-weight:700}.train-panel{flex-direction:column;gap:9px;padding:12px 0 0;display:flex}.train-hint{color:var(--dim);font-size:13px}.train-rec{cursor:pointer;font:inherit;color:var(--me-ink);background:var(--me);border-radius:var(--r-sm);border:0;padding:11px;font-weight:700;transition:transform .15s}.train-rec:disabled{opacity:.6;cursor:default}.ver{color:var(--faint);text-align:center;padding-top:12px;font-family:ui-monospace,monospace;font-size:11px}@media (max-width:430px){.send-btn{padding:12px 16px}.topbar{gap:6px;padding:8px 10px}.brand{font-size:19px}.me-name{max-width:6rem}.swatches{grid-template-columns:repeat(6,1fr)}.visualizer{height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gear:hover{transform:none}}