@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f8fd;color:#16243b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{min-height:44px;border:1px solid #ccd7e7;border-radius:10px;background:white;color:#253954;padding:9px 16px;font-weight:650;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#edf4ff}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.52;cursor:not-allowed}button.primary{background:#1c56d9;color:white;border-color:#1c56d9}button.primary:hover:not(:disabled){background:#1544b2}a{color:#2453bb;text-underline-offset:3px}a:hover{color:#122f73}:focus-visible{outline:3px solid #ba5b00;outline-offset:4px}header{height:80px;background:white;border-bottom:1px solid #e2e9f3}.nav{max-width:1200px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#142846;font-size:23px;font-weight:800;letter-spacing:-.8px;text-decoration:none}.brand svg{width:34px;height:34px}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:14px;text-decoration:none;color:#475873;font-weight:600}.nav-links .active{color:#1c56d9}.tag{border:1px solid #dce5f2;background:#f7faff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.07em;color:#5a6b86}main{max-width:1144px;margin:auto;padding:32px 24px 0}.intro{margin-bottom:27px;display:flex;justify-content:space-between;align-items:end;gap:16px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.14em;color:#52739e;margin-bottom:6px}h1{font-size:clamp(28px,4vw,38px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 10px}p{margin:0 0 16px}.intro p{color:#61708a;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:24px;align-items:start}.wheel-panel,.card{background:#fff;border:1px solid #e0e7f0;border-radius:18px;box-shadow:0 4px 18px #22395504}.wheel-panel{padding:22px 28px 25px;position:relative;text-align:center;background:radial-gradient(circle at 50% 41%,#fff 36%,#f6f9fe 95%)}.panel-top{display:flex;justify-content:space-between;align-items:center;color:#60718a;font-size:13px}.panel-top strong{color:#345578;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.wheel-wrap{position:relative;width:min(100%,410px);aspect-ratio:1;margin:23px auto 21px;filter:drop-shadow(0 10px 12px #193c711c)}.wheel-face{width:100%;height:100%;padding:0;border:8px solid white;outline:1px solid #e1e8f1;border-radius:50%;background:white;overflow:hidden;display:block;box-shadow:0 0 0 7px #edf2fa;transform:none!important}.wheel-face:hover:not(:disabled){background:white}.wheel-face:disabled{opacity:1}.wheel-face svg{width:100%;height:100%;display:block;will-change:transform}.pointer{position:absolute;top:-11px;left:calc(50% - 14px);width:28px;height:35px;background:#142d53;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%);z-index:2;filter:drop-shadow(0 2px 2px #0003)}.hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;background:white;border:5px solid #e6eefb;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 8px #1e326324;color:#245ed9;font-size:25px}.spin-button{width:min(100%,350px);min-height:54px;font-size:17px;letter-spacing:.06em;box-shadow:0 5px 10px #1c56d922}.wheel-note{font-size:13px;color:#687994;margin:13px 0 0}.side{display:grid;gap:16px}.card{padding:23px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}h2{font-size:17px;letter-spacing:-.35px;margin:0}h3{font-size:17px;margin:24px 0 8px}.quiet{color:#738098;font-size:13px}.range-row,.button-row{display:flex;gap:10px}.range-row>label{flex:1;min-width:0}label{display:block;font-size:14px;color:#4b5e78;font-weight:550}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #cdd8e8;border-radius:8px;background:#fafcff;color:#203853;min-height:43px;padding:8px 10px;margin-top:6px}input[type=range]{padding:0;accent-color:#225ce0}input[type=checkbox]{accent-color:#225ce0;width:18px;height:18px}.field{margin-bottom:17px}.count-label{display:flex;justify-content:space-between}.count-badge{color:#1b58d5;background:#edf4ff;border-radius:5px;padding:0 8px;font-weight:750}.ticks{display:flex;justify-content:space-between;font-size:12px;color:#72809a}.button-row>*{flex:1}.speed{display:flex;gap:5px;margin-top:7px}.speed button{flex:1;padding:6px}.speed button[aria-pressed=true]{color:#1b55d1;background:#edf3ff;border-color:#83a8f1}.result-card{background:#eef5ff;border-color:#d6e4fc}.result-card .card-heading{margin:0}.result-value{font-size:54px;line-height:1.25;letter-spacing:-1.5px;font-weight:800;color:#184dbf;padding:9px 0;overflow-wrap:anywhere}.result-value.long{font-size:28px}.result-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-bottom small{font-size:12px;color:#587096}.result-bottom button{font-size:13px;min-height:38px;padding:6px 12px}.advanced{margin-top:20px;background:#fff;border:1px solid #e0e7f0;border-radius:12px}.advanced summary{padding:17px 20px;font-weight:650;font-size:14px;list-style-position:inside}.advanced-content{padding:0 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;align-items:center;gap:9px;min-height:40px}.advanced textarea{min-height:140px;resize:vertical}.span-all{grid-column:1/-1}.error{color:#9e2424;font-size:14px;margin:12px 0 0}.error:empty{display:none}.history{margin-top:24px}.history .card-heading{margin-bottom:12px}.text-button{font-size:13px;border:0;min-height:36px;padding:5px 9px;background:transparent;color:#506886}.history-items{display:flex;gap:8px;flex-wrap:wrap;min-height:42px;align-items:center}.history-chip{padding:7px 13px;background:#f1f5fc;border:1px solid #e0e8f5;border-radius:8px;font-weight:700;overflow-wrap:anywhere;max-width:100%}.history-chip:first-child{background:#e9f1ff;color:#1a51c8;border-color:#b9cff5}.empty-history{font-size:14px;color:#738198}.share-row{display:flex;gap:8px;align-items:center}.share-row button{font-size:13px;background:white}.share-hint{font-size:12px;color:#687994;margin:10px 0 0}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0;border-top:1px solid #dfe7f2;padding-top:28px}.how span{font-size:12px;color:#1b59d7;font-weight:750;letter-spacing:.1em}.how h3{margin:7px 0;font-size:16px}.how p{font-size:14px;color:#65748c}.content{max-width:800px;padding:20px 0 40px}.content h2{font-size:24px;margin:22px 0 13px}.content p,.content li{color:#52627b}.content details{border-bottom:1px solid #dce5f0;padding:15px 0}.content summary{font-weight:650;cursor:pointer}.content details p{padding-top:12px;margin:0}.related{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 25px}.related a{border:1px solid #dce5f1;border-radius:7px;background:white;font-size:13px;padding:7px 11px;text-decoration:none}.ad-reserve{min-height:90px;margin:20px 0;border-top:1px solid #e1e8f2;display:grid;place-items:center;color:#738198;font-size:12px}.ad-reserve:empty{display:block}footer{border-top:1px solid #dfe7f2;max-width:1144px;padding:23px 24px 30px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#687994}footer nav{display:flex;flex-wrap:wrap;gap:16px}footer a{color:#65748c;text-decoration:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#173055;color:white;padding:10px 20px;border-radius:10px;box-shadow:0 5px 25px #0002;z-index:10}.toast:empty{display:none}.skip{position:fixed;top:-70px;left:15px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.doc{max-width:780px;min-height:65vh}.doc h1{margin:16px 0 25px}.doc h2{margin-top:28px}.noscript{padding:15px;background:#fff0cc}.install{display:none}.install.available{display:inline-block}@media(max-width:800px){.workspace{grid-template-columns:1fr 1fr;gap:16px}.wheel-panel{padding:19px 17px}.wheel-wrap{margin:28px auto}.card{padding:18px}.intro{align-items:start}.intro .tag{display:none}.nav-links{gap:16px}}@media(max-width:640px){header{height:64px}.nav{padding:0 18px}.brand{font-size:21px}.nav-links a:not(:first-child){display:none}main{padding:24px 16px 0}.intro{margin-bottom:20px}.intro p{font-size:14px}.workspace{grid-template-columns:1fr}.wheel-panel{padding:15px 20px 21px}.wheel-wrap{width:min(100%,340px);margin:25px auto 20px}.side{grid-template-columns:1fr}.result-card{order:-1}.result-value{font-size:40px}.card{padding:18px}.advanced-content{grid-template-columns:1fr}.how{gap:18px;grid-template-columns:1fr;margin:28px 0}.how p{margin:0}.how h3{display:inline;margin-left:9px}.how span{font-size:13px}footer{flex-direction:column}.advanced{margin-top:16px}.share-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}