:root{--ink:#ededf5;--dim:#9a9ab4;--ground:#14141f;--card:#1c1c2e;--edge:#2e2e45;--accent:#f0a14a;--good:#35b3b0;--bad:#e2657a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;padding:28px 20px 64px;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.brand h1{letter-spacing:-.8px;margin:0;font-size:30px}.brand h1 span{color:var(--accent)}.brand p{color:var(--dim);margin:4px 0 0;font-size:14px}.top-actions{gap:8px;display:flex}.get-app{color:var(--accent);white-space:nowrap;font-weight:700;text-decoration:none}.get-app:hover,.get-app:focus-visible{text-decoration:underline}button{cursor:pointer;font:inherit;border-radius:11px;padding:10px 14px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:var(--accent);color:#17130a;border:none}.ghost{border:1px solid var(--edge);color:var(--dim);background:0 0}.danger{border:1px solid var(--bad);color:var(--bad);background:0 0}.danger:hover{background:var(--bad);color:#220d13}.link{color:var(--dim);background:0 0;border:none;padding:2px 4px;font-size:12px;font-weight:400;text-decoration:underline}.link:hover{color:var(--bad)}.build{background:var(--good);color:#08201f}input,textarea{background:var(--card);border:1px solid var(--edge);color:var(--ink);font:inherit;border-radius:10px;width:100%;padding:11px 12px}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--accent);outline:2px solid #0000}.banner{color:var(--bad);background:#2a1720;border:1px solid #5a2a38;border-radius:11px;margin:0;padding:11px 13px;font-size:14px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--dim);letter-spacing:1.1px;text-transform:uppercase;font-size:11px}.field-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.field-hint{color:var(--dim);font-size:12px}.split{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:20px;display:grid}.writing{flex-direction:column;gap:18px;min-width:0;display:flex}.form{background:var(--card);border:1px solid var(--edge);border-radius:15px;flex-direction:column;gap:14px;padding:16px;display:flex}.form input,.form textarea{background:var(--ground)}.choice{align-items:center;gap:9px;display:flex}.choice-key{background:var(--edge);border:1px solid var(--edge);color:var(--dim);text-align:center;border-radius:8px;flex:0 0 40px;padding:10px 0;font-family:ui-monospace,SF Mono,Menlo,monospace}.choice-key:hover,.choice-key:focus-visible{border-color:var(--good);color:var(--ink)}.choice.correct .choice-key{background:var(--good);border-color:var(--good);color:#08201f}.choice.correct input{border-color:var(--good)}.choice-badge{color:var(--good);letter-spacing:.6px;text-transform:uppercase;flex:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.form-problems{color:var(--dim);margin:0;padding-left:18px;font-size:13px;line-height:1.6}.form-actions{justify-content:flex-end;gap:8px;display:flex}.full{color:var(--dim);margin:0;font-size:13px}.collected{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:20px}.collected-head{justify-content:space-between;align-items:center;display:flex}.count{color:var(--dim);letter-spacing:1.1px;text-transform:uppercase;font-size:11px}.saved{background:var(--card);border:1px solid var(--edge);border-radius:13px;max-height:48vh;margin:0;padding:0;list-style:none;overflow-y:auto}.saved-row{align-items:baseline;gap:10px;padding:10px 12px;display:flex}.saved-row+.saved-row{border-top:1px solid var(--edge)}.saved-row.editing{background:#241d13}.saved-n{color:var(--dim);flex:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.saved-text{flex:1;min-width:0;font-size:13.5px;line-height:1.45}.saved-actions{flex:none;gap:4px;display:flex}.saved-actions button{color:var(--dim);background:0 0;border:none;padding:2px 5px;font-size:12px;font-weight:400;text-decoration:underline}.saved-actions button:hover{color:var(--ink)}.saved-empty{background:var(--card);border:1px dashed var(--edge);color:var(--dim);text-align:center;border-radius:13px;margin:0;padding:20px 16px;font-size:13px;line-height:1.55}.packs{border:1px solid var(--edge);border-radius:13px;flex-direction:column;gap:9px;padding:13px;display:flex}.packs-label{color:var(--ink);font-size:13px;font-weight:700}.pack-buttons{flex-wrap:wrap;gap:7px;display:flex}.pack{background:var(--card);border:1px solid var(--edge);color:var(--ink);border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:13px;display:flex}.pack:hover{border-color:var(--accent)}.pack-count{background:var(--edge);color:var(--dim);border-radius:999px;padding:1px 7px;font-size:11px}.packs-hint{color:var(--dim);margin:0;font-size:12px;line-height:1.5}.scrim{z-index:10;background:#0a0a12b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{border:1px solid var(--edge);background:#1a1a2b;border-radius:16px;flex-direction:column;gap:13px;width:100%;max-width:440px;max-height:90vh;padding:20px;display:flex;overflow-y:auto}.dialog.narrow{max-width:380px}.dialog h2{margin:0;font-size:18px}.dialog-body{color:var(--dim);margin:0;font-size:13.5px;line-height:1.6}.dialog-sub{color:var(--dim);margin:-8px 0 0;font-size:13px}.picks{flex-direction:column;gap:9px;display:flex}.pick{background:var(--card);border:1px solid var(--edge);cursor:pointer;border-radius:12px;gap:11px;padding:12px 13px;display:flex}.pick.on{border-color:var(--good)}.pick input{accent-color:var(--good);flex:none;width:auto;margin-top:3px}.pick-title{font-size:14px;font-weight:700;display:block}.pick-hint{color:var(--dim);margin-top:3px;font-size:12.5px;line-height:1.5;display:block}.toggle{background:var(--card);border:1px solid var(--edge);cursor:pointer;border-radius:12px;gap:11px;padding:12px 13px;display:flex}.toggle.on{border-color:var(--good)}.toggle input{accent-color:var(--good);flex:none;width:auto;margin-top:3px}.toggle-title{font-size:14px;font-weight:700;display:block}.toggle-hint{color:var(--dim);margin-top:3px;font-size:12.5px;line-height:1.5;display:block}.dialog-warn{color:var(--dim);margin:0;font-size:12px;line-height:1.5}.dialog-problem{color:var(--bad);margin:0;font-size:13px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.legal{border-top:1px solid var(--edge);color:var(--dim);text-align:center;margin:10px 0 0;padding-top:14px;font-size:12px}.legal a{color:var(--accent)}@media (width<=860px){.split{grid-template-columns:minmax(0,1fr)}.collected{position:static}}