/* Hanip Choice v7: shared result layout, color only varies by category. */
:root{--choice-accent:#f2d7a7}
.choice-questions .option{background:#2b2629!important;border-color:color-mix(in srgb,var(--choice-accent) 30%,#534747)!important;color:#ded7d5!important;font-weight:400!important}
.choice-questions .option[aria-pressed="true"]{background:color-mix(in srgb,var(--choice-accent) 28%,#292428)!important;border-color:var(--choice-accent)!important;color:#fff!important;font-weight:400!important}
.choice-questions .option:hover{background:color-mix(in srgb,var(--choice-accent) 13%,#2b2629)!important}
.choice-hero-icon.hero-art{position:absolute;z-index:-1;right:7%;top:12px;width:230px;height:210px;display:grid;place-items:center;border:0;border-radius:0;background:none;color:var(--choice-accent);font-size:155px;opacity:.085;transform:rotate(-9deg);pointer-events:none;margin:0}
.choice-intro.intro{overflow:hidden}
.choice-loading .loading-panel h2{color:#f6f3f1!important}
.overlay .panel{background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--choice-accent) 9%,transparent),transparent 55%),#211d20!important;border-color:color-mix(in srgb,var(--choice-accent) 38%,#54413c)!important}
.overlay .panel .result-head{text-align:center}
.overlay .panel .result-head h2{color:#f6f3f1}
.overlay .panel .result-head h2 em{color:var(--choice-accent)}
.overlay .panel .result-head p{color:#bcb0ad}
.overlay .results{display:grid;gap:12px;margin:24px auto 0}
.overlay .result-item{position:relative;display:flex;align-items:center;gap:15px;min-height:85px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--choice-accent) 27%,#5d4b3c);border-radius:13px;background:linear-gradient(110deg,#302825,#272326)}
.overlay .result-item.featured{padding:27px 24px;border-color:color-mix(in srgb,var(--choice-accent) 65%,#5d4b3c);background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--choice-accent) 11%,transparent),transparent 48%),linear-gradient(120deg,#36302e,#2d2525)}
.overlay .result-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--choice-accent) 35%,#423126);color:#fff;font-weight:800}
.overlay .result-item.featured .result-number{flex-basis:45px;height:45px;border-radius:13px}
.overlay .result-copy{min-width:0;flex:1;padding-right:4px}
.overlay .result-copy strong{font-size:19px;color:#f5e9e0}
.overlay .result-item.featured .result-copy strong{font-size:24px;color:color-mix(in srgb,var(--choice-accent) 55%,#fff)}
.overlay .result-copy p{margin:5px 0 0;font-size:13px;line-height:1.5;color:#b3aab0}
.overlay .result-item.featured:after{content:'오늘의 한입';position:absolute;right:16px;top:12px;font-size:11px;color:var(--choice-accent)}
.overlay .panel .result-close{position:absolute;top:13px;right:16px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:10px;background:transparent;color:#ead8c5;font-size:30px;line-height:1;cursor:pointer;z-index:2}
.overlay .panel .result-close:hover{background:#ffffff16}
.overlay .result-actions{display:flex;justify-content:center;margin-top:25px}
.overlay .result-actions .secondary{border:1px solid color-mix(in srgb,var(--choice-accent) 38%,#665344);background:#302824;color:var(--choice-accent);border-radius:12px;padding:13px 22px;cursor:pointer}
.result-search{flex:none;align-self:flex-end;white-space:nowrap;font-size:12px;color:var(--choice-accent);text-decoration:none;margin-left:auto}
.result-search:hover{text-decoration:underline}
@media(max-width:600px){.choice-hero-icon.hero-art{right:-40px;top:15px;font-size:120px;width:185px;height:175px}.overlay .result-item,.overlay .result-item.featured{flex-wrap:wrap;gap:9px;padding:20px 15px}.overlay .result-item.featured{padding-top:45px}.result-search{margin-left:auto}.overlay .result-copy strong{font-size:17px}.overlay .result-item.featured .result-copy strong{font-size:20px}}
/* Food uses its own original modal classes; these are the shared card and search rules. */
.result-item .result-copy{flex:1;min-width:0}.result-item .result-search{align-self:flex-end}
.step[data-step="0"] .step-heading h3{font-size:19px!important;letter-spacing:-.6px!important}
@media(max-width:600px){.step[data-step="0"] .step-heading h3{font-size:18px!important}}

/* v8: one result-card layout for food, anime and mobile games. */
body:has(#result-list){--choice-accent:#e6b879;--choice-accent-rgb:230 184 121}
body:has(#results){--choice-accent-rgb:142 185 255}
body[style*="#b9bdc7"]{--choice-accent-rgb:185 189 199}
.result .result-panel,.overlay .panel{background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--choice-accent) 12%,transparent),transparent 55%),#211d20!important;border-color:color-mix(in srgb,var(--choice-accent) 42%,#54413c)!important}
.result .result-item,.overlay .result-item{box-sizing:border-box;display:flex;align-items:center;gap:15px;min-height:86px;padding:20px 22px!important;background:linear-gradient(110deg,#302825,#272326)!important;border:1px solid color-mix(in srgb,var(--choice-accent) 35%,#5d4b3c)!important;border-radius:13px;position:relative}
.result .result-item.featured,.overlay .result-item.featured{min-height:115px;padding:27px 24px!important;border-color:var(--choice-accent)!important;background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--choice-accent) 23%,transparent),transparent 50%),linear-gradient(120deg,color-mix(in srgb,var(--choice-accent) 20%,#272326),#272326)!important;box-shadow:0 10px 32px #0004}
.result .result-number,.overlay .result-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--choice-accent) 42%,#30252a)!important;color:#fff!important;font-size:16px;font-weight:800}
.result .result-item.featured .result-number,.overlay .result-item.featured .result-number{flex:0 0 45px;width:45px;height:45px;border-radius:13px;background:var(--choice-accent)!important;color:#211d20!important}
.result .result-copy,.overlay .result-copy{display:flex;flex-direction:column;align-self:stretch;justify-content:center;flex:1;min-width:0;padding:0!important}
.result .result-copy strong,.overlay .result-copy strong{font-size:19px!important;color:#f6f3f1!important}
.result .result-item.featured .result-copy strong,.overlay .result-item.featured .result-copy strong{font-size:24px!important;color:color-mix(in srgb,var(--choice-accent) 60%,#fff)!important}
.result .result-copy p,.overlay .result-copy p{margin:5px 0 0;font-size:13px;line-height:1.5;color:#b3aab0!important}
.result .result-item.featured:after,.overlay .result-item.featured:after{content:'오늘의 한입';position:absolute;right:16px;top:12px;font-size:11px;font-weight:700;color:var(--choice-accent)!important}
.result .result-search,.overlay .result-search{align-self:flex-end;margin-left:auto;flex:none;color:var(--choice-accent)!important}
.result .result-close,.overlay .result-close{color:var(--choice-accent)!important}
.result .result-head h2 em,.overlay .result-head h2 em{color:var(--choice-accent)!important}
@media(max-width:600px){.result .result-item,.overlay .result-item{flex-wrap:wrap;gap:9px;padding:20px 15px!important}.result .result-item.featured,.overlay .result-item.featured{padding:45px 15px 20px!important}.result .result-copy strong,.overlay .result-copy strong{font-size:17px!important}.result .result-item.featured .result-copy strong,.overlay .result-item.featured .result-copy strong{font-size:20px!important}.result .result-search,.overlay .result-search{margin-left:auto}}

/* v16: centered reroll, unobtrusive link at right edge. */
.result .result-actions,.overlay .result-actions{position:relative;display:flex;justify-content:center;align-items:center;min-height:53px;margin-top:25px}
.result .choice-more,.overlay .choice-more{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--choice-accent) 35%,#665344);border-radius:10px;color:var(--choice-accent);background:#302824;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}
.result .choice-more:hover,.overlay .choice-more:hover{background:#43332d}
@media(max-width:520px){.result .result-actions,.overlay .result-actions{padding-bottom:44px}.result .choice-more,.overlay .choice-more{top:auto;bottom:0;right:0;transform:none;font-size:11px;padding:8px 10px}}
.choice-page-hero.intro > .choice-hero-image,.choice-intro.intro.choice-page-hero > .choice-hero-image{object-fit:contain;opacity:.095;filter:none;stroke:none;transform:rotate(-9deg)}