:root{--ink: #0B1F3A;--paper: #F7F5EF;--signal: #B8341B;--rule: #1A1A1A;--muted: #5C5C5C;--card: #FFFFFF;--line: #CFC9BA;--soft: #EFECE3;--serif: "Fraunces", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif}html{font-size:18px;-webkit-text-size-adjust:100%}html[data-size="1"]{font-size:21px}html[data-size="2"]{font-size:24px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--rule);font:1rem/1.55 var(--sans)}.shell{min-height:100dvh;display:flex;flex-direction:column}.spacer{flex:1}.muted{color:var(--muted)}.banner{background:var(--ink);color:#fff;text-align:center;font-size:.8rem;padding:.35rem 1rem}.bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top))}.brand{font:600 1rem var(--serif);color:var(--ink)}.brand span{color:var(--signal)}.sizer{display:inline-flex;border:1.5px solid var(--ink);border-radius:.5rem;overflow:hidden}.sizer button{border:0;border-radius:0;background:transparent;color:var(--ink);min-width:2.75rem;min-height:2.75rem;padding:0 .6rem;font-weight:700;font-size:.85rem}.sizer button.bigger{font-size:1.05rem;border-left:1.5px solid var(--ink)}.sizer button:disabled{opacity:.35}.end{background:transparent;color:var(--ink);border:1.5px solid var(--line);border-radius:.5rem;min-height:2.75rem;padding:0 .8rem;font-size:.85rem}.progress{height:.35rem;background:var(--soft)}.progress>div{height:100%;background:var(--ink);transition:width .3s ease}main{width:100%;max-width:40rem;margin:0 auto;padding:1.5rem 1rem calc(3rem + env(safe-area-inset-bottom));flex:1}h1{font:600 1.6rem/1.2 var(--serif);color:var(--ink);letter-spacing:-.01em;margin:.5rem 0 1rem}h1.question{font-size:1.22rem;line-height:1.35;font-weight:500;white-space:pre-wrap}h1.statement{font-size:1.22rem;line-height:1.45;font-weight:500;white-space:pre-wrap}h1:focus{outline:none}h2{font:600 1.25rem var(--serif);color:var(--ink);margin:0 0 .5rem}.lead{font-size:1.1rem}.media{display:block;max-width:100%;max-height:50vh;border-radius:.6rem;border:1px solid var(--line);margin:0 0 1rem}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.primary,.secondary,.danger{min-height:3.2rem;padding:0 1.4rem;border-radius:.6rem;font-weight:500;font-size:1rem;border:1.5px solid var(--ink)}.primary{background:var(--ink);color:#fff;flex:1 1 12rem}.primary:disabled{opacity:.4}.secondary{background:transparent;color:var(--ink)}.danger{background:var(--signal);border-color:var(--signal);color:#fff}.link{background:none;border:0;color:var(--ink);text-decoration:underline;padding:0}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.field{display:block;font-weight:500;margin-top:1rem}.field select,.field textarea{display:block;width:100%;margin-top:.4rem;font:inherit;font-weight:400;padding:.7rem;border:1.5px solid var(--line);border-radius:.6rem;background:#fff;color:var(--rule)}.field textarea{resize:vertical}.consent{background:var(--card);border:1px solid var(--line);border-radius:.6rem;padding:.4rem 1rem;max-height:50vh;overflow-y:auto}.consent p{margin:.7rem 0}.check{display:flex;align-items:flex-start;gap:.7rem;margin-top:1.2rem;font-weight:500;cursor:pointer}.check input{width:1.5rem;height:1.5rem;flex:none;margin-top:.1rem;accent-color:var(--ink)}.options{border:0;padding:0;margin:0;display:grid;gap:.6rem}.options legend{padding:0;margin-bottom:.6rem;color:var(--muted);font-size:.9rem}.option{display:flex;align-items:center;gap:.8rem;min-height:3.2rem;padding:.7rem .9rem;background:var(--card);border:1.5px solid var(--line);border-radius:.6rem;cursor:pointer}.option.on{border-color:var(--ink);background:var(--soft)}.option input{width:1.35rem;height:1.35rem;flex:none;accent-color:var(--ink)}.option:focus-within{outline:3px solid var(--signal);outline-offset:2px}.rank .help{color:var(--muted);font-size:.9rem;margin:0 0 .6rem}.rank ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.rank li{display:flex;align-items:center;gap:.6rem;min-height:3.2rem;padding:.4rem .5rem .4rem .8rem;background:var(--card);border:1.5px solid var(--line);border-radius:.6rem}.rank li.dragging{border-color:var(--ink);box-shadow:0 4px 14px #0b1f3a26;position:relative;z-index:1}.rank li.dimmed{opacity:.55}.rank .pos{font-weight:700;color:var(--ink);min-width:1.4rem}.rank .grip{color:var(--muted);cursor:grab;touch-action:none;letter-spacing:-2px;padding:.4rem .2rem}.rank .label{flex:1;min-width:0}.rank button{min-width:2.75rem;min-height:2.75rem;border:1.5px solid var(--line);border-radius:.5rem;background:#fff;color:var(--ink);font-size:1rem}.rank button:disabled{opacity:.3}.error{background:#fbedea;border:1px solid #E7B9AE;color:#7a2212;padding:.7rem .9rem;border-radius:.6rem;margin-top:1rem}dialog{border:0;border-radius:.8rem;padding:1.4rem;max-width:min(26rem,calc(100vw - 2rem));color:var(--rule);font:inherit}dialog::backdrop{background:#0b1f3a8c}dialog .actions{margin-top:1.2rem}@media (prefers-reduced-motion: reduce){.progress>div{transition:none}}