*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0b14;--surface:#171422;--surface-2:#1f1a30;--line:#2b2540;--text:#f2f0fa;--dim:#8b86a0;--accent:#7c5cff;--gold:#ffc53d;--ok:#4dffb4;--danger:#ff3b5c;--radius:12px}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,sans-serif}main{max-width:1180px;margin:0 auto;padding:20px 16px 80px}h1{margin:0 0 12px;font-size:22px}h2{margin:0 0 12px;font-size:16px}.logo{letter-spacing:.26em;color:var(--accent);font:700 13px system-ui}.appbar{z-index:5;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:16px;margin-bottom:20px;padding:12px 0;display:flex;position:sticky;top:0}.appbar nav{flex:1}button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;padding:8px 12px;transition:border-color .12s,background .12s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:#0000;font-weight:600}button.danger{color:var(--danger)}button.wide{width:100%;padding:12px}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:4px;padding:4px;display:inline-flex}.segmented button{background:0 0;border:none;padding:6px 12px}.segmented button.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:9px 11px}input:focus,textarea:focus{outline:1px solid var(--accent)}textarea.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.field{gap:6px;margin-bottom:12px;display:grid}.field>span{color:var(--dim);font-size:12px}.field .segmented{width:fit-content}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-bottom:16px;padding:16px}.toolbar{align-items:center;gap:8px;margin-bottom:16px;display:flex}.toolbar .search{flex:1}.form__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form__actions{align-items:center;gap:8px;margin-top:8px;display:flex}.options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:8px;padding:6px 10px;display:flex}.option input[type=radio]{width:auto;accent-color:var(--ok)}.option input[type=text],.option input:not([type]){background:0 0;border:none;padding:4px 0}.option--correct{border-color:var(--ok);box-shadow:0 0 0 1px #4dffb459}.list{gap:10px;display:grid}.list--compact{max-height:70vh;padding-right:4px;overflow:auto}.qcard{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px}.qcard header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.qcard__text{margin:0 0 8px;font-size:15px}.qcard__options{color:var(--dim);grid-template-columns:1fr 1fr;gap:6px;margin:0;padding-left:18px;font-size:14px;display:grid}.qcard__options .correct{color:var(--ok);font-weight:600}.tag{border:1px solid var(--line);color:var(--dim);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.tag--d1{color:var(--ok);border-color:#4dffb466}.tag--d2{color:var(--gold);border-color:#ffc53d66}.tag--d3{color:var(--danger);border-color:#ff3b5c66}.tag--correct{color:var(--ok);border-color:#4dffb466}.tag--muted{opacity:.6}.tag--scheduled{color:var(--accent);border-color:var(--accent)}.tag--cancelled{opacity:.5}.tag--finished,.tag--rolled_over{color:var(--gold)}.spacer{flex:1}.builder{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.pick{text-align:left;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.pick--on{border-color:var(--accent);background:var(--surface-2)}.pick__text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pick__mark{color:var(--dim)}.pick--on .pick__mark{color:var(--ok)}.counters{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.counter{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:var(--surface-2);padding:10px}.counter b{font-size:18px;display:block}.counter span{color:var(--dim);font-size:11px}.counter--ok{border-color:var(--ok)}.counter--ok b{color:var(--ok)}.picked{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.picked li{align-items:center;gap:8px;font-size:14px;display:flex}.picked__no{background:var(--surface-2);width:22px;height:22px;color:var(--dim);border-radius:6px;place-items:center;font-size:12px;display:grid}.picked__text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.picked button{border-radius:8px;padding:2px 8px;line-height:1}.check{color:var(--text);align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.check input{width:auto}.row{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:8px 0;display:flex}.row:last-child{border-bottom:none}.hint{color:var(--dim);font-size:13px}.error{color:var(--danger)}.ok{color:var(--ok)}.login{max-width:420px;margin-top:12vh}@media (width<=900px){.builder,.options,.qcard__options,.form__row{grid-template-columns:1fr}}