:root{--bg:#f5f6f8;--panel:#fff;--panel-2:#f0f2f5;--text:#1c2129;--muted:#667085;--border:#e2e5ea;--accent:#2563eb;--accent-text:#fff;--accent-soft:#e6eefe;--ok:#15803d;--ok-soft:#e7f6ec;--warn:#b45309;--warn-soft:#fdf3e2;--err:#c2410c;--err-soft:#fdece6;--mark:#f59e0b;--radius:10px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--panel:#171b21;--panel-2:#1f242c;--text:#e6e9ee;--muted:#98a2b3;--border:#2a313b;--accent:#4f8bff;--accent-text:#0b1220;--accent-soft:#1b2a47;--ok:#4ade80;--ok-soft:#13291c;--warn:#fbbf24;--warn-soft:#2d2412;--err:#fb923c;--err-soft:#321b12;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-text-size-adjust:100%;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 12px;font-size:20px}h2{margin:0 0 10px;font-size:16px}h3{margin:0 0 8px;font-size:14px}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:16px;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.topbar .brand{white-space:nowrap;font-weight:600}.topbar nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.topbar nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:6px 10px}.topbar nav a.active{background:var(--accent-soft);color:var(--accent);text-decoration:none}.topbar .who{color:var(--muted);white-space:nowrap;font-size:13px}.page{max-width:1240px;margin:0 auto;padding:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.panel+.panel{margin-top:16px}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.ok{color:var(--ok)}.err{color:var(--err)}.warn{color:var(--warn)}button,.btn{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px;line-height:1.4}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{color:var(--err)}button.ghost{background:0 0;border-color:#0000}button.big{padding:12px 18px;font-size:16px}input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:0;padding:6px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}label.field>input,label.field>select{color:var(--text)}label.check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.form{flex-direction:column;gap:12px;max-width:360px;display:flex}table.t{border-collapse:collapse;width:100%;font-size:13px}table.t th,table.t td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:6px 8px}table.t th{color:var(--muted);white-space:nowrap;font-weight:500}table.t td.num,table.t th.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.badge{background:var(--panel-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.err{background:var(--err-soft);color:var(--err)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.notice{background:var(--panel-2);border-radius:8px;padding:10px 12px}.notice.err{background:var(--err-soft);color:var(--err)}.notice.ok{background:var(--ok-soft);color:var(--ok)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.stat{flex-direction:column;display:flex}.stat .v{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat .k{color:var(--muted);font-size:12px}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.tabs .tab{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:6px 12px}.tabs .tab:hover{border-color:var(--accent);text-decoration:none}.tabs .tab.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.auth-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{width:100%;max-width:380px}.toast-host{z-index:100;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:8px;padding:10px 14px;font-size:13px}.toast.err{background:var(--err);color:#fff}.label-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.stage{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;position:relative}.stage-canvas{aspect-ratio:3/2;background:var(--panel-2);border-radius:8px;width:100%;max-width:600px;margin:0 auto;display:block;position:relative;overflow:hidden}.stage-canvas canvas{width:100%;height:100%;display:block}.stage-canvas .marked-flag{background:var(--mark);color:#111;border-radius:999px;padding:2px 10px;font-weight:700;position:absolute;top:8px;right:8px}.stage-canvas .overlay{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.thumbs{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin-top:12px;display:grid}.thumb{cursor:pointer;background:var(--panel-2);border:2px solid #0000;border-radius:6px;padding:0;position:relative;overflow:hidden}.thumb canvas{width:100%;display:block}.thumb.current{border-color:var(--accent)}.thumb.marked{border-color:var(--mark)}.thumb.marked.current{box-shadow:0 0 0 2px var(--accent)}.thumb .idx{color:#fff;background:#0000008c;border-radius:4px;padding:0 4px;font-size:11px;position:absolute;top:2px;left:3px}.thumb .model{color:#fff;background:#2563ebd9;border-radius:4px;padding:0 4px;font-size:10px;position:absolute;top:2px;right:3px}.queue-strip{flex-wrap:wrap;gap:3px;margin-top:10px;display:flex}.queue-strip button{border-radius:4px;width:22px;height:22px;padding:0;font-size:10px}.queue-strip button.done{background:var(--ok-soft);color:var(--ok)}.queue-strip button.cur{border-color:var(--accent);border-width:2px}.queue-strip button.failed{background:var(--err-soft);color:var(--err)}.kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-family:ui-monospace,monospace;font-size:11px;display:inline-block}.side .panel{padding:12px}.points-widget{z-index:30;background:var(--panel);border:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:12px;min-width:150px;padding:10px 14px;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 20px #0000001f}.points-widget .v{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;transition:color .3s}.points-widget .float{color:var(--ok);pointer-events:none;font-weight:700;animation:1.1s ease-out forwards floatup;position:absolute;top:-6px;right:14px}@keyframes floatup{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}.marquee{white-space:nowrap;color:var(--muted);flex:1;min-width:0;font-size:12px;overflow:hidden}.marquee span{padding-left:100%;animation:40s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.dice{flex-direction:column;gap:8px;display:flex}.dice input{width:72px}.dice .ref{image-rendering:auto;border:1px solid var(--border);border-radius:6px;width:150px;height:200px}.wrong-card{grid-template-columns:240px 1fr;align-items:start;gap:12px;display:grid}.wrong-card img{background:var(--panel-2);border-radius:6px;width:100%}.bars{align-items:flex-end;gap:2px;height:120px;display:flex}.bars div{background:var(--accent);border-radius:2px 2px 0 0;flex:1;min-height:1px}@media (width<=900px){.label-layout{grid-template-columns:1fr}.topbar .who{display:none}.wrong-card{grid-template-columns:1fr}}@media (width<=640px){.page{padding:12px}.points-widget{bottom:76px;right:8px}.mobile-actions{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);z-index:25;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-pad{height:72px}}