:root,[data-theme=light]{--paper: #fbf6ee;--paper-raised: #f4eadb;--rule: #e6d9c6;--rule-strong: #c9b59b;--ink: #3a302a;--ink-muted: #6f6054;--ink-faint: #958575;--accent: #e8b4a0;--on-accent: #3a302a;--accent-ink: #955238;--focus: var(--accent-ink);--correct: #cfe3c8;--wrong: #f3c9c4}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #221e1b;--paper-raised: #2d2824;--rule: #3a332d;--rule-strong: #5a5047;--ink: #f1e7da;--ink-muted: #b3a596;--ink-faint: #8c7f72;--accent: #c98e7a;--on-accent: #221e1b;--accent-ink: #f2c6b4;--focus: var(--accent-ink);--correct: #3e5a3a;--wrong: #6a3b37}}[data-theme=dark]{color-scheme:dark;--paper: #221e1b;--paper-raised: #2d2824;--rule: #3a332d;--rule-strong: #5a5047;--ink: #f1e7da;--ink-muted: #b3a596;--ink-faint: #8c7f72;--accent: #c98e7a;--on-accent: #221e1b;--accent-ink: #f2c6b4;--focus: var(--accent-ink);--correct: #3e5a3a;--wrong: #6a3b37}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--gutter: 28px;--measure: 34rem;--radius-none: 0;--radius-sm: 4px;--radius-full: 999px;--touch-min: 48px;--row-min: 56px;--dot: 6px;--hairline: 1px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-text: "Newsreader", Georgia, "Times New Roman", serif}.wordmark{font-family:var(--font-display);font-size:88px;line-height:1;font-weight:300;font-style:italic;letter-spacing:-.02em}.clue{font-family:var(--font-display);font-size:27px;line-height:1.35;font-weight:350}.clue-wide{font-family:var(--font-display);font-size:32px;line-height:1.3;font-weight:350}.menu-primary{font-family:var(--font-display);font-size:28px;line-height:1.2;font-weight:400}.score{font-family:var(--font-display);font-size:64px;line-height:1;font-weight:300}.answer{font-family:var(--font-text);font-size:21px;line-height:1.3;font-weight:400}.body{font-family:var(--font-text);font-size:17px;line-height:1.5;font-weight:400}.tip{font-family:var(--font-text);font-size:17px;line-height:1.5;font-weight:400;font-style:italic}.meta{font-family:var(--font-text);font-size:15px;line-height:1.4;font-weight:400}.label{font-family:var(--font-text);font-size:13px;line-height:1.3;font-weight:400;letter-spacing:.16em}.letter{font-family:var(--font-text);font-size:14px;line-height:1.3;font-weight:500}html{background:var(--paper);font-size:100%;-webkit-text-size-adjust:100%}html[data-size=l]{font-size:112.5%}html[data-size=xl]{font-size:125%}body{margin:0;font-family:var(--font-text);background:var(--paper);color:var(--ink)}*{box-sizing:border-box}button,input,textarea{font:inherit;color:inherit}a{color:var(--ink);text-decoration-color:var(--rule-strong);text-underline-offset:.25rem}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen{max-width:var(--measure);min-height:100vh;min-height:100dvh;margin:0 auto;padding:1.25rem var(--gutter) 1.5rem;display:flex;flex-direction:column;gap:var(--space-5)}@media(max-width:359px){.screen{padding-inline:var(--space-4)}}@media(min-width:768px)and (min-height:600px){.screen{justify-content:center;padding-block:3rem}.screen .grow{flex-grow:0}}.grow{flex-grow:1}.rule{height:var(--hairline);background:var(--rule);flex:none}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.fade{animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}html[data-motion=on] .fade{animation:none}@media(prefers-reduced-motion:reduce){html:not([data-motion=off]) .fade{animation:none}}.label{font-size:.8125rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-weight:400}.meta{font-size:.9375rem;line-height:1.4;color:var(--ink-muted);margin:0}.body{font-size:1.0625rem;line-height:1.5;margin:0}h1{font-family:var(--font-display);font-weight:350;font-size:2rem;line-height:1.2;margin:0;text-wrap:balance}.link{background:transparent;border:0;padding:.75rem .25rem;min-height:var(--touch-min);cursor:pointer;font-size:.9375rem;color:var(--ink-muted);text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:.25rem}.link:hover{color:var(--ink)}.topbar{display:flex;justify-content:space-between;align-items:center;margin:-.75rem 0 -1rem -.25rem}.progress{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:.9375rem;color:var(--ink-muted);font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:5px;align-items:center}.dot{width:var(--dot);height:var(--dot);border-radius:var(--radius-full);background:var(--rule)}.dot.done{background:var(--ink)}.dot.now{background:var(--accent);box-shadow:0 0 0 1px var(--accent-ink)}.clue{margin:0;font-family:var(--font-display);font-size:1.6875rem;line-height:1.35;font-weight:350;text-wrap:pretty}@media(min-width:768px){.clue{font-size:2rem;line-height:1.3}}.tip{margin:0;font-size:1.0625rem;line-height:1.5;font-style:italic;color:var(--ink-muted)}.tip-label{font-style:normal;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin-right:var(--space-2)}.answers{display:flex;flex-direction:column;border-bottom:var(--hairline) solid var(--rule)}.answer{font-size:1.3125rem;line-height:1.3;background:transparent;border:0;border-top:var(--hairline) solid var(--rule);min-height:var(--row-min);padding:var(--space-4) var(--space-1);display:flex;align-items:baseline;gap:1.125rem;text-align:left;width:100%;cursor:pointer;transition:background-color .15s ease}.answer:hover:not(:disabled){background:var(--paper-raised)}.answer:disabled{cursor:default}.answer .letter{font-size:.875rem;font-weight:500;color:var(--accent-ink);width:.875rem;flex:none}.answer .name{flex:1;min-width:0;overflow-wrap:anywhere}.answer .note{display:inline-flex;align-items:center;gap:6px;font-size:.9375rem;align-self:center;white-space:nowrap}.answer.eliminated{color:var(--ink-faint);text-decoration:line-through}.answer.eliminated .letter{color:var(--ink-faint)}.answer.correct,.answer.wrong{color:var(--ink);padding-inline:var(--space-3);margin-inline:calc(var(--space-1) - var(--space-3));width:auto}.answer.correct{background:var(--correct)}.answer.wrong{background:var(--wrong)}.answer.correct .letter,.answer.wrong .letter{color:var(--ink)}.answer.dimmed,.answer.dimmed .letter{color:var(--ink-muted)}@media(prefers-reduced-motion:reduce){.answer{transition:none}}.helpbar{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.help{font-size:1rem;background:transparent;border:0;min-height:var(--touch-min);padding:.75rem .875rem;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:5px}.help:hover:not(:disabled){text-decoration-color:var(--ink)}.help.used{color:var(--ink-faint);text-decoration:line-through;text-decoration-color:currentColor;cursor:default}.help:disabled:not(.used){color:var(--ink-muted);cursor:default}.feedback{display:flex;flex-direction:column;gap:var(--space-3)}.next{font-family:var(--font-display);font-size:1.5rem;background:transparent;border:0;min-height:var(--touch-min);padding:.5rem .25rem;cursor:pointer;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:7px}.menu{justify-content:space-between;text-align:center}@media(min-width:768px)and (min-height:600px){.menu{justify-content:center;gap:var(--space-7)}}.wordmark{font-family:var(--font-display);font-size:5.5rem;line-height:1;font-weight:300;font-style:italic;letter-spacing:-.02em;margin:0}.tagline{margin:var(--space-3) 0 0;font-size:1.0625rem;font-style:italic;color:var(--ink-muted)}.divider{width:48px;height:var(--hairline);background:var(--rule-strong);margin:var(--space-6) auto}.menu-links{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.menu-link{font-size:1.3125rem;line-height:1.3;background:transparent;border:0;min-height:var(--touch-min);padding:.625rem 1.5rem;cursor:pointer}.menu-link:hover{background:var(--paper-raised)}.menu-link.primary{font-family:var(--font-display);font-size:1.75rem;line-height:1.2;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:8px}.menu-link.primary:hover{background:transparent;text-decoration-color:var(--accent-ink)}.notice{margin:0;font-size:.9375rem;line-height:1.4;font-style:italic;color:var(--ink-muted)}.score{font-family:var(--font-display);font-size:4rem;line-height:1;font-weight:300;margin:0}.results{list-style:none;margin:0;padding:0;border-bottom:var(--hairline) solid var(--rule)}.results li{border-top:var(--hairline) solid var(--rule)}.results button{font-size:1.0625rem;background:transparent;border:0;width:100%;min-height:var(--touch-min);padding:.625rem var(--space-1);display:flex;gap:var(--space-3);align-items:baseline;text-align:left;cursor:pointer}.results button:hover{background:var(--paper-raised)}.results .mark{width:16px;flex:none;align-self:center;display:inline-flex}.results .main{flex:1;min-width:0}.results .side{font-size:.9375rem;color:var(--ink-muted);text-align:right}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.actions .menu-link{padding-left:.25rem}.verdict{margin:0;font-size:1.0625rem;display:flex;flex-direction:column;gap:.25rem}.verdict span{display:inline-flex;gap:.375rem;align-items:center}.path{margin:0;font-size:1.0625rem;line-height:1.5;padding-left:var(--space-4);border-left:2px solid var(--accent)}.cards{display:flex;flex-direction:column;gap:var(--space-2)}.card{background:var(--paper-raised);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.card-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:baseline;font-size:1.1875rem}.card .tag{font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}.card.answer-card{box-shadow:inset 3px 0 0 var(--correct)}.draft-note{font-size:.8125rem;color:var(--ink-muted);border-top:var(--hairline) dashed var(--rule-strong);padding-top:var(--space-3);margin:0}.table{width:100%;border-collapse:collapse;font-size:1.0625rem}.table th,.table td{text-align:left;padding:.625rem .25rem;border-top:var(--hairline) solid var(--rule);font-weight:400;vertical-align:baseline}.table td{text-align:right;font-variant-numeric:tabular-nums}.table th{color:var(--ink-muted)}.seg{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.seg legend{font-size:1.0625rem;padding:0;margin-bottom:var(--space-2)}.seg button,.btn{font-size:1rem;background:transparent;border:var(--hairline) solid var(--rule-strong);min-height:2.75rem;padding:.375rem .875rem;cursor:pointer}.seg button[aria-pressed=true]{background:var(--paper-raised);border-color:var(--ink-muted)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.box{border:var(--hairline) dashed var(--rule-strong);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.report{display:flex;flex-direction:column;gap:var(--space-3);border-top:var(--hairline) solid var(--rule);padding-top:var(--space-4)}.report fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.report legend{font-size:1.0625rem;margin-bottom:var(--space-2);padding:0}.report label.choice{display:flex;gap:var(--space-3);align-items:center;min-height:2.75rem;font-size:1rem;cursor:pointer}.report input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--accent-ink);margin:0}.report textarea{width:100%;min-height:5rem;resize:vertical;background:var(--paper);border:var(--hairline) solid var(--rule-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:1rem}.error{color:var(--accent-ink);font-size:.9375rem;margin:0}.toast{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:var(--paper);font-size:.9375rem;padding:.625rem 1rem;border-radius:var(--radius-sm);max-width:calc(100vw - 2rem);z-index:10}
