:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f0e1;--surface:#fffaf0;--border:#d9cfbb;--text:#2b2118;--text-muted:#5b4b39;--accent:#7a3e1d;--accent-hover:#633015;--on-accent:#fff;--focus:#2456a6;--hover-tint:#efe5d1;--no-bg:#e6e2dc;--no-border:#8a837a;--no-hover:#d8d2c9;--somewhat-bg:#f7e0a8;--somewhat-border:#b7791f;--somewhat-hover:#f1d38a;--yes-bg:#d2e6c9;--yes-border:#3f7d3a;--yes-hover:#c0dcb4;--answer-text:#2b2118;--star-gold:#c98a0b;--star-empty:#8a837a;--progress-track:#e4dac6;--progress-fill:#7a3e1d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161a22;--surface:#1f2430;--border:#363d4d;--text:#ece6d9;--text-muted:#b5ad9e;--accent:#e0a458;--accent-hover:#ebb877;--on-accent:#1b1712;--focus:#8ab4ff;--hover-tint:#2a3140;--no-bg:#353a44;--no-border:#8a909c;--no-hover:#414753;--somewhat-bg:#57420f;--somewhat-border:#d9a13a;--somewhat-hover:#664e14;--yes-bg:#22432a;--yes-border:#6fb36a;--yes-hover:#2a5234;--answer-text:#f6efdd;--star-gold:#e8b33a;--star-empty:#464c5a;--progress-track:#2e3442;--progress-fill:#e0a458}:root{--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:.75rem;--bubble-radius:1.25rem}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5}body{background:var(--bg);min-height:100dvh;margin:0}h1,p{margin:0}h1{font-family:var(--font-serif);font-weight:600;line-height:1.25}h1[tabindex="-1"]:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:60rem;min-height:100dvh;padding:.75rem 1rem 1rem;padding:.75rem max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.brand{font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.app-main{flex-direction:column;flex:1;display:flex}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:2.75rem;color:var(--text);font-family:var(--font-sans);padding:.6rem 1.1rem;font-weight:600;transition:background-color .15s,border-color .15s}.button:hover{background:var(--hover-tint);border-color:var(--text-muted)}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.link-button{min-height:2.75rem;color:var(--text-muted);font-family:var(--font-sans);text-underline-offset:.2em;background:0 0;border:none;border-radius:.25rem;padding:.4rem .25rem;text-decoration:underline}.link-button:hover{color:var(--text);text-decoration-thickness:2px}.theme-toggle{border:1px solid var(--border);background:var(--surface);min-height:2.5rem;color:var(--text);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.875rem;transition:background-color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{background:var(--hover-tint);border-color:var(--text-muted)}.screen{animation:.25s ease-out fade-in}.stage{flex:1;grid-template:"bubble""side"1fr"replies"/minmax(0,1fr);row-gap:.75rem;display:grid}.bubble{border:2px solid var(--border);border-radius:var(--bubble-radius);background:var(--surface);grid-area:bubble;padding:1rem 1.15rem;position:relative}.bubble:after{content:"";border:solid var(--border);background:var(--surface);border-width:0 2px 2px 0;width:1rem;height:1rem;position:absolute;bottom:calc(-.5rem - 2px);left:2.75rem;transform:rotate(45deg)}.bubble-body{transform-origin:2.75rem 100%;animation:.15s ease-out bubble-pop}.bubble-text{overflow-wrap:break-word;font-size:1.25rem}.stage-side{grid-area:side;align-self:start;align-items:flex-end;gap:.75rem;padding-left:.25rem;display:flex}.stage-side .gobbler{flex:none;width:clamp(6rem,min(34vw,22dvh),10rem)}.progress{padding-bottom:.75rem}.progress-count{color:var(--text-muted);font-size:.875rem;font-weight:600}.stage-replies{grid-area:replies}.category-choices{grid-template-columns:1fr;gap:.5rem;display:grid}.category-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:3rem;color:var(--text);text-align:left;flex-direction:column;gap:.2rem;padding:.85rem 1.1rem;transition:background-color .15s,border-color .15s,transform .1s;display:flex}.category-button:hover{background:var(--hover-tint);border-color:var(--accent)}.category-button:active{transform:scale(.98)}.category-label{font-family:var(--font-serif);font-size:1.35rem;font-weight:600}.category-description{color:var(--text-muted);font-size:.95rem}.question-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.answer-choices{grid-template-columns:1fr;gap:.5rem;display:grid}.answer-button{border-radius:var(--radius);min-height:3rem;color:var(--answer-text);border:2px solid;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:1.05rem;font-weight:600;transition:background-color .15s,transform .1s;display:flex;position:relative}.answer-button:active{transform:scale(.97)}.key-hint{text-align:center;border:1px solid;border-radius:.3rem;min-width:1.4rem;padding:0 .3rem;font-size:.75rem;font-weight:600;line-height:1.3rem;display:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.answer-no{background:var(--no-bg);border-color:var(--no-border)}.answer-no:hover{background:var(--no-hover)}.answer-somewhat{background:var(--somewhat-bg);border-color:var(--somewhat-border)}.answer-somewhat:hover{background:var(--somewhat-hover)}.answer-yes{background:var(--yes-bg);border-color:var(--yes-border)}.answer-yes:hover{background:var(--yes-hover)}.question-nav{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.5rem;display:flex}.confirm{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:.5rem;padding:1rem;animation:.15s ease-out fade-in}.confirm-actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.verdict{--burp-x:calc(1.25rem - 33vw);--burp-y:calc(6rem + 22vw)}.verdict .bubble{text-align:center}.result-heading{color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}.stars{gap:.35rem;margin-top:.5rem;display:inline-flex}.star{width:2.5rem;height:2.5rem;display:inline-block;position:relative}.star:first-child{--i:0}.star:nth-child(2){--i:1}.star:nth-child(3){--i:2}.star:nth-child(4){--i:3}.star:nth-child(5){--i:4}.verdict .star{animation:.6s cubic-bezier(.2,.8,.3,1) both star-burp;animation-delay:calc(.1s + var(--i) * 90ms)}.star svg{width:2.5rem;height:2.5rem;display:block}.star-empty{fill:var(--star-empty)}.star-filled{position:absolute;inset:0 auto 0 0;overflow:hidden}.star-gold{fill:var(--star-gold)}.result-number{font-family:var(--font-serif);margin-top:.25rem;font-size:2rem;font-weight:600}.result-points{color:var(--text-muted);font-size:.85rem}.verdict .result-number,.verdict .result-points{animation:.3s ease-out .7s both fade-in}.result-instruction{color:var(--text-muted);font-size:.95rem}.result-actions{grid-template-columns:1fr;gap:.5rem;margin-top:.75rem;display:grid}.result-actions .button{min-height:3rem}.copy-status{min-height:1.5rem;color:var(--text-muted);margin-top:.5rem;font-size:.9rem}@media (width>=48rem){.verdict{--burp-x:calc(-11rem - (min(100vw, 60rem) - 21.5rem) / 2);--burp-y:3rem}.result-actions{grid-template-columns:1fr 1fr}}@keyframes star-burp{0%{opacity:0;transform:translate(calc(var(--burp-x) - (var(--i) - 2) * 2.85rem), var(--burp-y)) scale(.2)}15%{opacity:1}70%{opacity:1;transform:translateY(-.5rem)scale(1.15)rotate(30deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.verdict .star,.verdict .result-number,.verdict .result-points{animation:none}}.summary{text-align:left;margin-top:1.5rem}.summary>summary{cursor:pointer;border-radius:.25rem;padding:.5rem .25rem;font-weight:600}.summary>summary:hover{color:var(--accent)}.summary-list{margin:.75rem 0 0;padding:0;list-style:none}.summary-row{border-top:1px solid var(--border);gap:.75rem;padding:.75rem 0;display:flex}.summary-number{min-width:1.75rem;color:var(--text-muted);font-weight:600}.summary-body{min-width:0}.summary-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.summary-question{overflow-wrap:anywhere;margin-top:.15rem}.summary-answer{margin-top:.25rem}@media (width>=48rem){.app{padding-top:1rem}.stage{grid-template:"side bubble""side replies"/minmax(12rem,17rem) minmax(0,1fr);align-content:center;gap:1.25rem 2.5rem}.stage-side{flex-direction:column;align-self:center;align-items:center;gap:.25rem;padding-left:0}.stage-side .gobbler{width:100%}.progress{padding-bottom:0}.bubble{padding:1.5rem 1.75rem}.bubble:after{bottom:2.25rem;left:calc(-.5rem - 2px);transform:rotate(135deg)}.bubble-body{transform-origin:0 100%}.bubble-text{font-size:1.75rem}.category-choices{grid-template-columns:1fr 1fr}.answer-choices{grid-template-columns:repeat(3,1fr)}.answer-button{padding-left:2.5rem;padding-right:2.5rem}.key-hint{display:block}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes bubble-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen,.bubble-body,.confirm{animation:none}.answer-button,.category-button{transition:none}.answer-button:active,.category-button:active{transform:none}}:root,:root[data-theme=light]{--gobbler-body:#c4622d;--gobbler-belly:#dc8450;--gobbler-limb:#9c4a1f;--gobbler-horn:#a86a12;--gobbler-mouth:#3a1408;--gobbler-tongue:#e8697a;--gobbler-pupil:#1b1712;--book-cover:#2f6fd0;--book-outline:#fffaf0;--book-corner:#e0a458}:root[data-theme=dark]{--gobbler-limb:#b0561f;--gobbler-horn:#f2d9a0}.gobbler{width:100%;height:auto;display:block;overflow:visible}.gobbler-body{fill:var(--gobbler-body)}.gobbler-belly{fill:var(--gobbler-belly);opacity:.55}.gobbler-limb{fill:var(--gobbler-limb)}.gobbler-horn{fill:var(--gobbler-horn)}.gobbler-mouth{fill:var(--gobbler-mouth)}.gobbler-tongue{fill:var(--gobbler-tongue)}.gobbler-tooth,.gobbler-eye{fill:#fff}.gobbler-pupil{fill:var(--gobbler-pupil)}.gobbler-line{fill:none;stroke:var(--gobbler-mouth);stroke-width:7px;stroke-linecap:round}.book-cover{fill:var(--book-cover);stroke:var(--book-outline);stroke-width:2.5px}.book-bite-edge{fill:none;stroke:var(--book-outline);stroke-width:5px}.book-spine{fill:#000;opacity:.22}.book-pages{fill:var(--book-outline)}.book-corner{fill:var(--book-corner)}.book-crumb{fill:var(--book-cover)}.gobbler-face-reaction{opacity:0}.gobbler[data-reaction] .gobbler-face-reaction{animation:.38s step-end both gobbler-face-out}.gobbler[data-reaction] .gobbler-face-rest{animation:.38s step-end both gobbler-face-in}.gobbler[data-reaction] .gobbler-figure{transform-box:fill-box;transform-origin:50% 100%;animation:.38s ease-out both gobbler-chomp}.gobbler[data-reaction=burp] .gobbler-face-reaction,.gobbler[data-reaction=burp] .gobbler-face-rest{animation-duration:1s}.gobbler[data-reaction=burp] .gobbler-figure{animation-name:gobbler-burp;animation-duration:1s}.gobbler-eyes{transform-box:fill-box;transform-origin:50%;animation:5s infinite gobbler-blink}@keyframes gobbler-face-out{0%{opacity:1}to{opacity:0}}@keyframes gobbler-face-in{0%{opacity:0}to{opacity:1}}@keyframes gobbler-chomp{0%{transform:scale(1.06,.92)}45%{transform:scale(.96,1.05)}to{transform:none}}@keyframes gobbler-burp{0%{transform:scale(1.1,.88)}12%{transform:scale(.94,1.1)}24%,to{transform:none}}@keyframes gobbler-blink{0%,46%,50%,to{transform:none}48%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.gobbler-eyes,.gobbler[data-reaction] .gobbler-face-reaction,.gobbler[data-reaction] .gobbler-face-rest,.gobbler[data-reaction] .gobbler-figure{animation:none}}
