/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--paper:#f5efe3;--porcelain:#fffdf8;--ink:#1b2430;--muted:#625d55;--line:#d8cdbd;--cobalt:#2456a6;--persimmon:#df4c37;--persimmon-ink:#b83724;--glaze:#f4c84a;--celadon:#afc7b8;--soft-shadow:0 20px 60px #30271b1f;--font-ui:Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-editorial:"AppleMyungjo", "Noto Serif KR", "Batang", serif}*{box-sizing:border-box}html{background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px}body{background:radial-gradient(circle at 10% 12%, #df4c3714, transparent 28rem), radial-gradient(circle at 88% 78%, #2456a614, transparent 30rem), var(--paper);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible+*,a:focus-visible,summary:focus-visible){outline:3px solid var(--cobalt);outline-offset:4px}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:.75rem 1rem;font-weight:900;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.quiz-content{flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:clamp(.75rem,2vw,1.5rem);width:min(1180px,100% - clamp(40px,10vw,128px));min-height:72px;margin:0 auto;display:flex}.brand-button{cursor:pointer;letter-spacing:-.03em;background:0 0;border:0;align-items:center;gap:.62rem;min-height:44px;padding:.5rem .25rem;font-size:.92rem;font-weight:900;display:inline-flex}.brand-link{color:inherit;text-decoration:none}.brand-dot{border:5px solid var(--ink);background:var(--persimmon);border-radius:50%;width:18px;height:18px}.fun-label{color:var(--muted);letter-spacing:.12em;border:1px solid;border-radius:999px;flex:none;padding:.42rem .72rem;font-size:.7rem;font-weight:800}.site-nav{justify-content:center;align-items:center;gap:clamp(.25rem,1vw,.8rem);display:flex}.site-nav a{min-height:44px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;padding:.45rem .55rem;font-size:.76rem;font-weight:800;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--cobalt);background:#fffdf8c7}.intro-stage{grid-template-rows:minmax(560px,1fr) auto;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);column-gap:clamp(2rem,6vw,7rem);width:min(1180px,100% - clamp(40px,10vw,128px));min-height:calc(100svh - 72px);margin:0 auto;padding:clamp(3.5rem,8vh,7rem) 0 2rem;display:grid}.intro-copy{align-self:center;padding-bottom:2rem}.eyebrow,.scene-label{color:var(--persimmon-ink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1.1rem;font-size:.75rem;font-weight:900}.eyebrow:before,.scene-label:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin:0 .5rem .08rem 0;display:inline-block}.intro-copy h1{letter-spacing:-.085em;word-break:keep-all;max-width:720px;margin:0;font-size:clamp(3.45rem,6.7vw,6.7rem);font-weight:950;line-height:.98}.intro-copy h1 em{color:var(--persimmon);font-style:normal}.intro-description{max-width:560px;color:var(--muted);word-break:keep-all;margin:1.75rem 0 0;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.72}.intro-actions{align-items:center;gap:1.3rem;margin-top:2rem;display:flex}.intro-actions p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.5}.primary-button,.secondary-button{border:2px solid var(--ink);cursor:pointer;letter-spacing:-.02em;border-radius:10px;justify-content:center;align-items:center;gap:1.2rem;min-height:56px;padding:.85rem 1.35rem;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{background:var(--cobalt);box-shadow:5px 5px 0 var(--ink);color:#fff}.primary-button:not(:disabled):hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.primary-button:not(:disabled):active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.primary-button:disabled{box-shadow:none;color:#777169;cursor:not-allowed;background:#ded7cb;border-color:#aaa297}.secondary-button{box-shadow:none;background:0 0}.secondary-button:hover{background:#fffdf8b8}.start-button{min-width:242px}.dish-poster{aspect-ratio:1;place-self:center;width:min(43vw,510px);position:relative}.plate-shadow{background:var(--ink);filter:blur(1px);border-radius:50%;position:absolute;inset:17% 7% 3% 21%;transform:rotate(-7deg)}.plate-rim{border-radius:50%;place-items:center;display:grid}.plate-rim-outer{border:3px solid var(--ink);background:radial-gradient(circle at 36% 30%, #ffffffe6, transparent 12%), repeating-radial-gradient(circle, transparent 0 22px, #2456a61c 23px 24px), var(--cobalt);box-shadow:inset 0 0 0 13px var(--porcelain), inset 0 0 0 16px var(--ink);position:absolute;inset:4% 10% 10% 4%;transform:rotate(-7deg)}.plate-rim-inner{aspect-ratio:1;border:3px solid var(--ink);background:var(--porcelain);width:63%;box-shadow:inset 0 0 0 8px var(--persimmon), inset 0 0 0 11px var(--ink)}.plate-rim-inner span{color:var(--ink);font-family:var(--font-editorial);margin-top:-.1em;font-size:clamp(6rem,12vw,10.5rem);font-weight:900;line-height:1;transform:rotate(7deg)}.poster-note{z-index:2;border:2px solid var(--ink);background:var(--glaze);min-width:84px;box-shadow:4px 4px 0 var(--ink);font-family:var(--font-editorial);text-align:center;padding:.7rem .9rem;font-size:.92rem;font-weight:800;line-height:1.35;position:absolute}.note-one{top:4%;right:-2%;transform:rotate(5deg)}.note-two{background:var(--celadon);bottom:8%;left:-2%;transform:rotate(-6deg)}.poster-caption{z-index:2;border-bottom:2px solid var(--ink);letter-spacing:.16em;padding-bottom:.3rem;font-size:.65rem;font-weight:900;position:absolute;bottom:3%;right:2%}.result-teaser{border-top:1px solid var(--line);min-height:68px;color:var(--muted);letter-spacing:.02em;grid-column:1/-1;justify-content:center;align-items:center;gap:.9rem;font-size:.72rem;font-weight:800;display:flex}.result-teaser i{background:var(--persimmon);border-radius:50%;width:4px;height:4px}.quiz-stage{flex-direction:column;flex:1;width:min(920px,100% - clamp(40px,10vw,128px));margin:0 auto;padding:clamp(2rem,6vh,4.75rem) 0 3rem;display:flex}.quiz-meta{grid-template-columns:1fr auto 68px;align-items:center;gap:1.1rem;display:grid}.back-button{cursor:pointer;min-width:72px;min-height:44px;color:var(--muted);background:0 0;border:0;justify-self:start;padding:0;font-weight:800}.back-button:hover{color:var(--cobalt)}.progress-copy{align-items:baseline;gap:.7rem;display:flex}.progress-copy span{color:var(--muted);letter-spacing:.12em;font-size:.68rem;font-weight:800}.progress-copy strong{font-variant-numeric:tabular-nums;font-size:.95rem}.capacity-rim{background:radial-gradient(circle, var(--porcelain) 0 55%, transparent 57%), conic-gradient(from -90deg, var(--persimmon) var(--progress), var(--line) 0);border-radius:50%;box-shadow:inset 0 0 0 2px #1b24301f,0 5px #1b24301a}.compact-rim{--progress:0deg;aspect-ratio:1;justify-self:end;width:62px}.native-progress{-webkit-appearance:none;appearance:none;background:var(--line);border:0;border-radius:99px;width:100%;height:4px;margin:1.3rem 0 0;overflow:hidden}.native-progress::-webkit-progress-bar{background:var(--line)}.native-progress::-webkit-progress-value{background:var(--persimmon);border-radius:99px}.native-progress::-moz-progress-bar{background:var(--persimmon);border-radius:99px}.question-panel{width:100%;margin:auto;padding:clamp(3rem,8vh,6rem) 0 3rem;animation:.24s both question-in}@keyframes question-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scene-label{color:var(--cobalt);margin-bottom:.9rem}fieldset{border:0;min-width:0;margin:0;padding:0}legend{letter-spacing:-.055em;word-break:keep-all;max-width:760px;margin:0;padding:0;font-size:clamp(1.85rem,4.2vw,3rem);font-weight:900;line-height:1.22}legend:focus{outline:none}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:clamp(2rem,5vh,3.4rem);display:grid}.answer-card{border:1.5px solid var(--line);cursor:pointer;background:#fffdf8c2;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:.9rem;min-height:86px;padding:1.1rem 1.2rem;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s,color .18s;display:grid;position:relative;box-shadow:0 4px #1b243014}.answer-card:hover{border-color:var(--cobalt);transform:translateY(-2px);box-shadow:0 7px #2456a624}.answer-card:active{transform:translateY(1px);box-shadow:0 2px #2456a624}.answer-card:focus-within{outline:3px solid var(--cobalt);outline-offset:3px}.answer-card.selected{border-color:var(--cobalt);background:var(--cobalt);box-shadow:0 5px 0 var(--ink);color:#fff}.answer-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.answer-letter{width:34px;height:34px;font-family:var(--font-editorial);border:1px solid;border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:grid}.answer-text{word-break:keep-all;font-size:.95rem;font-weight:700;line-height:1.55}.selected-mark{color:#ffffffd1;min-height:1em;font-size:.62rem;font-weight:800;position:absolute;bottom:.45rem;right:.75rem}.quiz-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.4rem;min-height:88px;display:flex}.quiz-actions p{color:var(--muted);margin:0;font-size:.78rem}.next-button{min-width:190px}.measuring-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(680px,100% - 40px);margin:0 auto;padding:4rem 0;display:flex}.measuring-stage .eyebrow{margin-top:2rem}.measuring-stage h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,6vw,4rem);font-weight:950}.measuring-stage>p:last-child{color:var(--muted)}.measuring-dish{aspect-ratio:1;border:3px solid var(--ink);background:var(--porcelain);width:170px;box-shadow:inset 0 0 0 16px var(--celadon), inset 0 0 0 19px var(--ink), 9px 9px 0 var(--ink);border-radius:50%;animation:.76s ease-in-out both dish-settle;position:relative}@keyframes dish-settle{0%{transform:rotate(-5deg)scale(.92)}55%{transform:rotate(3deg)scale(1.04)}to{transform:rotate(0)scale(1)}}.measure-line{background:var(--persimmon);width:30%;height:2px;position:absolute;left:50%;transform:translate(-50%)}.line-one{top:38%}.line-two{width:42%;top:50%}.line-three{top:62%}.result-stage{--result-accent:var(--cobalt);--result-progress:180deg;flex-direction:column;align-items:center;width:min(720px,100% - 40px);margin:0 auto;padding:clamp(2.5rem,7vh,5rem) 0 4rem;animation:.26s both question-in;display:flex}.result-card{border:2px solid var(--ink);background:linear-gradient(135deg, #ffffff80, transparent 30%), var(--porcelain);width:min(600px,100%);box-shadow:10px 12px 0 var(--ink), var(--soft-shadow);border-radius:24px;padding:clamp(1.4rem,5vw,2.5rem);overflow:hidden}.result-card-header,.result-card-footer{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.62rem;font-weight:900;display:flex}.result-card-header{border-bottom:1px solid var(--line);padding-bottom:.85rem}.rarity-badge{border:1px solid var(--result-accent);background:var(--result-accent);border-radius:999px;align-items:center;gap:.52rem;width:fit-content;margin:1.25rem auto 0;padding:.46rem .72rem;display:flex}@supports (color:color-mix(in lab, red, red)){.rarity-badge{background:color-mix(in srgb, var(--result-accent) 8%, var(--porcelain))}}.rarity-badge{color:var(--result-accent)}.rarity-badge span{letter-spacing:.12em;font-size:.56rem;font-weight:900}.rarity-badge strong{border-left:1px solid var(--result-accent)}@supports (color:color-mix(in lab, red, red)){.rarity-badge strong{border-left:1px solid color-mix(in srgb, var(--result-accent) 38%, transparent)}}.rarity-badge strong{letter-spacing:.08em;padding-left:.52rem;font-size:.66rem}.result-title-block{text-align:center;padding:1.55rem 0 1rem}.result-title-block p{color:var(--muted);margin:0 0 .38rem;font-size:.85rem;font-weight:800}.result-title-block h1{color:var(--result-accent);letter-spacing:-.08em;word-break:keep-all;margin:0;font-size:clamp(2.8rem,9vw,5.25rem);font-weight:950;line-height:.96}.result-title-block h1:focus{outline:none}.result-title-block h1 small{color:var(--ink);letter-spacing:-.04em;margin-top:.55rem;font-size:.28em;display:block}.result-visual{place-items:center;min-height:196px;margin:.7rem 0 1.4rem;display:grid;position:relative}.result-rim{--progress:var(--result-progress);aspect-ratio:1;border:2px solid var(--ink);background:radial-gradient(circle, var(--porcelain) 0 54%, transparent 55%), conic-gradient(from -90deg, var(--result-accent) var(--result-progress), var(--line) 0);width:182px;box-shadow:inset 0 0 0 8px var(--porcelain), inset 0 0 0 10px var(--ink), 8px 9px 0 var(--ink);place-items:center;display:grid;transform:rotate(-2deg)}.result-rim>div{flex-direction:column;align-items:center;display:flex;transform:rotate(2deg)}.result-rim span{color:var(--muted);letter-spacing:.12em;font-size:.55rem;font-weight:900}.result-rim strong{color:var(--result-accent);font-family:var(--font-editorial);font-size:3.1rem;line-height:1}.result-stamp{border:2px solid var(--result-accent);color:var(--result-accent);border-radius:4px;padding:.38rem .5rem;font-size:.62rem;font-weight:900;position:absolute;bottom:16%;right:14%;transform:rotate(7deg)}.result-card blockquote{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-editorial);text-align:center;word-break:keep-all;margin:0;padding:1.35rem 0;font-size:clamp(1.18rem,3.8vw,1.58rem);font-weight:800;line-height:1.5}.result-description{color:var(--muted);word-break:keep-all;margin:1.45rem 0;font-size:.94rem;line-height:1.75}.trait-list{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.trait-list li{text-align:center;word-break:keep-all;flex-direction:column;justify-content:center;gap:.3rem;min-height:75px;padding:.75rem;font-size:.8rem;font-weight:900;display:flex}.trait-list li+li{border-left:1px solid var(--line)}.trait-list span{color:var(--result-accent);font-family:var(--font-editorial);font-size:.62rem}.capacity-notes{background:var(--result-accent);grid-template-columns:1fr 1fr;gap:0;margin:1.4rem 0 1.6rem;display:grid}@supports (color:color-mix(in lab, red, red)){.capacity-notes{background:color-mix(in srgb, var(--result-accent) 8%, var(--porcelain))}}.capacity-notes>div{flex-direction:column;gap:.4rem;padding:1rem;display:flex}.capacity-notes>div+div{border-left:1px solid var(--line)}.capacity-notes span{color:var(--result-accent);font-size:.65rem;font-weight:900}.capacity-notes strong{word-break:keep-all;font-size:.8rem;line-height:1.5}.result-card-footer{border-top:1px solid var(--line);padding-top:.85rem}.result-actions{grid-template-columns:1.35fr .65fr;gap:.85rem;width:min(600px,100%);margin-top:2rem;display:grid}.share-button{background:var(--result-accent);text-align:left;justify-content:space-between;min-height:72px}.share-button-copy{flex-direction:column;align-items:flex-start;gap:.12rem;line-height:1.32;display:flex}.share-button-copy>span{opacity:.85;font-size:.73rem;font-weight:700}.share-button-copy strong{word-break:keep-all;font-size:.9rem}.share-utility-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;margin-top:.2rem;display:flex}.share-utility-button{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fffdf8ad;border-radius:999px;padding:.62rem .95rem;font-size:.72rem;font-weight:850}.share-utility-button:hover:not(:disabled){border-color:var(--result-accent);color:var(--result-accent)}.share-utility-button:disabled{cursor:not-allowed;opacity:.5}.story-share-note{max-width:580px;min-height:2.5em;color:var(--muted);text-align:center;word-break:keep-all;margin:.9rem auto 0;font-size:.7rem;line-height:1.55}.share-status{min-height:1.5rem;color:var(--result-accent);text-align:center;margin:.45rem 0 0;font-size:.78rem;font-weight:800}.story-share-dialog{border:2px solid var(--ink);background:var(--paper);width:min(900px,100% - 2rem);max-height:min(880px,100svh - 2rem);color:var(--ink);border-radius:22px;padding:clamp(1.1rem,3vw,2rem);overflow:auto;box-shadow:10px 12px #1b24303d}.story-share-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b2430a3}.story-share-dialog-close{z-index:2;border:1px solid var(--line);background:var(--porcelain);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.55rem;line-height:1;display:grid;position:absolute;top:.8rem;right:.85rem}.story-share-dialog-grid{grid-template-columns:minmax(210px,.72fr) minmax(340px,1.28fr);align-items:center;gap:clamp(1.4rem,4vw,3rem);display:grid}.story-share-preview-column{justify-items:center;gap:.8rem;display:grid}.story-share-preview{aspect-ratio:9/16;border:2px solid var(--ink);background:var(--porcelain);border-radius:20px;justify-self:center;width:min(100%,300px);overflow:hidden;box-shadow:7px 8px #1b243029}.story-share-preview img{object-fit:cover;-webkit-touch-callout:default;width:100%;height:100%;display:block}.story-share-preview-link{width:100%;height:100%;display:block}.story-share-hold-note{max-width:280px;color:var(--muted);text-align:center;word-break:keep-all;margin:0;font-size:.72rem;line-height:1.55}.story-share-hold-note strong{color:var(--ink)}.story-share-preview-placeholder{width:100%;height:100%;color:var(--muted);place-items:center;font-size:.78rem;font-weight:800;display:grid}.story-share-dialog-copy{padding:1rem 0}.story-share-dialog-copy h2{letter-spacing:-.055em;word-break:keep-all;margin:.45rem 0 0;font-size:clamp(1.7rem,4vw,2.8rem);font-weight:950;line-height:1.08}.story-share-dialog-copy>p:not(.eyebrow){color:var(--muted);word-break:keep-all;margin:1rem 0 0;font-size:.88rem;line-height:1.7}.story-share-dialog-copy>p strong{color:var(--ink)}.story-share-qr{aspect-ratio:1;border:1px solid var(--line);background:var(--porcelain);width:176px;color:var(--muted);border-radius:14px;place-items:center;margin-top:1rem;padding:.55rem;font-size:.7rem;font-weight:800;display:grid}.story-share-qr img{width:100%;height:100%;display:block}.story-share-qr-failed{text-align:center;justify-items:center;gap:.55rem;display:grid}.story-share-qr-failed button{border:1px solid var(--line);background:var(--paper);min-height:36px;color:var(--ink);cursor:pointer;font:inherit;border-radius:999px;padding:.35rem .7rem}.story-share-steps{color:var(--muted);gap:.55rem;margin:1.1rem 0 0;padding-left:1.25rem;font-size:.82rem;font-weight:750;line-height:1.55;display:grid}.story-share-dialog-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.35rem;display:flex}.story-share-dialog-actions .primary-button,.story-share-dialog-actions .secondary-button{min-height:48px;padding:.7rem 1rem;font-size:.78rem;text-decoration:none}.instagram-open-link{color:inherit;text-decoration:none}.disclaimer{max-width:560px;color:var(--muted);text-align:center;word-break:keep-all;margin:.25rem 0 0;font-size:.7rem;line-height:1.55}.site-footer{border-top:1px solid var(--line);background:#fffdf894;margin-top:auto}.site-footer-inner{grid-template-columns:1fr auto;align-items:center;gap:1.5rem 2.5rem;width:min(1180px,100% - clamp(40px,10vw,128px));min-height:150px;margin:0 auto;padding:2rem 0;display:grid}.site-footer-copy strong{letter-spacing:-.03em;font-size:.92rem;font-weight:950}.site-footer-copy p,.site-footer-note{color:var(--muted);margin:.45rem 0 0;font-size:.7rem;line-height:1.6}.footer-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem 1rem;display:flex}.footer-nav a{min-height:44px;color:var(--ink);text-underline-offset:.22rem;align-items:center;font-size:.74rem;font-weight:800;text-decoration-thickness:1px;display:inline-flex}.footer-nav a:hover{color:var(--cobalt)}.site-footer-note{border-top:1px solid var(--line);letter-spacing:.04em;grid-column:1/-1;margin:0;padding-top:1rem}.info-shell{flex-direction:column;min-height:100svh;display:flex}.info-main{flex:1;width:min(960px,100% - clamp(40px,10vw,128px));margin:0 auto;padding:clamp(3.5rem,8vw,7rem) 0 clamp(4rem,8vw,7rem)}.info-main:focus{outline:none}.info-hero{max-width:820px;padding-bottom:clamp(2.5rem,6vw,4.5rem)}.info-hero h1{letter-spacing:-.075em;word-break:keep-all;margin:0;font-size:clamp(2.7rem,7vw,5.2rem);font-weight:950;line-height:1.02}.info-hero>p:last-child{max-width:720px;color:var(--muted);word-break:keep-all;margin:1.5rem 0 0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.78}.info-content{flex-direction:column;gap:clamp(2.2rem,5vw,3.8rem);display:flex}.info-section{border-top:2px solid var(--ink);padding-top:1.5rem}.info-section h2{letter-spacing:-.045em;word-break:keep-all;margin:0 0 1.2rem;font-size:clamp(1.45rem,3vw,2rem);font-weight:950}.info-section p{max-width:800px;color:var(--muted);word-break:keep-all;margin:.85rem 0 0;font-size:.96rem;line-height:1.9}.info-section p strong{color:var(--ink)}.method-list{border:1px solid var(--ink);counter-reset:method;background:#fffdf8b8;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.method-list li{counter-increment:method;flex-direction:column;gap:.9rem;min-height:230px;padding:1.5rem;display:flex}.method-list li+li{border-left:1px solid var(--line)}.method-list li:before{content:"0" counter(method);color:var(--persimmon-ink);font-family:var(--font-editorial);font-size:.78rem;font-weight:900}.method-list strong{font-size:1rem;line-height:1.45}.method-list span{color:var(--muted);word-break:keep-all;font-size:.85rem;line-height:1.75}.info-callout{border-left:5px solid var(--persimmon);color:var(--muted);word-break:keep-all;background:#fffdf8d1;flex-direction:column;gap:.45rem;padding:1.15rem 1.3rem;font-size:.88rem;line-height:1.75;display:flex}.info-section .info-callout{max-width:none;margin-top:1.25rem}.info-callout strong{color:var(--ink);font-size:.92rem}.info-actions{border-top:1px solid var(--line);align-items:center;gap:1.5rem;padding-top:2rem;display:flex}.info-cta{min-width:220px;text-decoration:none}.text-link{min-height:44px;color:var(--ink);text-underline-offset:.3rem;align-items:center;font-size:.82rem;font-weight:900;display:inline-flex}.text-link:hover{color:var(--cobalt)}.rarity-notice{border-left-color:var(--cobalt)}.result-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.4rem;display:grid}.result-guide-card{--guide-accent:var(--cobalt);border:1.5px solid var(--ink);border-top:7px solid var(--guide-accent);background:linear-gradient(145deg, var(--guide-accent), transparent 32%), var(--porcelain);border-radius:16px;padding:clamp(1.3rem,3vw,2rem);scroll-margin-top:2rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.result-guide-card{background:linear-gradient(145deg, color-mix(in srgb, var(--guide-accent) 7%, transparent), transparent 32%), var(--porcelain)}}.result-guide-card{box-shadow:5px 6px #1b24301f}.result-guide-card header{border-bottom:1px solid var(--line);padding-bottom:1.25rem;position:relative}.guide-number,.guide-rarity{color:var(--muted);letter-spacing:.08em;font-size:.61rem;font-weight:900}.guide-rarity{float:right;color:var(--guide-accent)}.result-guide-card h2{color:var(--guide-accent);letter-spacing:-.065em;word-break:keep-all;margin:1.2rem 0 .5rem;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:950;line-height:1.05}.result-guide-card header p{font-family:var(--font-editorial);word-break:keep-all;margin:0;font-size:.98rem;font-weight:800;line-height:1.6}.guide-description,.result-guide-card section p{color:var(--muted);word-break:keep-all;margin:1.2rem 0 0;font-size:.86rem;line-height:1.78}.guide-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:1.25rem 0}.guide-facts>div{grid-template-columns:7rem 1fr;gap:.8rem;padding:.72rem 0;display:grid}.guide-facts>div+div{border-top:1px solid var(--line)}.guide-facts dt{color:var(--guide-accent);font-size:.7rem;font-weight:900}.guide-facts dd{word-break:keep-all;margin:0;font-size:.76rem;font-weight:800;line-height:1.55}.result-guide-card section{margin-top:1.2rem}.result-guide-card section h3{margin:0;font-size:.78rem;font-weight:950}.result-guide-card section p{margin-top:.4rem}.guide-traits{flex-wrap:wrap;gap:.4rem;margin:1.3rem 0;padding:0;list-style:none;display:flex}.guide-traits li{border:1px solid var(--guide-accent)}@supports (color:color-mix(in lab, red, red)){.guide-traits li{border:1px solid color-mix(in srgb, var(--guide-accent) 55%, var(--line))}}.guide-traits li{color:var(--guide-accent);border-radius:999px;padding:.4rem .6rem;font-size:.68rem;font-weight:900}.guide-result-link{border-top:1px solid var(--ink);min-height:48px;color:var(--ink);justify-content:space-between;align-items:center;padding-top:.8rem;font-size:.78rem;font-weight:900;text-decoration:none;display:flex}.guide-result-link:hover{color:var(--guide-accent)}.info-footnote{border-top:1px solid var(--line);color:var(--muted);word-break:keep-all;margin:0;padding-top:1.25rem;font-size:.76rem;line-height:1.7}.faq-list{border-top:2px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line);background:#fffdf86b}.faq-list summary{cursor:pointer;word-break:keep-all;grid-template-columns:2.5rem 1fr;align-items:center;gap:.8rem;min-height:76px;padding:1rem 1.1rem;font-size:.98rem;font-weight:900;line-height:1.5;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--cobalt);grid-column:3;font-size:1.3rem}.faq-list details[open] summary:after{content:"−"}.faq-list summary span{color:var(--persimmon-ink);font-family:var(--font-editorial);font-size:.72rem}.faq-list details p{max-width:780px;color:var(--muted);word-break:keep-all;margin:0;padding:0 1.1rem 1.5rem 4.4rem;font-size:.9rem;line-height:1.85}.policy-date{border:1px solid var(--line);width:fit-content;color:var(--muted);border-radius:999px;margin:0;padding:.55rem .75rem;font-size:.7rem;font-weight:800}.policy-section code{color:var(--cobalt);background:#2456a617;border-radius:4px;padding:.18rem .32rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82em}@media (max-width:900px){.intro-stage{grid-template-rows:auto auto auto;grid-template-columns:1fr;padding-top:4.5rem}.intro-copy{text-align:center;padding-bottom:0}.intro-copy h1,.intro-description{margin-left:auto;margin-right:auto}.intro-actions{justify-content:center}.dish-poster{width:min(72vw,500px);margin:3.5rem auto}.result-teaser{flex-wrap:wrap;padding:1.2rem 0}.method-list{grid-template-columns:1fr}.method-list li{min-height:0}.method-list li+li{border-top:1px solid var(--line);border-left:0}}@media (max-width:720px){.topbar,.intro-stage,.quiz-stage,.info-main,.site-footer-inner{width:calc(100% - 40px)}.topbar{flex-wrap:wrap;min-height:62px;padding:.5rem 0 0}.topbar .brand-button{order:1}.topbar .fun-label{order:2}.topbar .site-nav{border-top:1px solid var(--line);order:3;justify-content:space-between;gap:0;width:100%;overflow-x:auto}.site-nav a{padding-left:.4rem;padding-right:.4rem;font-size:.7rem}.intro-stage{min-height:calc(100svh - 62px);padding-top:3.5rem}.intro-copy h1{font-size:clamp(3rem,15vw,5rem)}.intro-actions{flex-direction:column}.intro-actions p{text-align:center}.answer-grid{grid-template-columns:1fr}.answer-card{min-height:76px}.quiz-actions{flex-direction:column;align-items:stretch;padding-top:1rem}.quiz-actions p{text-align:center}.next-button{width:100%}.info-main{padding-top:3.5rem}.info-hero h1{font-size:clamp(2.55rem,12vw,4rem)}.result-guide-grid,.story-share-dialog-grid{grid-template-columns:1fr}.story-share-preview{width:min(46vw,210px)}.story-share-dialog-copy{padding-top:0}.story-share-qr{margin-left:auto;margin-right:auto}.site-footer-inner{grid-template-columns:1fr}.footer-nav{justify-content:flex-start}.site-footer-note{grid-column:auto}}@media (max-width:520px){.fun-label{font-size:.58rem}.intro-copy h1{font-size:clamp(2.85rem,14vw,4.2rem)}.intro-description{font-size:.96rem}.start-button{width:100%}.dish-poster{width:min(85vw,390px)}.poster-note{min-width:72px;padding:.55rem .7rem;font-size:.76rem}.result-teaser{gap:.55rem;font-size:.65rem}.quiz-stage{padding-top:1.4rem}.quiz-meta{grid-template-columns:1fr auto 54px}.compact-rim{width:50px}.progress-copy span{display:none}.question-panel{padding:2.8rem 0 2rem}legend{font-size:1.72rem}.answer-grid{margin-top:1.8rem}.answer-card{padding:.95rem}.result-stage{width:calc(100% - 32px);padding-top:2rem}.result-card{box-shadow:6px 7px 0 var(--ink), var(--soft-shadow);border-radius:18px;padding:1.25rem}.result-card-header,.result-card-footer{font-size:.52rem}.result-title-block h1{font-size:clamp(2.55rem,13vw,4rem)}.result-rim{width:158px}.result-stamp{right:5%}.trait-list li{min-height:82px;padding:.55rem;font-size:.72rem}.capacity-notes{grid-template-columns:1fr}.capacity-notes>div+div{border-top:1px solid var(--line);border-left:0}.result-actions{grid-template-columns:1fr}.story-share-dialog{width:calc(100% - 1rem);max-height:calc(100svh - 1rem);padding:1rem}.story-share-dialog-grid{gap:1rem}.story-share-preview{width:min(48vw,176px)}.story-share-dialog-copy h2{padding-right:2.5rem;font-size:1.65rem}.story-share-dialog-actions{grid-template-columns:1fr;display:grid}.story-share-dialog-actions .primary-button,.story-share-dialog-actions .secondary-button{width:100%}.info-actions{flex-direction:column;align-items:stretch}.info-cta,.text-link{justify-content:center;width:100%}.guide-number,.guide-rarity{font-size:.56rem}.guide-facts>div{grid-template-columns:6.2rem 1fr}.faq-list summary{grid-template-columns:2rem 1fr;padding-left:.6rem;padding-right:.6rem;font-size:.9rem}.faq-list details p{padding-left:3.4rem;padding-right:.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}