body[data-theme="light"]{--paper:#f3f6eb;--ink:#294b3d;--red:#39745d;--muted:#697763;--panel:#e4ecd7;--line:#c9d5bb;--surface:#fbfff6;--radius:36px;--pattern:radial-gradient(ellipse at top right,#d8e6bc88,transparent 65%)}
body[data-theme="rich"]{--paper:#172638;--ink:#f1dfc0;--red:#e1b477;--muted:#b7c5d4;--panel:#24364b;--line:#657487;--surface:#1d2f44;--radius:4px;--pattern:repeating-linear-gradient(45deg,#e2b56a08 0 1px,transparent 1px 18px)}
body[data-theme="sweetSour"]{--paper:#fff0be;--ink:#733e26;--red:#ad482a;--muted:#826142;--panel:#ffd98f;--line:#cf9a4c;--surface:#fff9dd;--radius:50px;--pattern:radial-gradient(circle at 90% 5%,#f3a34f88,transparent 50%)}
body[data-theme="warm"]{--paper:#e0ebf3;--ink:#243f55;--red:#365f80;--muted:#596f83;--panel:#c6d9e7;--line:#9eb8cc;--surface:#eff6fb;--radius:16px;--pattern:repeating-linear-gradient(0deg,#355e7c08 0 1px,transparent 1px 28px)}
body[data-theme="bakery"]{--paper:#f1e4f0;--ink:#664060;--red:#894a7b;--muted:#84637d;--panel:#e7cce3;--line:#c8a5c1;--surface:#fcf5fb;--radius:55px 12px 55px 12px;--pattern:radial-gradient(#9a5d8c22 1px,transparent 1px)}
body{background-image:var(--pattern);background-attachment:fixed;transition:background-color .35s,color .35s}body[data-theme="bakery"]{background-size:18px 18px}.hero h1 em{display:inline-block;font-size:.72em;line-height:1.6}.hero-art{position:relative}.hero-art img{display:block;border:8px solid var(--panel);border-radius:var(--radius);transition:border-radius .4s,border-color .4s}.hero-art #theme-mark{position:absolute;bottom:20px;right:20px;background:var(--paper);color:var(--red);padding:14px 20px;border-radius:var(--radius);font-family:serif;font-size:24px;box-shadow:0 4px 12px #0001}.picker{background:var(--panel);border-color:var(--line);border-radius:var(--radius);transition:background-color .35s,border-radius .35s}.flavors{padding:0 0 24px;scroll-margin-top:20px}.flavor-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flavor-buttons button{padding:18px 8px;background:var(--surface);border-color:var(--line);border-radius:var(--radius);transition:background-color .25s;color:var(--ink)}.flavor-buttons small{display:block;font-size:10px;letter-spacing:1px;margin-top:8px;opacity:.75}.flavor-buttons button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 4px 0 var(--line)}.food-rule{font-size:12px;line-height:1.8;margin:18px 0 0}#pool-list{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;border-top:1px solid var(--line);padding-top:20px}#pool-list span{font-size:12px;background:var(--surface);padding:8px 13px;border-radius:30px;color:var(--ink)}input,select{background:var(--surface);border-color:var(--line)}header,.meal{border-color:var(--line)}#spin{border-color:var(--paper)}button{border-color:var(--line)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:4px}#result{min-height:30px}body[data-theme="rich"] .hero-art img{border-width:10px}body[data-theme="sweetSour"] .hero-art img{border-radius:50% 50% 18px 18px}body[data-theme="warm"] .hero-art img{border-radius:120px 120px 24px 24px}body[data-theme="bakery"] .hero-art img{border-style:double;border-width:12px}
@media(max-width:650px){.flavor-buttons{grid-template-columns:repeat(3,1fr)}.flavor-buttons button{font-size:13px;padding:14px 6px;border-radius:14px}.hero-art #theme-mark{font-size:20px;padding:10px 14px}.food-rule{font-size:11px}.picker{gap:20px;border-radius:24px}.hero h1 em{font-size:.68em}#pool-list{gap:6px}#pool-list span{font-size:11px;padding:7px 10px}}
.primary{background:var(--red);border-color:var(--red);color:var(--paper)}#spin{color:var(--paper)}.hero{border-bottom:1px solid var(--line);margin-bottom:30px}.meal{padding:20px 16px;margin:9px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.meal button{background:var(--paper)}footer{border-top:1px solid var(--line);margin-top:28px}dialog{border:1px solid var(--line)}
body[data-theme="light"] .meal{border-width:0 0 1px;background:transparent;border-radius:0}body[data-theme="light"] .picker{box-shadow:0 15px 45px #365b3810}
body[data-theme="rich"] header{border-bottom:3px double var(--line)}body[data-theme="rich"] h1,body[data-theme="rich"] h2{letter-spacing:2px}body[data-theme="rich"] .picker{border:3px double var(--line);box-shadow:0 20px 50px #0004}body[data-theme="rich"] .hero-art img{border:3px double var(--red);padding:8px;background:var(--paper)}body[data-theme="rich"] .flavor-buttons button{border-radius:2px;text-transform:uppercase}body[data-theme="rich"] .meal{border-left:3px solid var(--red)}
body[data-theme="sweetSour"] h1,body[data-theme="sweetSour"] h2{font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:800}body[data-theme="sweetSour"] .picker{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}body[data-theme="sweetSour"] .flavor-buttons button[aria-pressed="true"]{box-shadow:4px 4px 0 var(--red)}body[data-theme="sweetSour"] .meal{border-radius:18px;border-width:2px}
body[data-theme="warm"] header{border-bottom:4px solid var(--ink)}body[data-theme="warm"] .picker{border-top:6px solid var(--red);border-radius:4px 4px 20px 20px}body[data-theme="warm"] .hero-art img{border-radius:10px;box-shadow:10px 10px 0 var(--line)}body[data-theme="warm"] .meal{border-radius:4px;border-left:5px solid var(--red)}body[data-theme="warm"] .flavor-buttons button{border-radius:4px}
body[data-theme="bakery"] .picker{border:2px dashed var(--line)}body[data-theme="bakery"] .meal{box-shadow:0 5px 0 #bd92b51c;border-radius:22px 5px 22px 5px}body[data-theme="bakery"] .hero-art img{border-radius:80px 12px 80px 12px}body[data-theme="bakery"] .flavor-buttons button{border-radius:24px 6px 24px 6px}
@media(max-width:650px){.meal{padding:16px 10px}.hero{padding-bottom:28px}.hero-art{margin-right:10px}body[data-theme="sweetSour"] .picker{box-shadow:4px 4px 0 var(--ink)}}
body[data-theme="all"]{--paper:#f5f0e5;--ink:#344359;--red:#755082;--muted:#727384;--panel:#e9e4ef;--line:#c9bed1;--surface:#fffaf2;--radius:30px;--pattern:radial-gradient(ellipse at top left,#e9c79c55,transparent 45%),radial-gradient(ellipse at bottom right,#b6d7ca77,transparent 55%)}
body[data-theme="hotpot"]{--paper:#fae8d7;--ink:#6f3928;--red:#a34e2e;--muted:#8a6554;--panel:#f0c8a7;--line:#c9906c;--surface:#fff3e7;--radius:36px 36px 10px 10px;--pattern:radial-gradient(ellipse at center top,#e7a46955,transparent 65%)}
body[data-theme="hotpot"] .picker{border:2px solid var(--line);box-shadow:0 10px 0 #c9906c33}body[data-theme="hotpot"] .hero-art img{border-radius:140px 140px 16px 16px}body[data-theme="all"] .hero-art img{border-radius:25px;box-shadow:8px 8px 0 var(--line)}
.flavor-buttons{grid-template-columns:repeat(6,1fr)}.flavor-buttons button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 4px 0 var(--line)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wheel-actions{display:flex;gap:10px;flex-wrap:wrap}#reshuffle{background:var(--surface)}#catalog{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;color:var(--ink)}#catalog summary{cursor:pointer;font-size:14px}#all-options{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px}#all-options span{border:1px solid var(--line);padding:7px 12px;border-radius:18px;font-size:12px}#spin{padding:0;width:88px;height:88px;font-size:14px}#result{font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:600}.wheel-wrap{max-width:460px}.picker{gap:32px}
@media(max-width:650px){.flavor-buttons{grid-template-columns:repeat(3,1fr)}.wheel-wrap{max-width:390px;width:calc(100% + 28px);margin-left:-14px}.filters{text-align:left}.wheel-actions{justify-content:center}#spin{width:72px;height:72px;font-size:12px;border-width:4px}#spin small{font-size:7px}.picker{gap:24px}#result{font-size:20px}}
body[data-theme="fresh"]{--paper:#e8f4ef;--ink:#245546;--red:#26735b;--muted:#55786b;--panel:#cde8da;--line:#9ac9b4;--surface:#f5fff9;--radius:34px;--pattern:radial-gradient(ellipse at top right,#95cda655,transparent 60%)}
body[data-theme="japanese"]{--paper:#f7eeea;--ink:#693d40;--red:#984650;--muted:#8a6c68;--panel:#ecd8d3;--line:#cfaba5;--surface:#fff8f3;--radius:6px;--pattern:repeating-linear-gradient(90deg,#98465005 0 1px,transparent 1px 22px)}
body[data-theme="grill"]{--paper:#292420;--ink:#ffe3ba;--red:#eab170;--muted:#c9b396;--panel:#42342b;--line:#86644b;--surface:#332a24;--radius:10px;--pattern:repeating-linear-gradient(45deg,#eab17006 0 2px,transparent 2px 18px)}
body[data-theme="japanese"] .picker{border-top:5px solid var(--red)}body[data-theme="grill"] .picker{border:2px solid var(--line);box-shadow:0 14px 35px #0004}body[data-theme="fresh"] .hero-art img{border-radius:80px 20px 80px 20px}
.flavor-buttons{grid-template-columns:repeat(5,1fr)}@media(max-width:650px){.flavor-buttons{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.meal-likes{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.meal .meal-likes button{padding:7px 10px;border-radius:18px;background:var(--surface);color:var(--ink);font-size:12px;white-space:nowrap}.meal .meal-likes button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:var(--paper)}.like-status{flex-basis:100%;font-size:11px;color:var(--red)}.like-status:empty{display:none}@media(max-width:650px){.meal-likes{gap:5px}.meal .meal-likes button{font-size:11px;padding:7px 8px}}
body[data-theme="favorites"]{--paper:#fff3f0;--ink:#743b4b;--red:#ad4765;--muted:#8c6270;--panel:#f7dce3;--line:#deb2bf;--surface:#fffaf7;--radius:32px 12px 32px 12px;--pattern:radial-gradient(ellipse at top right,#e9a8b555,transparent 55%),radial-gradient(ellipse at bottom left,#f8dfac66,transparent 50%)}
body[data-theme="favorites"] .picker{border:2px solid var(--line);box-shadow:0 10px 30px #873e5914}body[data-theme="favorites"] .hero-art img{border-radius:90px 20px 90px 20px}body[data-theme="favorites"] .meal{border-radius:20px;border-left:3px solid var(--red)}body[data-theme="favorites"] .filters{grid-template-columns:1fr}.filters [hidden]{display:none}