.theme-toggle{font-size:20px;line-height:20px;width:44px;height:44px;padding:8px;flex-shrink:0;margin-left:auto}.header-note{margin-right:0}.header-note+.theme-toggle{margin-left:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--bg:#1c1b24;--ink:#f0ecf6;--muted:#a39aac;--purple:#b294ff;--line:#393340;--white:#25222e}html[data-theme=dark] .outline{border-color:#51465f}html[data-theme=dark] .outline:hover{background:#383040}html[data-theme=dark] .wheel-panel{background:#2b2733;border-color:#423a4c}html[data-theme=dark] .pill{background:#352e42;border-color:#4a3e58;color:#c9bdd6}html[data-theme=dark] .icon-button{background:#3b3349;color:#e3d8f0}html[data-theme=dark] .wheel-shell{border-color:#4b4059;background:#4b4059;box-shadow:0 7px 0 #15121d,0 15px 35px #0003}html[data-theme=dark] .wheel-hub{border-color:#4b4059;background:#282332}html[data-theme=dark] .pointer{background:#f1e8ff}html[data-theme=dark] .title-input,html[data-theme=dark] .presets button{background:#302a39;border-color:#44394e;color:#e3d9ed}html[data-theme=dark] .item{border-color:#39313f}html[data-theme=dark] .item input{color:#ece2f4}html[data-theme=dark] .add-form{background:#2e2738;border-color:#635077}html[data-theme=dark] .add-form input{color:#eee5f7}html[data-theme=dark] .primary{background:#9471e7;color:#fff;box-shadow:0 3px 0 #6846b0}html[data-theme=dark] .primary:hover{background:#a17fee}html[data-theme=dark] .counter{background:#3e3054}html[data-theme=dark] .wheel-bottom{border-color:#42394c;color:#b1a5bd}html[data-theme=dark] .share-banner{background:#30273e;border-color:#483854}html[data-theme=dark] .banner-icon{background:#473456}html[data-theme=dark] .share-banner h3{color:#eee5f8}html[data-theme=dark] .history-chip{background:#302938;border-color:#483d50}html[data-theme=dark] dialog textarea{background:#312a3b;border-color:#594869;color:#f2eaf9}html[data-theme=dark] .toggle-line input{background:#564b62}html[data-theme=dark] .toggle-line input:checked{background:#ab88fa}html[data-theme=dark] .intro>p,html[data-theme=dark] .list-label,html[data-theme=dark] .title-label{color:#b5a8c2}html[data-theme=dark] .text-button,html[data-theme=dark] .preset-label,html[data-theme=dark] .autosave,html[data-theme=dark] .toggle-line small,html[data-theme=dark] .empty-history,html[data-theme=dark] .share-banner p,html[data-theme=dark] .spin-controls p{color:#b0a0bf}html[data-theme=dark] .mascot-caption{color:#b4a9bc}html[data-theme=dark] .result-dialog p{color:#c2b3d1}html[data-theme=dark] footer{color:#bcaacb}
@media(max-width:650px){header{gap:10px}.theme-toggle{width:38px;height:38px;margin-left:auto}.brand{gap:5px}.header-note+.theme-toggle{margin-left:auto}header .outline{padding:9px 10px}header .theme-toggle{padding:7px}.brand-stack small{font-size:7px;letter-spacing:2px}}
.share-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.share-buttons>*{flex:1;text-align:center;white-space:nowrap;font-size:12px}.share-buttons a{display:grid;place-items:center}.share-buttons .outline{padding:14px 12px}
.wheel-hub{width:91px;height:91px;border-width:4px;overflow:hidden;padding:0;background:#111}.wheel-hub img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.intro>p br:after{content:" "}@media(max-width:650px){.wheel-hub{width:81px;height:81px;border-width:3px}}
.wheel-hub{border:3px solid #bfa77e;background:#171619;box-shadow:0 0 0 3px #fff7e9,0 3px 12px #28222b30;width:86px;height:86px}.wheel-hub img{filter:saturate(.82) brightness(.96)}html[data-theme=dark] .wheel-hub{border-color:#bfa77e;background:#171619;box-shadow:0 0 0 3px #514653,0 3px 12px #0005}@media(max-width:650px){.wheel-hub{width:77px;height:77px}}