:root{--bg:#0d0f14;--panel:#161a22;--panel2:#1c212b;--line:#2a3140;--fg:#e8eaf0;--mut:#8791a3;--accent:#5b8cff;--accent2:#7aa2ff;--ok:#3ecf8e;--warn:#f0a83e;--err:#ef5a5a;--radius:12px;--shadow:0 8px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#1a2130 0%,var(--bg) 55%);color:var(--fg);font:15px/1.6 -apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:var(--accent2);text-decoration:none}.mut{color:var(--mut)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grow{flex:1}label{font-size:13px;color:var(--mut);display:block;margin-bottom:4px}input,textarea,select{width:100%;background:#0c0f15;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font:14px inherit;transition:border .15s}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{min-height:90px;resize:vertical;font-family:ui-monospace,Menlo,monospace}button{background:linear-gradient(180deg,var(--accent2),var(--accent));color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:.15s;box-shadow:0 4px 14px #5b8cff4d}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.ghost{background:#242b38;box-shadow:none}button.ok{background:linear-gradient(180deg,#55dba0,var(--ok))}button.danger{background:#33202a;color:var(--err);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;filter:none}.pill{font-size:11px;padding:2px 10px;border:1px solid var(--line);border-radius:20px;color:var(--mut);white-space:nowrap}.badge{font-size:12px;padding:3px 11px;border-radius:20px;font-weight:600}.b-answering{background:#232833;color:var(--mut)}.b-pending{background:#3a2f1a;color:var(--warn)}.b-scoring{background:#1e2b45;color:var(--accent2)}.b-scored{background:#16321f;color:var(--ok)}.b-error{background:#3a1e22;color:var(--err)}.bar{height:8px;background:#0c0f15;border-radius:6px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s}video{width:100%;background:#000;border-radius:10px;display:block}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.rec-dot{animation:pulse 1.1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.appbar{display:flex;align-items:center;gap:14px;padding:12px 22px;border-bottom:1px solid var(--line);background:#161a22b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.appbar .brand{font-weight:700;font-size:16px}.appbar nav{display:flex;gap:6px;margin-left:auto}.appbar nav a{padding:6px 14px;border-radius:8px;color:var(--mut)}.appbar nav a.on{background:var(--panel2);color:var(--fg)}.wrap{max-width:920px;margin:26px auto;padding:0 18px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}