:root{--ink:#52443d;--orange:#ed7958;--cream:#fff9ed;--line:#eadfcb;--muted:#a29485}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Arial Rounded MT Bold","PingFang TC","Microsoft JhengHei",sans-serif;background-image:radial-gradient(#d9cbb448 .7px,transparent .7px);background-size:9px 9px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #6c9986;outline-offset:5px}button{transition:background .2s,transform .2s}button:hover{filter:brightness(.97)}button:disabled{cursor:wait;opacity:.65}header{max-width:1260px;margin:auto;height:100px;display:flex;align-items:center;gap:26px;padding:0 35px;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:23px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px;letter-spacing:1px}.brand-icon{background:#f8bd6a;border:2px solid var(--ink);border-radius:13px;font-size:27px;line-height:33px;width:37px;text-align:center;transform:rotate(-9deg)}.brand-en{font-size:9px;width:46px;line-height:1.5;letter-spacing:2px}.header-note{font-size:12px;color:#9b8e7e;margin-left:auto}.header-note span{color:#e4a75c;margin-left:12px}.sound{background:transparent;border:1px solid #e3d8c4;border-radius:22px;padding:8px 14px;font-size:14px}.sound span{font-size:11px;margin-left:5px}main{max-width:1080px;margin:auto;padding:46px 28px 0}.intro{text-align:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#a08c72}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e8a15e;vertical-align:middle;margin-right:6px}h1{font-size:52px;margin:15px 0 12px;letter-spacing:4px;font-weight:900}.orange{color:var(--orange);position:relative}.spark{font-size:23px;position:absolute;right:2px;top:-21px;transform:rotate(15deg);color:#e9b058}.intro>p{font-size:14px;color:#a19382;letter-spacing:1.5px}.meal-tabs{display:inline-flex;padding:5px;margin:17px 0 34px;background:#f1eadc;border-radius:30px;gap:5px}.meal-tabs button{border:0;border-radius:22px;padding:9px 23px;background:transparent;font-size:13px;color:#958774}.meal-tabs .active{background:#fffdf7;box-shadow:0 2px 5px #705a3610;color:#c36e4d;font-weight:700}.workspace{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:start}.wheel-section{position:relative;text-align:center;padding-top:10px}.wheel-wrap{width:100%;max-width:505px;aspect-ratio:1;position:relative;margin:auto}.wheel{width:100%;height:100%;border:11px solid #f4b66d;border-radius:50%;box-shadow:0 0 0 2px #bc8c59,0 0 0 9px #fff5da,0 0 0 11px #ebd8b2,0 13px 0 4px #ddc7a0;overflow:hidden;background:white;will-change:transform}.wheel svg{width:100%;height:100%;display:block}.pointer{position:absolute;top:-21px;left:50%;transform:translateX(-50%);z-index:4;width:29px;height:43px;background:#e87957;clip-path:polygon(0 0,100% 0,85% 58%,50% 100%,15% 58%);filter:drop-shadow(0 2px 1px #543c32)}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:6px solid #fff9ed;background:#ed825e;border-radius:50%;width:126px;height:126px;box-shadow:0 0 0 2px #dfac77,0 5px 0 #96735222;color:#fff9ed;display:flex;flex-direction:column;align-items:center;justify-content:center}.hub span{font-size:15px;letter-spacing:3px}.hub b{font-size:29px;letter-spacing:3px;margin:2px 0}.hub small{font-size:8px;letter-spacing:2px}.wheel-shadow{height:15px;background:#e8d6b24d;border-radius:50%;width:67%;margin:26px auto 23px;filter:blur(3px)}.spin{border:1px solid #cd654a;background:var(--orange);border-radius:17px;color:white;font-size:18px;font-weight:bold;padding:16px 42px;box-shadow:0 5px 0 #c26449;letter-spacing:2px}.spin:hover{transform:translateY(-2px)}.spin span{margin-left:45px}.hint{font-size:11px;letter-spacing:.5px;color:#ae9f8c;margin-top:18px}.doodle{position:absolute;color:#dfb86a;font-size:40px}.d1{left:-38px;top:56px;transform:rotate(15deg)}.d2{right:-20px;bottom:155px;font-size:26px}.bubble{position:absolute;left:-34px;bottom:155px;font-size:11px;line-height:1.8;transform:rotate(-10deg);color:#9c9475;z-index:3}.menu-card{background:#fffdf7;border:1px solid var(--line);border-radius:24px;padding:27px 26px 17px;box-shadow:0 5px 0 #e5d5b42e}.card-top{display:flex;align-items:center;justify-content:space-between}.small{font-size:9px;letter-spacing:2.3px;color:#c18b66}h2{font-size:20px;letter-spacing:1px;margin:9px 0 0}h2 #count{border-radius:50%;background:#f6ead9;font-size:12px;color:#b58662;padding:4px 7px;vertical-align:middle;margin-left:3px}.tiny-bowl{font-size:35px;color:#cfa66f;transform:rotate(9deg)}.card-note{font-size:12px;color:#a69581;margin:12px 0 21px}.food-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.food-item{display:flex;align-items:center;gap:8px;border:1px solid #eee5d5;border-radius:12px;padding:8px 6px;font-size:13px;background:#fffcf5;min-width:0}.food-item svg{width:29px;height:29px;flex-shrink:0}.food-item .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.food-item button{border:0;background:none;color:#bcae9b;margin-left:auto;font-size:16px;padding:0 4px}.food-item button:hover{color:#c64d3a}form{display:flex;margin:17px 0 0;border:1px dashed #dbc9b0;border-radius:12px;padding:6px;gap:5px}input{width:100%;min-width:0;border:0;background:transparent;padding:6px;font-size:12px;color:var(--ink);outline:none}form:focus-within{outline:2px solid #d9a47b}input::placeholder{color:#b3a592}form button{background:#f4e4cf;border:0;border-radius:8px;width:32px;font-size:20px;color:#a57a53}.list-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee5d5;padding-top:15px;margin-top:11px;font-size:10px;color:#b4a38e}.list-actions button{border:0;background:none;font-size:11px;color:#9b8369;padding:0}.list-message{min-height:13px;font-size:10px;color:#c66b50;margin-top:5px}.tip{display:flex;gap:12px;align-items:center;margin:20px 8px}.tip>span{font-size:24px;transform:rotate(-12deg)}.tip p{font-size:11px;line-height:1.9;color:#a2937e}.tip b{color:#8d7c64;font-size:12px}.history{margin-top:37px;border-top:1px solid var(--line);padding:25px 0 27px}.history-title{display:flex;justify-content:space-between;align-items:center}.history h2{font-size:14px;margin:0}.history h2 span{color:#d8a063;margin-left:7px}.history-title>button{border:0;background:none;font-size:11px;color:#aa9b86}.empty{font-size:12px;color:#b2a18a;padding:14px 0}.history-chip{display:inline-flex;align-items:center;margin:17px 9px 0 0;padding:8px 14px;border:1px solid #e9dfcc;border-radius:12px;gap:7px;background:#fffdf6;font-size:12px}.history-chip svg{width:28px;height:28px}.history-chip small{color:#ad9c84;margin-left:5px}footer{max-width:1190px;border-top:1px solid var(--line);margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;color:#ac9a81;font-size:11px}footer>span:first-child{font-weight:bold;font-size:14px}footer>span:last-child{font-size:8px;letter-spacing:1.2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #e3cfab;border-radius:30px;background:#fffaf0;text-align:center;padding:40px;width:min(410px,90vw);color:var(--ink);box-shadow:0 20px 100px #60472e30}dialog::backdrop{background:#57432f55;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:26px;color:#a58f75}#resultIcon svg{width:110px;height:110px;margin-top:20px}dialog p{font-size:13px;color:#a08b70}dialog h2{font-size:32px;color:#d87250;margin:10px}.result-sub{margin-bottom:28px}dialog .spin{width:100%;font-size:15px;padding:14px}.again{border:0;background:none;font-size:12px;margin-top:22px;color:#aa8c69}.inline-result{font-size:13px;color:#bf7453;min-height:18px}#confetti{position:fixed;inset:0;pointer-events:none;z-index:100}#confetti i{position:absolute;top:-20px;width:9px;height:14px;animation:fall 2.4s ease-in forwards}@keyframes fall{to{transform:translateY(105vh) rotate(650deg);opacity:0}}@media(min-width:1100px){.workspace{padding:0 15px}}@media(max-width:800px){header{height:77px;padding:0 22px}.header-note{display:none}.sound{margin-left:auto}.brand{font-size:19px}.brand-en{display:none}main{padding:33px 23px 0}h1{font-size:39px;letter-spacing:2px}.intro>p{font-size:12px}.workspace{grid-template-columns:1fr;gap:28px;max-width:520px;margin:auto}.wheel-wrap{max-width:440px;width:92%}.meal-tabs{margin-bottom:33px}.meal-tabs button{padding:9px 16px}.wheel-section{padding:10px 4px 0}.hub{width:108px;height:108px}.hub b{font-size:24px}.bubble{left:-4px;bottom:147px}.d1{left:-4px;top:28px;font-size:25px}.d2{right:0;bottom:130px}.menu-card{padding:24px}.food-item{padding:9px}.history{max-width:520px;margin:28px auto 0}footer{gap:12px;flex-wrap:wrap;padding:22px}footer>span:last-child{display:none}.tip{margin-bottom:0}.wheel-shadow{margin-top:23px;margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#confetti i{animation:none}}
@media(max-width:480px){.hub{width:78px;height:78px;border-width:4px}.hub span{font-size:11px;letter-spacing:1px}.hub b{font-size:19px;letter-spacing:1px}.hub small{font-size:6px;letter-spacing:1px}}