:root{--dock-bg: rgba(6, 8, 10, .42);--dock-border: rgba(255, 255, 255, .09);--dock-text: rgba(255, 255, 255, .88);--dock-muted: rgba(255, 255, 255, .48);--dock-accent: rgba(122, 158, 154, .95);--dock-radius: 8px;--dock-ease: cubic-bezier(.22, 1, .36, 1);--dock-ease-out: cubic-bezier(.33, 1, .68, 1)}.control-dock{position:fixed;top:10px;right:10px;z-index:40;font-family:system-ui,-apple-system,Segoe UI,sans-serif;pointer-events:none;display:none}.control-dock.is-visible{display:block}.control-dock.is-visible .control-dock__panel{pointer-events:auto}.control-dock__panel{width:204px;padding:12px;border-radius:var(--dock-radius);background:var(--dock-bg);border:1px solid var(--dock-border);box-shadow:0 4px 28px #00000059;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.control-dock__stats{margin:0 0 3px;font-size:11px;font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,SF Mono,Consolas,monospace;color:var(--dock-text);letter-spacing:.02em}.control-dock__stats-sub{font-size:10px;font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,SF Mono,Consolas,monospace;color:var(--dock-muted);line-height:1.45;margin-bottom:12px}.control-dock__label{font-size:10px;font-weight:600;letter-spacing:.08em;color:#ffffff9e;margin-bottom:8px}.control-dock__modes{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.dock-btn__en{font-weight:400;opacity:.74;letter-spacing:.03em}.control-dock__modes button.is-active .dock-btn__en{opacity:.88}.control-dock__modes button{padding:8px 11px;border:1px solid var(--dock-border);border-radius:5px;background:#ffffff0a;color:var(--dock-text);font-size:11px;font-weight:500;line-height:1.4;cursor:pointer;text-align:left;letter-spacing:.02em;box-shadow:0 1px #ffffff0a;transition:background .18s var(--dock-ease),border-color .18s var(--dock-ease),color .18s var(--dock-ease),transform .12s var(--dock-ease-out),box-shadow .18s var(--dock-ease)}.control-dock__modes button:hover{background:#ffffff17;border-color:#ffffff29;transform:translateY(-1px);box-shadow:0 3px 12px #00000038,0 1px #ffffff0f}.control-dock__modes button:active{transform:translateY(0) scale(.985);transition-duration:.08s}.control-dock__modes button:focus-visible{outline:none;border-color:#7a9e9a8c;box-shadow:0 0 0 2px #7a9e9a33}.control-dock__modes button.is-active{border-color:#7a9e9a7a;background:#7a9e9a1f;color:#e8f4f2;box-shadow:0 0 0 1px #7a9e9a38,0 2px 14px #0000002e}.control-dock__modes button.is-active:hover{border-color:#7a9e9a94;background:#7a9e9a29}.control-dock__shot{width:100%;padding:9px 11px;border:1px solid var(--dock-border);border-radius:5px;background:#ffffff12;color:var(--dock-text);font-size:11px;font-weight:600;letter-spacing:.03em;cursor:pointer;margin-bottom:8px;line-height:1.35;box-shadow:0 1px #ffffff0d;transition:background .18s var(--dock-ease),border-color .18s var(--dock-ease),color .18s var(--dock-ease),transform .12s var(--dock-ease-out),box-shadow .18s var(--dock-ease)}.control-dock__shot:hover{background:#ffffff21;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 3px 14px #0003,0 1px #ffffff12}.control-dock__shot:active{transform:translateY(0) scale(.985);transition-duration:.08s}.control-dock__shot:focus-visible{outline:none;border-color:#7a9e9a8c;box-shadow:0 0 0 2px #7a9e9a33}.control-dock__hint{margin:2px 0 0;font-size:9px;color:var(--dock-muted);line-height:1.48;letter-spacing:.02em}.control-dock__version{margin:10px 0 0;font-size:10px;font-family:ui-monospace,Cascadia Mono,SF Mono,Consolas,monospace;color:#ffffff80;text-align:right;letter-spacing:.03em;line-height:1.5}.dock-toast{margin-top:8px;padding:8px 12px;border-radius:5px;font-size:10px;font-family:ui-monospace,Cascadia Mono,SF Mono,Consolas,monospace;color:#ffffffd1;background:#0a0c0ead;border:1px solid var(--dock-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(-6px);transition:opacity .22s var(--dock-ease),transform .28s var(--dock-ease);pointer-events:none}.dock-toast.is-on{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.control-dock__modes button,.control-dock__shot{transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.control-dock__modes button:hover,.control-dock__modes button:active,.control-dock__shot:hover,.control-dock__shot:active{transform:none}.dock-toast{transition:opacity .15s ease}.dock-toast.is-on{transform:none}}
