*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;background:#c4471b;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}input,select,button,textarea{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}[data-theme=sunset]{--quiz-bg: linear-gradient(160deg, #b8235a 0%, #c4471b 100%);--quiz-text: #ffffff;--quiz-muted: #fff8f4;--heading-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading-style: normal;--heading-transform: none;--heading-color: #ffffff;--heading-shadow: none;--tile-bg: rgba(0, 0, 0, .16);--tile-text: #ffffff;--tile-border: rgba(255, 255, 255, .35);--tile-shadow: none;--tile-selected-bg: #ffffff;--tile-selected-text: #b8235a;--tile-selected-border: transparent;--tile-selected-shadow: 0 6px 16px rgba(0, 0, 0, .18);--tile-selected-transform: rotate(-2deg);--next-bg: #ffffff;--next-text: #b8235a;--next-border: transparent;--next-shadow: 0 6px 16px rgba(0, 0, 0, .15);--progress-track: rgba(255, 255, 255, .3);--progress-fill: #ffffff;--input-bg: #ffffff;--input-text: #2b2227;--input-border: transparent;--error-bg: #ffffff;--error-text: #a3123f;--radius: 16px;--body-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--confetti-1: #ffffff;--confetti-2: #ffd23f;--confetti-3: #ff8fab}[data-theme=sticker]{--quiz-bg: #fff4e8;--quiz-text: #2b1d3a;--quiz-muted: #5c4a6b;--heading-font: "Trebuchet MS", system-ui, sans-serif;--heading-style: normal;--heading-transform: none;--heading-color: #2b1d3a;--heading-shadow: none;--tile-bg: #ffffff;--tile-text: #2b1d3a;--tile-border: #2b1d3a;--tile-shadow: 3px 3px 0 #2b1d3a;--tile-selected-bg: #ffd23f;--tile-selected-text: #2b1d3a;--tile-selected-border: #2b1d3a;--tile-selected-shadow: 1px 1px 0 #2b1d3a;--tile-selected-transform: translate(2px, 2px);--next-bg: #ff5c8a;--next-text: #2b1d3a;--next-border: #2b1d3a;--next-shadow: 3px 3px 0 #2b1d3a;--progress-track: #f3dcc6;--progress-fill: #ff5c8a;--input-bg: #ffffff;--input-text: #2b1d3a;--input-border: #2b1d3a;--error-bg: #ffe1e8;--error-text: #8c0f33;--radius: 14px;--body-font: "Trebuchet MS", system-ui, sans-serif;--confetti-1: #ff5c8a;--confetti-2: #ffd23f;--confetti-3: #2b1d3a}[data-theme=night]{--quiz-bg: radial-gradient(circle at 30% 10%, #3b1d4f 0%, #140c1c 70%);--quiz-text: #fbeaf2;--quiz-muted: #d9c3cf;--heading-font: Georgia, "Times New Roman", serif;--heading-style: italic;--heading-transform: none;--heading-color: #fbeaf2;--heading-shadow: none;--tile-bg: rgba(255, 255, 255, .07);--tile-text: #fbeaf2;--tile-border: rgba(255, 255, 255, .18);--tile-shadow: none;--tile-selected-bg: linear-gradient(135deg, #ff7aa2, #ffb36b);--tile-selected-text: #1a0f20;--tile-selected-border: transparent;--tile-selected-shadow: 0 0 18px rgba(255, 122, 162, .5);--tile-selected-transform: none;--next-bg: linear-gradient(135deg, #ff7aa2, #ffb36b);--next-text: #1a0f20;--next-border: transparent;--next-shadow: 0 0 18px rgba(255, 122, 162, .35);--progress-track: rgba(255, 255, 255, .15);--progress-fill: linear-gradient(90deg, #ff7aa2, #ffb36b);--input-bg: rgba(255, 255, 255, .95);--input-text: #1a0f20;--input-border: transparent;--error-bg: #3d1424;--error-text: #ffc2d4;--radius: 16px;--body-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--confetti-1: #ff7aa2;--confetti-2: #ffb36b;--confetti-3: #fbeaf2}[data-theme=picnic]{--quiz-bg: linear-gradient(45deg, rgba(200, 60, 60, .1) 25%, transparent 25%, transparent 75%, rgba(200, 60, 60, .1) 75%) 0 0 / 32px 32px, linear-gradient(45deg, rgba(200, 60, 60, .1) 25%, transparent 25%, transparent 75%, rgba(200, 60, 60, .1) 75%) 16px 16px / 32px 32px, #eef3e2;--quiz-text: #2f3b22;--quiz-muted: #4f5c40;--heading-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading-style: normal;--heading-transform: none;--heading-color: #2f3b22;--heading-shadow: none;--tile-bg: #fffdf6;--tile-text: #2f3b22;--tile-border: #d9cfb5;--tile-shadow: 0 2px 0 #d9cfb5;--tile-selected-bg: #4a6b26;--tile-selected-text: #ffffff;--tile-selected-border: #4a6b26;--tile-selected-shadow: none;--tile-selected-transform: none;--next-bg: #b8322a;--next-text: #ffffff;--next-border: transparent;--next-shadow: none;--progress-track: #d4dcc2;--progress-fill: #4a6b26;--input-bg: #fffdf6;--input-text: #2f3b22;--input-border: #d9cfb5;--error-bg: #fbe3e1;--error-text: #8a1f18;--radius: 22px;--body-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--confetti-1: #b8322a;--confetti-2: #4a6b26;--confetti-3: #f2c14e}[data-theme=arcade]{--quiz-bg: linear-gradient(transparent 70%, rgba(255, 0, 170, .18)), repeating-linear-gradient(90deg, rgba(0, 229, 255, .1) 0 1px, transparent 1px 28px), #120b2e;--quiz-text: #ffffff;--quiz-muted: #c9c3e6;--heading-font: "Courier New", ui-monospace, monospace;--heading-style: normal;--heading-transform: uppercase;--heading-color: #ffde59;--heading-shadow: 2px 2px 0 #ff00aa;--tile-bg: transparent;--tile-text: #00e5ff;--tile-border: #00e5ff;--tile-shadow: none;--tile-selected-bg: #ff00aa;--tile-selected-text: #120b2e;--tile-selected-border: #ff00aa;--tile-selected-shadow: 0 0 14px #ff00aa;--tile-selected-transform: none;--next-bg: #ffde59;--next-text: #120b2e;--next-border: transparent;--next-shadow: 0 0 12px rgba(255, 222, 89, .5);--progress-track: #2b2357;--progress-fill: #00e5ff;--input-bg: #1d1447;--input-text: #ffffff;--input-border: #00e5ff;--error-bg: #3a0a2c;--error-text: #ffb3e3;--radius: 4px;--body-font: "Courier New", ui-monospace, monospace;--confetti-1: #00e5ff;--confetti-2: #ff00aa;--confetti-3: #ffde59}.quiz{min-height:100dvh;background:var(--quiz-bg);color:var(--quiz-text);font-family:var(--body-font);display:flex;flex-direction:column}.quiz-inner{width:100%;max-width:520px;margin:0 auto;padding:16px 16px 0;display:flex;flex-direction:column;flex:1}.quiz-top{display:flex;flex-direction:column;gap:4px;padding-top:12px}.back-row{min-height:44px;display:flex;align-items:center}.back-button{background:none;border:none;color:var(--quiz-text);padding:8px 4px;min-height:44px;cursor:pointer;font-weight:600;opacity:.85}.progress{height:8px;border-radius:999px;background:var(--progress-track);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--progress-fill);transition:width .3s ease}.quiz-step{animation:step-in .25s ease;display:flex;flex-direction:column;gap:16px;padding:8px 0 16px;flex:1}@keyframes step-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.quiz-emoji{font-size:3rem;line-height:1}.quiz-title{font-family:var(--heading-font);font-style:var(--heading-style);text-transform:var(--heading-transform);color:var(--heading-color);text-shadow:var(--heading-shadow);font-size:clamp(1.7rem,7vw,2.3rem);font-weight:800;line-height:1.1}.quiz-subtitle,.quiz-hint{color:var(--quiz-muted)}.quiz-hint{font-size:.95rem}.quiz-footer{position:sticky;bottom:0;padding:12px 0 16px;display:flex;flex-direction:column;gap:10px}.next-button{width:100%;min-height:54px;border-radius:var(--radius);border:2px solid var(--next-border);background:var(--next-bg);color:var(--next-text);box-shadow:var(--next-shadow);font-weight:800;font-size:1.1rem;cursor:pointer;font-family:var(--heading-font);text-transform:var(--heading-transform);transition:transform .1s ease}.next-button:active:not(:disabled){transform:translate(1px,1px)}.next-button:disabled{opacity:.5;cursor:default}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-grid.cols-7{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.tile{min-height:56px;padding:12px 8px;border-radius:var(--radius);border:2px solid var(--tile-border);background:var(--tile-bg);color:var(--tile-text);box-shadow:var(--tile-shadow);font-weight:700;font-size:1.05rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;transition:transform .12s ease,background .12s ease}.tile[aria-pressed=true]{background:var(--tile-selected-bg);color:var(--tile-selected-text);border-color:var(--tile-selected-border);box-shadow:var(--tile-selected-shadow);transform:var(--tile-selected-transform)}.tile-hint{font-size:.8rem;font-weight:500;opacity:.9}.tile.compact{min-height:48px;padding:8px 2px;font-size:.9rem}.tile.struck{text-decoration:line-through;opacity:.6}.tile:focus-visible,.next-button:focus-visible,.back-button:focus-visible,.text-input:focus-visible,.link-button:focus-visible{outline:3px solid var(--quiz-text);outline-offset:2px}.text-input{width:100%;min-height:54px;padding:12px 16px;border-radius:var(--radius);border:2px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-size:1.15rem}.text-input::placeholder{color:var(--input-text);opacity:.65}select.text-input{font-size:1.05rem}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1;min-width:0}.stepper{display:flex;align-items:center;justify-content:center;gap:16px}.stepper-value{font-size:1.4rem;font-weight:800;min-width:140px;text-align:center}.stepper .tile{min-width:56px;flex:0 0 auto}.link-button{background:none;border:none;color:var(--quiz-text);text-decoration:underline;padding:8px 0;cursor:pointer;align-self:flex-start;font-weight:600}.error-box{background:var(--error-bg);color:var(--error-text);border-radius:var(--radius);padding:10px 14px;font-weight:600}.section-title{font-weight:700;font-size:1.05rem}.card{background:var(--input-bg);color:var(--input-text);border:2px solid var(--input-border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.card ul{margin:0;padding-left:20px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.big-emoji{font-size:4.5rem;text-align:center;line-height:1;margin-top:24px}.center{text-align:center}.site-footer{display:flex;justify-content:center;gap:16px;padding:8px 16px 20px;font-size:.85rem}.site-footer a{color:var(--quiz-muted)}.legal{display:flex;flex-direction:column;gap:14px;padding:24px 16px;color:var(--quiz-text)}.legal h1{font-family:var(--heading-font);font-size:2rem}.legal h2{font-size:1.15rem;margin-top:8px}.legal a{color:inherit}.legal ul{margin:0;padding-left:20px}.tile:has(.theme-swatch)>span:first-child{width:100%}.add-row>.tile{flex:0 0 56px}.theme-swatch{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 10px;margin-bottom:6px;border-radius:10px;background:var(--quiz-bg);border:1px solid rgba(0,0,0,.15)}.theme-swatch-title{font-family:var(--heading-font);font-style:var(--heading-style);color:var(--heading-color);text-shadow:var(--heading-shadow);font-size:1.3rem;font-weight:800}.theme-swatch-tile{width:34px;height:24px;border-radius:var(--radius);background:var(--tile-selected-bg);border:2px solid var(--tile-selected-border);box-shadow:var(--tile-selected-shadow)}.field-label{display:flex;flex-direction:column;gap:4px;font-weight:600}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.confetti span{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translate3d(var(--drift),110vh,0) rotate(720deg)}}