:root{--ink:#17243c;--gold:#b57913;--bg:#fffaf2;--surface:#fff;--soft:#fafbfe;--line:#dfe4ec;--muted:#68758a}*{box-sizing:border-box}html[data-theme=dark]{--ink:#f5f7fb;--gold:#d6a246;--bg:#0b1220;--surface:#131d2e;--soft:#101a2a;--line:#2b384d;--muted:#a9b5c8;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}button,textarea{font:inherit}.hero{max-width:1180px;margin:auto;padding:58px 24px 44px;display:grid;grid-template-columns:1fr 300px;gap:65px;align-items:end}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1.5px}.hero h1{margin:18px 0 16px;font-size:clamp(50px,7vw,82px);line-height:.9;letter-spacing:-5px}.hero em{color:var(--gold);font-style:normal}.hero p{max-width:570px;margin:0;color:var(--muted);font-size:18px;line-height:1.55}.ad{min-height:250px;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;background:var(--soft);border:1px dashed #aaa;border-radius:14px;padding:12px}.ad-live{border-style:solid;border-color:var(--line)}.ad-live .adsbygoogle{display:block;min-height:250px;width:100%;flex:1}.ad small{letter-spacing:1.5px;color:var(--muted)}.ad strong{margin:18px 0 6px}.ad span{font-size:13px;color:var(--muted)}.tool{max-width:1180px;margin:0 auto 80px;display:grid;grid-template-columns:1.45fr .8fr;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #1b2b451a}.wheel-panel{min-height:680px;padding:54px 30px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,var(--surface),var(--soft))}.wheel-wrap{position:relative;width:min(500px,84vw);aspect-ratio:1}.wheel-wrap canvas{width:100%;height:100%;border:12px solid var(--surface);border-radius:50%;box-shadow:0 0 0 2px var(--line),0 16px 35px #1d2f4d2e;transition:transform 3s cubic-bezier(.12,.68,.08,1)}.pointer{position:absolute;z-index:4;top:-29px;left:50%;transform:translateX(-50%);border-left:21px solid transparent;border-right:21px solid transparent;border-top:38px solid var(--ink)}#spinCentre{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:10px solid var(--surface);border-radius:50%;background:#17243c;color:#fff;font-weight:900;font-size:15px}.actions{display:flex;gap:10px;margin-top:38px}.actions button{min-height:50px;padding:0 25px;border:0;border-radius:11px;background:var(--gold);color:#fff;font-weight:800;box-shadow:0 5px 0 #7d4f08}.choices{padding:42px 34px;background:var(--soft);border-left:1px solid var(--line)}.choices-title{display:flex;justify-content:space-between}.choices-title small{color:var(--gold);font-weight:800;letter-spacing:1.3px}.choices-title h2{margin:7px 0}.choices-title>b{height:max-content;padding:6px 9px;background:var(--surface);border-radius:20px;font-size:11px}.add{display:flex;gap:8px;margin-top:24px}.add textarea{min-width:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);resize:vertical}.add button{width:46px;border:0;border-radius:10px;background:var(--gold);color:#fff;font-size:24px}.hint{font-size:10px;color:var(--muted)}ul{max-height:350px;margin:16px 0 0;padding:0;display:grid;gap:8px;overflow:auto;list-style:none}li{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--surface);border:1px solid var(--line);border-radius:9px}li>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}li button{width:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink)}li .trash{color:#c43d3d}.qty{font-weight:700;min-width:24px;text-align:center}.clear{margin-top:16px;border:0;background:none;color:var(--muted)}.history{max-width:1180px;margin:-45px auto 80px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.history-title{display:flex;justify-content:space-between}.history-title small{color:var(--gold);font-weight:800}.history-title h2{margin:4px 0}.history-title button{border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--muted)}.history>p{text-align:center;padding:20px;background:var(--soft);color:var(--muted)}ol{padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none}ol li{justify-content:space-between}.content{max-width:1180px;margin:auto;padding:0 24px 90px}.content h2{font-size:36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{padding:28px;display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.steps b{color:var(--gold)}.steps span{color:var(--muted)}footer{padding:22px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer img{width:112px;height:34px;object-fit:contain}footer a{color:inherit}.modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#0b14265c;backdrop-filter:blur(3px)}.modal[hidden]{display:none}.result{position:relative;z-index:2;width:min(390px,calc(100% - 36px));padding:30px;text-align:center;background:var(--surface);border:2px solid var(--gold);border-radius:22px}.result small,.result strong{display:block}.result strong{font-size:34px;margin:8px 0}.result>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result>div button{min-height:45px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink)}#remove{background:#d84848;color:#fff}.close{position:absolute;right:12px;top:12px;border:0;background:none;color:var(--ink);font-size:25px}.star{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:var(--gold);color:#fff}.sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sparks i{position:absolute;left:50%;top:50%;width:8px;height:16px;background:var(--c);animation:spark 1.2s forwards;transform:rotate(var(--a)) translateY(0)}@keyframes spark{to{opacity:0;transform:rotate(var(--a)) translateY(-260px)}}@media(min-width:1100px){}@media(max-width:800px){.hero,.tool{grid-template-columns:1fr}.hero{gap:28px}.choices{border-left:0;border-top:1px solid var(--line)}.ad{min-height:250px}.tool{margin-left:14px;margin-right:14px}.history{margin-left:14px;margin-right:14px}.steps{grid-template-columns:1fr}ol{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hero h1{letter-spacing:-3px}.actions{width:86%;flex-direction:column}.actions button{width:100%}ol{grid-template-columns:1fr}}.share-strip{padding:18px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--soft);border-top:1px solid var(--line);color:var(--muted);font-size:13px}.share-strip>span{margin-right:4px}.share-strip a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:800;transition:border-color .15s,transform .15s}.share-strip a:hover{border-color:var(--gold);transform:translateY(-1px)}@media(max-width:600px){.share-strip{gap:8px}.share-strip>span{width:100%;margin-bottom:3px}.share-strip a{padding:0 12px}}