:root{--bg:#f7f6f3;--surface:#fff;--border:#dcd8d1;--text:#22201d;--text-muted:#6b665f;--accent:#1f4e79;--card-blue:#1f4e79;--card-pink:#b3246b;--card-green:#1a7f37;--card-orange:#b4530a;--card-purple:#6b21a8;--card-teal:#0f6e6e;--gap:1rem;--radius:10px;--tap-target:44px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.shell{max-width:44rem;padding:2rem var(--gap) 3rem;margin:0 auto}h1{color:var(--accent);margin:0;font-size:1.75rem}.tagline{color:var(--text-muted);margin:.25rem 0 2rem}.placeholder{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.placeholder p{margin:0}.privacy-note{color:var(--text-muted);margin-top:2rem;font-size:.875rem}.colour-blue{color:var(--card-blue);font-weight:600}.colour-pink{color:var(--card-pink);font-weight:600}.colour-green{color:var(--card-green);font-weight:600}.colour-orange{color:var(--card-orange);font-weight:600}.colour-purple{color:var(--card-purple);font-weight:600}.colour-teal{color:var(--card-teal);font-weight:600}.legend{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 2rem;padding:.875rem 1rem;font-size:.875rem;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:flex}.swatch{background:currentColor;border-radius:3px;width:.85rem;height:.85rem}.category{margin-bottom:2.25rem}.category h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.05rem;display:flex}.count{background:var(--border);color:var(--text);letter-spacing:0;border-radius:999px;padding:.05rem .5rem;font-size:.8rem;font-weight:400}.empty{color:var(--text-muted);margin:0;font-style:italic}.card-grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:.875rem 1rem .75rem;display:flex}.card-open{text-align:left;width:100%;min-height:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:block}.card-open:hover{filter:none;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.move-row{border-top:1px solid var(--border);flex-wrap:wrap;gap:.3rem;margin-top:.7rem;padding-top:.6rem;display:flex}.move-chip{min-height:2rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:0 .6rem;font-size:.78rem;font-weight:400}.move-chip:hover{filter:none;color:var(--accent);border-color:var(--accent)}.card-portuguese{white-space:pre-wrap;margin-bottom:.2rem;font-size:1.15rem;display:block}.card-english{color:var(--text-muted);white-space:pre-wrap;font-size:.9rem;display:block}.warning{border:1px solid var(--card-orange);border-radius:var(--radius);background:#fdf1e3;margin-bottom:1.5rem;padding:.875rem 1rem}button{min-height:var(--tap-target);font:inherit;color:var(--surface);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;padding:0 1.1rem;font-weight:500}button:hover{filter:brightness(1.12)}button:focus-visible{outline:3px solid var(--card-orange);outline-offset:2px}button.secondary{color:var(--accent);background:var(--surface)}.button-row{flex-wrap:wrap;gap:.6rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:2.5rem;padding:1.25rem}.panel h2{margin:0 0 .5rem;font-size:1.05rem}.panel-intro{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem}.notice{border-radius:var(--radius);margin:1rem 0 0;padding:.75rem 1rem;font-size:.9rem}.notice.warning{border:1px solid var(--card-orange);background:#fdf1e3}.notice.success{border:1px solid var(--card-green);background:#e9f5ec}.confirm{border:2px solid var(--card-orange);border-radius:var(--radius);background:var(--bg);margin-top:1rem;padding:1rem}.confirm p{margin:0 0 .6rem}.confirm code{word-break:break-all;font-size:.85rem}.toolbar{margin-bottom:1.5rem}.editor{margin-top:0;margin-bottom:2rem}.side-editor{margin-bottom:1.5rem}.field-label{margin-bottom:.3rem;font-size:.9rem;font-weight:600;display:block}textarea,select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;padding:.6rem .7rem;font-size:1.05rem}select{min-height:var(--tap-target)}textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.field{margin-bottom:1.25rem}.accent-row{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.accent{min-width:var(--tap-target);min-height:2.25rem;color:var(--text);background:var(--bg);border:1px solid var(--border);padding:0 .5rem;font-size:1.05rem}.colour-row{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.swatch-button{background:var(--surface);border:1px solid var(--border);align-items:center;gap:.4rem;min-height:2.25rem;padding:0 .7rem;font-size:.85rem;display:flex}.swatch-button:disabled,button:disabled{opacity:.45;cursor:not-allowed}.swatch-label{color:var(--text);font-weight:400}button.small{min-height:2.25rem;padding:0 .7rem;font-size:.85rem}button.danger{color:var(--surface);background:#a3232a;border-color:#a3232a}.hint{color:var(--text-muted);margin:.4rem 0 0;font-size:.85rem}.preview{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius);white-space:pre-wrap;margin:.6rem 0 0;padding:.6rem .75rem;font-size:1.1rem}.category-admin{margin:0 0 1.25rem;padding:0;list-style:none}.category-admin>li{margin-bottom:.5rem}.category-admin-row{align-items:center;gap:.4rem;display:flex}.category-admin-row input{min-width:0;min-height:var(--tap-target);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:8rem;padding:.4rem .6rem}.add-category{gap:.5rem;display:flex}.add-category input{min-width:0;min-height:var(--tap-target);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:auto;padding:.4rem .6rem}.confirm select{margin-bottom:.75rem}.study{flex-direction:column;min-height:calc(100dvh - 4rem);display:flex}.study-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.progress{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.study-card{text-align:center;background:var(--surface);width:100%;min-height:11rem;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;cursor:pointer;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:1rem;padding:2rem 1.25rem;display:flex}.study-card.revealed{cursor:default}.study-card hr{border:none;border-top:2px solid var(--border);width:3rem;margin:0}.study-front{white-space:pre-wrap;margin:0;font-size:1.9rem;line-height:1.3;display:block}.study-back{color:var(--text-muted);white-space:pre-wrap;margin:0;font-size:1.4rem;display:block}.study-tap-hint{color:var(--text-muted);font-size:.85rem}.study-controls{margin-top:1rem}.study-question{color:var(--text-muted);text-align:center;margin:0 0 .5rem;font-size:.9rem}button.reveal{width:100%;min-height:3.25rem;font-size:1.05rem}.study-answers{flex-direction:column;gap:.5rem;display:flex}.study-answers button{justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:3.25rem;font-size:1rem;display:flex}.study-answers .current{border-color:var(--accent)}.current-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--surface);background:var(--accent);border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.study-setup .field,.study-done p{margin-bottom:1.25rem}.search-field{margin-bottom:1.5rem}.search-field input{width:100%;min-height:var(--tap-target);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;font-size:1.05rem}.search-field input:focus{outline:2px solid var(--accent);outline-offset:1px}.search-summary{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem}.panel h3{margin:1.25rem 0 .3rem;font-size:.95rem}.panel h3:first-of-type{margin-top:0}.colour-settings{margin:0;padding:0;list-style:none}.colour-settings li{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.colour-settings input{min-width:0;min-height:var(--tap-target);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:auto;padding:.4rem .6rem}.colour-settings .swatch{flex:none;width:1.1rem;height:1.1rem}.choice{border-top:1px solid var(--border);margin:0 0 1rem;padding-top:.85rem}.choice-detail{color:var(--text-muted);margin:.5rem 0 0;font-size:.85rem}