:root{--twd-backdrop: #060c16cc;--twd-panel: #142338;--twd-panel-2: #1e3150;--twd-line: #2c4a6d;--twd-accent: #46a6e6;--twd-accent-hi: #5cb4ee;--twd-accent-ink: #05101d;--twd-text: #e8f1fb;--twd-muted: #90a8c4;--twd-input: #0e1a2b;--twd-track: #2a3d57}.twd-overlay{position:fixed;inset:0;background:var(--twd-backdrop);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.twd-panel{background:var(--twd-panel);color:var(--twd-text);border:1px solid var(--twd-line);border-radius:14px;padding:20px;width:min(90vw,340px);box-shadow:0 14px 44px #0009,0 0 0 1px #ffffff08 inset}.twd-panel h2{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--twd-accent);letter-spacing:.02em}.twd-panel input[type=text],.twd-panel input:not([type]){width:100%;box-sizing:border-box;padding:12px;font-size:16px;border-radius:8px;border:1px solid var(--twd-line);background:var(--twd-input);color:var(--twd-text);outline:none}.twd-panel input[type=text]:focus,.twd-panel input:not([type]):focus{border-color:var(--twd-accent);box-shadow:0 0 0 3px #46a6e633}.twd-actions{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}.twd-btn{padding:10px 16px;border-radius:8px;border:1px solid var(--twd-line);background:var(--twd-panel-2);color:var(--twd-text);font-size:15px;cursor:pointer;transition:border-color .12s,background .12s}.twd-btn:hover{border-color:var(--twd-accent)}.twd-btn.primary{background:var(--twd-accent);color:var(--twd-accent-ink);border-color:var(--twd-accent);font-weight:700}.twd-btn.primary:hover{background:var(--twd-accent-hi);border-color:var(--twd-accent-hi)}.twd-gear{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:900;width:44px;height:44px;border-radius:50%;background:#142338cc;color:var(--twd-text);border:1px solid var(--twd-line);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:border-color .12s,color .12s}.twd-gear:hover{border-color:var(--twd-accent);color:var(--twd-accent)}.twd-menu-btn{display:block;width:100%;text-align:left;margin-bottom:8px}.twd-back{background:transparent;border:none;color:var(--twd-muted);cursor:pointer;font-size:14px;padding:0;margin-bottom:8px;transition:color .12s}.twd-back:hover{color:var(--twd-accent)}.twd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.twd-row .lab,.lab{font-size:15px;color:var(--twd-text)}.twd-switch{position:relative;width:52px;height:28px;flex:0 0 auto;cursor:pointer}.twd-switch input{display:none}.twd-switch .sl{position:absolute;inset:0;background:var(--twd-track);border-radius:999px;transition:background .15s}.twd-switch .sl:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s}.twd-switch input:checked+.sl{background:var(--twd-accent)}.twd-switch input:checked+.sl:before{transform:translate(24px)}.twd-range{width:100%;accent-color:var(--twd-accent)}.twd-avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;max-height:60vh;overflow:auto;margin-top:4px}.twd-avatar{border:2px solid var(--twd-line);border-radius:10px;padding:6px;cursor:pointer;text-align:center;background:var(--twd-input);transition:border-color .12s}.twd-avatar:hover{border-color:var(--twd-accent-hi)}.twd-avatar.selected{border-color:var(--twd-accent)}.twd-avatar canvas{image-rendering:pixelated;background:#0a1120;border-radius:6px;display:block;margin:0 auto}.twd-avatar .an{font-size:12px;margin-top:4px;color:var(--twd-text);word-break:break-word}