*{box-sizing:border-box}body{background:var(--paper,Canvas);color:var(--ink,CanvasText);font:16px/1.5 var(--sans,system-ui);margin:0}main{max-width:1000px;margin:auto;padding:24px}header{border-bottom:1px solid var(--line,#aaa);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-bottom:20px;display:flex}header strong{letter-spacing:.08em}header span{color:var(--muted,#555)}section,article{border:1px solid var(--line,#aaa);border-radius:8px;margin:24px 0;padding:20px}h1{font-size:clamp(25px,4vw,38px)}label{margin:15px 0;display:block}input,button,select,textarea{font:inherit;border:1px solid var(--line,#888);background:var(--paper,Canvas);max-width:100%;color:inherit;border-radius:4px;padding:12px}input,textarea{width:100%;margin-top:6px;display:block}button{cursor:pointer;min-height:48px;margin:4px 8px 4px 0}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--accent,#d54b29);outline-offset:3px}.primary{background:var(--ink,#252823);color:var(--paper,#fff)}.result{border:3px solid var(--ink,#333);padding:16px;font-size:22px;font-weight:700}.result[data-good=true]{border-color:#237039}.result[data-good=false]{border-color:#ab4e17}.muted{color:var(--muted,#555)}.count{font-size:40px;font-weight:700}table{border-collapse:collapse;width:100%}td,th{text-align:left;vertical-align:top;border-bottom:1px solid var(--line,#aaa);padding:10px}video{background:#222;max-width:100%;max-height:40vh;display:block}.secret{overflow-wrap:anywhere}ul{padding-left:20px}@media (max-width:600px){main{padding:12px}section,article{padding:14px}table{font-size:13px}td,th{padding:6px}}