:root{--bg:#f7f2e9;--white:#fffbf4;--ink:#28252a;--purple:#967043;--line:#e3d6c4;--muted:#8b7b6b}html[data-theme=dark]{--bg:#18191e;--white:#212228;--ink:#f4ebdc;--purple:#dec49c;--line:#3a3534;--muted:#ada394}body{background:radial-gradient(ellipse at 5% 20%,#d6bba315,transparent 42%),radial-gradient(ellipse at 95% 70%,#9ebbd910,transparent 45%),var(--bg)}.app{max-width:1260px}header{border-bottom-color:var(--line)}.brand-icon{color:#bda17d}.brand-stack small{color:#ae8b5e;letter-spacing:2.6px}.header-note{color:#9b8c7b}.intro .eyebrow{color:#9d7c53}.intro .eyebrow>span{background:#d1b58a;box-shadow:0 0 10px #cfac7470}.intro h1{font-weight:800;letter-spacing:-2.8px}.intro h1 span{color:#a17b48}.intro h1 svg{stroke:#c4989d;stroke-width:2}.intro>p{color:#91816e}.outline{border-color:#d4c2aa;background:#fff8ee40;border-radius:10px}.outline:hover{background:#efe1ce}.primary,.spin{background:linear-gradient(120deg,#e7ceaa,#c7a16d);color:#292329;box-shadow:0 3px 0 #9e794c;border:1px solid #e6cfaa;font-weight:700}.primary:hover,.spin:hover{background:linear-gradient(120deg,#f0ddc0,#d4b380)}.wheel-panel{background:linear-gradient(150deg,#f0e8db,#e8ded0);border-color:#ddcbb4;border-radius:23px}.wheel-shell{border:7px solid #c4ab85;background:#c4ab85;box-shadow:0 0 0 1px #efe0c2,0 6px 0 #aa9171,0 18px 34px #3c302a20}.wheel-shell:after{content:'';position:absolute;inset:-7px;border:1px solid #fff1d270;pointer-events:none;border-radius:50%}.pointer{background:linear-gradient(110deg,#b8935f,#ffefd1 45%,#9e774d);width:26px;height:44px;clip-path:polygon(50% 0,100% 25%,70% 75%,50% 100%,30% 75%,0 25%);top:-20px;filter:drop-shadow(0 3px 2px #19161b60)}.wheel-hub{border-color:#d1b58a;box-shadow:0 0 0 3px #4e4140,0 3px 15px #221a2960}.wheel-hub img{filter:saturate(.88) brightness(.93)}.pill{border-color:#d4c2ab;background:#fff5e8;color:#8d775d}.icon-button{background:#f8eedd;color:#9d7b52}.star-one,.star-two{color:#c7a77a}.squiggle{color:#b3bed2;font-size:33px}.mascot{background:none;border:0;box-shadow:none;width:57px;height:66px;transform:rotate(8deg);right:12px;bottom:17px}.mascot .eye,.mascot .smile{display:none}.mascot:before{content:'✧';color:#c29a6b;font-size:66px;line-height:1;width:auto;height:auto;background:none;left:0;bottom:0}.mascot:after{display:none}.mascot-caption{color:#9c8770;font-size:8px;bottom:-7px;right:7px}.spin-controls p{color:#98826b}.wheel-bottom{border-color:#d9c7b0;color:#8b785f}.wheel-bottom i{background:#b1946e}.editor{border-radius:23px;border-color:#dfd1bf;background:#fffbf4}.counter{color:#9b7748;background:#f1e6d6}.title-input{background:#f8f0e5;border-color:#e2d2bd;color:#4d4135}.item{border-color:#ece0d1}.item input{color:#564a40}.add-form{background:#faf1e6;border-color:#d1b994}.presets button{background:#f5ede1;border-color:#e5d6c2}.presets button:hover{background:#eee0cb;border-color:#cbb18a}.toggle-line input:checked{background:#b79667}.share-banner{background:linear-gradient(110deg,#eee3d2,#f4e7e2);border-color:#d9c4a6;border-radius:16px}.banner-icon{background:#e4d2b5;color:#957148}.share-banner h3{color:#6d5438}.share-banner p{color:#9c8266}.share-banner button{border-color:#c6ab85}.history-chip{background:#fcf6ed;border-color:#ddcbb3}.history-chip b{color:#b38c57}.text-button{color:#9d856a}input:focus,textarea:focus{outline-color:#bea074}button:focus-visible,a:focus-visible{outline-color:#d7b681}#toast{background:#3a302a;color:#fff4df}.result-spark{color:#c9a66e}.result-dialog .primary{color:#2d2524}.result-dialog h2{font-weight:800}.result-note{color:#9f8a76!important}html[data-theme=dark] body{background:radial-gradient(ellipse at 12% 4%,#b8875620,transparent 45%),radial-gradient(ellipse at 95% 60%,#7998ba10,transparent 40%),#18191e}html[data-theme=dark] .intro h1 span{background:linear-gradient(100deg,#f0dfc2,#c9a574);background-clip:text;-webkit-text-fill-color:transparent}html[data-theme=dark] .intro h1 svg{stroke:#c0879b}html[data-theme=dark] .brand-stack small{color:#b39b7e}html[data-theme=dark] .intro>p{color:#a89d91}html[data-theme=dark] .intro .eyebrow{color:#c8ad85}html[data-theme=dark] .outline{border-color:#514638;background:#28252b60}html[data-theme=dark] .outline:hover{background:#3c332c}html[data-theme=dark] .wheel-panel{background:radial-gradient(ellipse at 50% 35%,#383237,#24242a 70%);border-color:#4a4038}html[data-theme=dark] .wheel-shell{border-color:#ad9169;background:#ad9169;box-shadow:0 0 0 1px #efcf9560,0 6px 0 #66513c,0 18px 40px #0005}html[data-theme=dark] .pointer{background:linear-gradient(110deg,#a88050,#ffefd1 45%,#9c7146)}html[data-theme=dark] .wheel-hub{border-color:#d6bd94;box-shadow:0 0 0 3px #51463e,0 3px 14px #0008}html[data-theme=dark] .pill{background:#302b29;border-color:#554638;color:#c6b193}html[data-theme=dark] .icon-button{background:#39312d;color:#d2b791}html[data-theme=dark] .primary{background:linear-gradient(120deg,#ead6b8,#c7a16d);color:#292329;box-shadow:0 3px 0 #927047;border-color:#e8d1ac}html[data-theme=dark] .primary:hover{background:linear-gradient(120deg,#f4e3c8,#d8b783)}html[data-theme=dark] .editor{background:linear-gradient(150deg,#25252b,#202127);border-color:#443c36}html[data-theme=dark] .title-input,html[data-theme=dark] .presets button{background:#302c2c;border-color:#514237;color:#e6d6c1}html[data-theme=dark] .item{border-color:#3b3330}html[data-theme=dark] .item input{color:#e5d8c8}html[data-theme=dark] .add-form{background:#29272b;border-color:#705a40}html[data-theme=dark] .add-form input{color:#ead9c0}html[data-theme=dark] .counter{background:#46382b;color:#dfc095}html[data-theme=dark] .toggle-line input:checked{background:#ba9766}html[data-theme=dark] .wheel-bottom{border-color:#4a3c30;color:#a69783}html[data-theme=dark] .share-banner{background:linear-gradient(115deg,#302b29,#2d262c);border-color:#5a4734}html[data-theme=dark] .banner-icon{background:#493a2b;color:#dfc197}html[data-theme=dark] .share-banner h3{color:#e4d2b7}html[data-theme=dark] .share-banner p{color:#b1a08a}html[data-theme=dark] .history-chip{background:#2d2929;border-color:#514335}html[data-theme=dark] .text-button,html[data-theme=dark] .autosave,html[data-theme=dark] .preset-label,html[data-theme=dark] .toggle-line small,html[data-theme=dark] .spin-controls p{color:#b09b82}html[data-theme=dark] dialog textarea{background:#2a2729;border-color:#64513c;color:#e7d8c2}html[data-theme=dark] .result-dialog p{color:#bca68a}html[data-theme=dark] .result-dialog{background:radial-gradient(ellipse at 50% 0,#51403150,transparent 65%),#222127}html[data-theme=dark] footer{color:#a58f75}html[data-theme=dark] .mascot-caption{color:#b39b7e}html[data-theme=dark] .list-label,html[data-theme=dark] .title-label{color:#bba68b}html[data-theme=dark] .empty-history{color:#aa9680}html[data-theme=dark] .small{color:#af977d}html[data-theme=dark] .result-dialog.shared .result-spark{color:#d5b781}
@media(max-width:650px){.intro h1{letter-spacing:-2.1px}.wheel-shell{border-width:6px}.wheel-shell:after{inset:-6px}.mascot{transform:scale(.8) rotate(8deg);bottom:7px}.mascot-caption{font-size:7px}.primary{min-height:47px}.editor{padding:23px}.share-banner{padding:20px}.brand-stack small{font-size:7px;letter-spacing:2px}}
.brand-mark{width:58px;height:58px;object-fit:contain;border-radius:50%;border:1px solid #c2a57a;box-shadow:0 2px 10px #29232920;flex-shrink:0}.brand{gap:10px}.wheel-hub{width:65px;height:65px;color:#e8ceaa;background:linear-gradient(145deg,#393139,#201e25);border:3px solid #d2b68d;box-shadow:0 0 0 3px #4a3a33,0 3px 12px #28222b50;display:grid;place-items:center}.hub-spark{width:32px;height:32px;display:block}.wheel-hub:after{content:none}html[data-theme=dark] .wheel-hub{background:linear-gradient(145deg,#393139,#201e25);border-color:#d2b68d;box-shadow:0 0 0 3px #4a3a33,0 3px 12px #0006}@media(max-width:650px){.brand-mark{width:45px;height:45px}.brand{gap:8px}.wheel-hub{width:57px;height:57px}.hub-spark{width:28px;height:28px}}@media(max-width:400px){header #shareTop{font-size:0;width:39px;height:39px;padding:8px}header #shareTop span{font-size:18px;margin:0}.brand{margin-right:auto}.theme-toggle{margin-left:0!important}}
.pointer,html[data-theme=dark] .pointer{width:32px;height:47px;top:-20px;background:none;clip-path:none;filter:drop-shadow(0 3px 2px #17151b70)}.pointer:before,.pointer:after{content:"";position:absolute;clip-path:polygon(50% 0,100% 24%,74% 66%,50% 100%,26% 66%,0 24%)}.pointer:before{inset:0;background:#29242e}.pointer:after{inset:4px 4px 7px;background:linear-gradient(135deg,#e5c897,#c49b60)}