@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
.reset-button{border:1px solid #d6dcc9;border-radius:8px;background:#e9eedc;color:#48603b;padding:9px 12px;font-size:11px;font-weight:600;white-space:nowrap}.reset-button:hover:not(:disabled){background:#dce5cc}
:root{font-family:'Noto Sans TC',sans-serif;color:#243e34;background:#f6f6ef;font-synthesis:none;--green:#254d3d;--muted:#81877d;--line:#e5e7dc}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.site-header{height:88px;padding:0 6%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.7px}.brand-icon{font-size:37px;color:var(--green)}.brand-en{font-size:10px;letter-spacing:2px;margin-left:8px;font-weight:600}.header-note{font-size:12px;color:#707b6d;display:flex;align-items:center;gap:9px}.header-note i{height:6px;width:6px;border-radius:50%;background:#8aa87c}main{max-width:1232px;margin:auto;padding:49px 36px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;margin:0 0 12px;color:#76816d}h1{font-size:46px;letter-spacing:-2px;margin:0;font-weight:900}h1>span{color:#8aa165}.intro-copy{font-size:13px;color:#7a8175;margin:13px 0 0;line-height:1.8}.rule-badge{border:1px solid #dce1cf;border-radius:12px;display:flex;gap:13px;align-items:center;padding:15px 20px;background:#eef1e5;transform:rotate(3deg)}.rule-badge>span{font-size:33px;color:#688054}.rule-badge strong{display:block;font-size:13px}.rule-badge small{display:block;font-size:10px;color:#818977;margin-top:5px}.workspace{display:grid;grid-template-columns:1.16fr 1fr;gap:24px}.wheel-card,.collection-card{border:1px solid var(--line);border-radius:20px;overflow:hidden}.wheel-card{background:#edf0e3;padding:24px 28px;text-align:center;position:relative}.card-heading{display:flex;align-items:center;justify-content:space-between;text-align:left}h2{font-size:15px;font-weight:700;margin:0}.tiny-star{color:#81926d;margin-right:7px;font-size:20px}.pill{font-size:10px;border:1px solid #d6dcc9;background:#f5f6ee;padding:6px 11px;border-radius:20px;color:#6c7d5e}.wheel-stage{height:365px;display:grid;place-items:center;position:relative;margin:10px 0 0}.wheel-wrap{width:310px;height:310px;position:relative;z-index:1}canvas{display:block;width:100%;height:100%;border-radius:50%;border:8px solid #fffdf4;box-shadow:0 0 0 1px #d9dfcd,0 13px 25px #344b3220;transform:rotate(0deg)}.pointer{position:absolute;z-index:3;top:-13px;left:calc(50% - 13px);width:26px;height:36px;background:#284f3e;clip-path:polygon(0 0,100% 0,100% 40%,50% 100%,0 40%);filter:drop-shadow(0 2px 2px #0003)}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;background:#fffdf4;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:20px;box-shadow:0 2px 9px #253e3220;border:5px solid #ffffff70}.wheel-hub span{font-size:7px;letter-spacing:1px;margin-top:3px;color:#7d8977}.orbit{position:absolute;border:1px dashed #d4dcc6;border-radius:50%;width:350px;height:350px}.orbit-two{width:398px;height:398px;opacity:.45}.decoration{position:absolute;color:#99aa7e;font-size:26px}.decor-one{left:7%;top:18%}.decor-two{right:5%;bottom:17%;font-size:20px}.wheel-caption{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;letter-spacing:2px;color:#8c957f;margin:9px 0 22px}.mini-line{width:24px;height:1px;background:#c4cdb5}.primary{background:var(--green);color:#fff;border:0;border-radius:10px;font-weight:600}.spin-button{padding:15px 22px;width:80%;font-size:16px;box-shadow:0 4px 0 #193c2e;transition:background .2s}.spin-button:hover:not(:disabled){background:#38634c}.spin-button span{float:right}.subtle{color:#8a9183;font-size:10px;line-height:1.8}.centered{text-align:center;margin:13px 0 0}.collection-card{background:#fffefa;padding:27px 26px;display:flex;flex-direction:column}.count{color:#96a087;font-size:12px;margin-left:6px}.small-label{font-size:8px;letter-spacing:1.5px;color:#9b9f90}form{padding:23px 0 19px;border-bottom:1px solid var(--line)}label{font-size:12px;font-weight:600}.field-help{font-size:10px;color:#8b9084;margin:7px 0 12px}textarea,input{width:100%;background:#f8f8f2;border:1px solid #e5e7dc;border-radius:8px;padding:11px 12px;font-size:11px;outline:none;color:#294634}textarea{resize:vertical;min-height:65px;max-height:150px}textarea:focus,input:focus{border-color:#7c9870;box-shadow:0 0 0 3px #eaf0df}::placeholder{color:#a1a597}.name-row{display:flex;gap:8px;margin-top:8px}.name-row input{min-width:0}.add-button{flex-shrink:0;background:#e9eedc;color:#48603b;border:1px solid #dde4cd;border-radius:8px;font-size:12px;padding:0 13px;font-weight:600}.form-message{font-size:11px;line-height:1.6;color:#ac522d;margin:8px 0 0}.form-message:empty{display:none}.list-heading{display:flex;justify-content:space-between;margin:20px 0 13px;font-size:11px;font-weight:600}.list-heading span+span{font-size:10px;font-weight:400;color:#909785}.restaurant-list{min-height:200px;max-height:313px;overflow-y:auto}.empty-state{padding:28px 12px;text-align:center}.empty-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#f0f2e7;font-size:27px;margin:0 auto 14px;color:#8d9f75}.empty-state strong{font-size:13px;font-weight:500}.empty-state p{font-size:11px;line-height:1.9;color:#9a9e91;margin-bottom:0}.restaurant{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f0e8}.restaurant:last-child{border-bottom:none}.restaurant-icon{width:37px;height:37px;border-radius:11px;background:#edf1e4;color:#6a8158;display:grid;place-items:center;flex-shrink:0;font-size:17px}.restaurant.locked .restaurant-icon{background:#f2eee6;color:#a49276}.restaurant-info{min-width:0;flex:1}.restaurant-info a{font-size:12px;font-weight:500;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restaurant-info a:hover{text-decoration:underline}.restaurant-info small{display:block;font-size:9px;margin-top:5px;color:#969c8d}.status{font-size:9px;padding:5px 7px;border-radius:5px;background:#eef3e5;color:#75875e;white-space:nowrap}.locked .status{background:#f5f0e7;color:#a28b6c}.remove{border:0;background:transparent;color:#a6aa9e;padding:6px;font-size:17px}.remove:hover{color:#b74c37}.storage-note{font-size:9px;color:#9a9e91;margin-top:auto;padding-top:19px;line-height:1.8}.storage-note span{font-size:16px;margin-right:5px}.history-section{margin-top:34px}.history-heading{display:flex;justify-content:space-between;align-items:center}.history-heading h2{font-size:13px}.history-heading h2 span{font-size:8px;letter-spacing:1.6px;color:#a0a592;margin-left:11px;font-weight:500}.history-heading>span{font-size:10px;color:#979e8b}.history{margin-top:15px;display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.history-empty{border:1px dashed #dfe3d3;border-radius:10px;color:#9ba28f;text-align:center;font-size:11px;padding:21px;width:100%}.history-item{min-width:180px;max-width:240px;border:1px solid var(--line);border-radius:10px;padding:15px;background:#fffefa}.history-item small{font-size:9px;color:#9ca58d}.history-item strong{display:block;font-size:12px;margin:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item span{font-size:9px;color:#879876}footer{margin-top:30px;border-top:1px solid var(--line);padding:23px 0 27px;display:flex;justify-content:space-between;font-size:9px;color:#9aa08f}footer>span+span{font-size:8px;letter-spacing:1.2px}footer>span+span span{margin-left:12px;color:#80966e;font-size:14px}.footer-dot{margin:0 7px}.result{margin:20px auto 0;padding:16px;border:1px solid #d0dbc1;background:#fafbf4;border-radius:12px}.result p{font-size:11px;margin:0 0 7px;color:#7d8d6c}.result strong{font-size:21px;display:block;overflow-wrap:anywhere}.result a{display:inline-block;font-size:12px;margin-top:12px;color:#335d43}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#284633;color:#fff;padding:12px 20px;border-radius:10px;font-size:12px;box-shadow:0 4px 20px #0002;z-index:5;max-width:90%;width:max-content}button:focus-visible,a:focus-visible{outline:3px solid #a6b975;outline-offset:3px}@media(min-width:1400px){main{padding-top:60px}}@media(max-width:900px){main{padding:30px 22px 0}.workspace{gap:16px;grid-template-columns:1fr 1fr}.wheel-card{padding:23px 15px}.collection-card{padding:24px 18px}.wheel-wrap{width:260px;height:260px}.wheel-stage{height:320px}.orbit-one{width:295px;height:295px}.orbit-two{width:335px;height:335px}.small-label{display:none}.spin-button{width:90%}}@media(max-width:680px){.site-header{height:70px;padding:0 22px}.header-note{display:none}.brand{font-size:18px}.brand-en{font-size:8px}.intro{align-items:flex-start;gap:10px;margin-bottom:26px}h1{font-size:36px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro-copy{font-size:11px;max-width:220px}.rule-badge{padding:10px;gap:7px;margin-top:18px}.rule-badge>span{font-size:23px}.rule-badge strong{font-size:10px}.rule-badge small{font-size:8px}.workspace{grid-template-columns:1fr}.wheel-card{padding:23px}.wheel-wrap{width:280px;height:280px}.wheel-stage{height:325px}.orbit-one{width:310px;height:310px}.orbit-two{width:352px;height:352px}.wheel-caption{margin-top:8px}.collection-card{padding:24px}.restaurant-list{min-height:120px}.history-heading>span{display:none}footer{gap:15px;line-height:1.8}footer>span+span{max-width:120px;text-align:right;font-size:7px}.history-heading h2 span{font-size:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}