:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f1f4f9;background:#07090d;font-synthesis:none;--muted: #929cab;--border: rgba(186, 206, 239, .13);--accent: #a7d1ff;--mono: ui-monospace, SFMono-Regular, monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}*:focus,*:focus-visible{outline:none!important}button:focus-visible,a:focus-visible{filter:brightness(1.2);text-decoration:underline;text-decoration-color:#d7dfe9;text-underline-offset:4px}button:focus-visible{background-color:#e4e9f01c}input:focus-visible,select:focus-visible{box-shadow:inset 0 -1px #e4e9f08c}button svg{flex-shrink:0}button{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s,color .2s}button:active:not(:disabled){transform:scale(.975)}.page-width{width:calc(100% - 112px);max-width:1280px;margin:0 auto}.mono,.eyebrow{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:1.15px}.eyebrow{font-size:11px;color:#c7d1de;letter-spacing:1.8px}.orbit-site{min-height:100vh;position:relative;isolation:isolate;overflow:hidden}.environment{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 40%,#111b2a80 0%,transparent 56%),linear-gradient(150deg,#0d1119,#080b10 45%,#07090d)}.ambient-light{position:absolute;right:10%;top:180px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#39699a16,transparent 65%);animation:ambient-drift 18s ease-in-out infinite alternate}.technical-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:linear-gradient(#aac8ed 1px,transparent 1px),linear-gradient(90deg,#aac8ed 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 65% 50%,black,transparent 70%);mask-image:radial-gradient(ellipse at 65% 50%,black,transparent 70%)}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.014;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.navigation{display:flex;align-items:center;justify-content:space-between;height:88px;border-bottom:1px solid #a0b9dd12;animation:enter .7s both}.brand{display:flex;align-items:center;gap:11px}.brand>svg{color:#d5e8fc}.brand>span{font-size:20px;letter-spacing:5px;font-weight:650}.brand>i{height:16px;width:1px;background:#66738844;margin:0 7px}.brand>small{font-family:var(--mono);font-size:9px;letter-spacing:1.4px;color:#919bad}.navigation nav{display:flex;align-items:center;gap:24px}.navigation nav>button{padding:9px 0;background:none;display:flex;gap:8px;align-items:center;font-size:12px;color:#a9b3c1}.navigation nav>button:hover{color:#f5f8fc}.history-count{border:1px solid var(--border);font-size:9px;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center}.nav-status{display:flex;align-items:center;gap:8px;margin-left:5px;color:#859ca3;font-size:8px;letter-spacing:1px}.signal{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ac9b8;box-shadow:0 0 8px #78c9b52e;vertical-align:middle}.signal.working{background:#a3d0ff;animation:blink 1s infinite}.hero{padding:44px 0 30px;display:flex;justify-content:space-between;align-items:flex-end;animation:enter .8s .08s both}.hero-label{display:flex;align-items:center;gap:8px;font-size:9px;color:#8f9dae;letter-spacing:1.5px}.hero-label>span{height:1px;width:22px;background:#98b3d6}.hero h1{font-weight:450;font-size:clamp(40px,4.6vw,62px);letter-spacing:-3px;line-height:1.1;margin:20px 0 14px}.hero h1 em{font-style:normal;background:linear-gradient(105deg,#f1f5fb,#a5c4e9 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:14px;font-weight:400;color:#959faf;margin:0;letter-spacing:.05px}.hero-aside{display:flex;gap:13px;align-items:center;font-size:11px;line-height:1.8;color:#808a9b;padding-bottom:3px}.tiny-orbit{color:#8b9aae;display:grid;place-items:center;width:44px;height:44px;border:1px solid #a4bdde1a;border-radius:50%}.workspace{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:clamp(36px,7vw,110px);align-items:center;padding-bottom:48px}.editor-column{padding-top:24px;animation:enter .9s .16s both}.glass{position:relative;background:linear-gradient(125deg,#93acd30e,#748eb806 48%,#648dc90a),#111720b3;border:1px solid var(--border);border-radius:22px;box-shadow:inset 0 1px #fff00000,inset 0 1px 1px #d4e6ff0c,0 20px 65px #0003;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--pointer-x, 0px) var(--pointer-y, 0px),#b7d2ff09,transparent 80%);opacity:0;transition:opacity .3s}.glass:hover:before{opacity:1}.glass:after{content:"";position:absolute;left:10%;right:18%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#d1e4ff33,transparent);pointer-events:none}.editor-panel{padding:26px 24px 15px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-head p{margin:7px 0 0;font-size:11px;color:#919dae}.count-badge{font-size:9px;letter-spacing:.8px;color:#8b9aaf;background:#bacfe60a;border:1px solid #a9bfd914;border-radius:6px;padding:6px 7px}.preset-select{position:relative;margin:24px 0 25px;height:44px;border:1px solid #a9bfdf1b;border-radius:9px;background:linear-gradient(120deg,#c5dbff08,#c5dbff03);display:flex;align-items:center;padding:0 12px}.preset-select>span{font-size:8px;color:#8c9cae;letter-spacing:1px;pointer-events:none}.preset-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#cbd5e3;width:100%;height:100%;font-size:12px;padding:0 23px 0 13px;cursor:pointer}.preset-select select option{background:#151d29;color:#f3f6fa}.preset-select>svg{position:absolute;right:12px;pointer-events:none;color:#8694a7}.options-label{display:flex;justify-content:space-between;color:#8290a3;font-size:7px;letter-spacing:.8px;margin-bottom:10px}.option-list{padding:0;margin:0;list-style:none}.option-row{display:flex;align-items:center;height:46px;border-bottom:1px solid #a7badf0c;gap:9px;transition:background .2s;border-radius:5px;animation:row-enter .3s both}.option-row:hover,.option-row:focus-within{background:#bad9ff04}.drag-handle{padding:8px 0;background:none;color:#617086;cursor:grab;display:flex;align-items:center}.color-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;box-shadow:0 0 9px #abcfff0a}.option-row>input{background:none;border:0;min-width:0;width:100%;color:#d0d9e5;font-size:12px;padding:6px 0;text-overflow:ellipsis}.option-row>input:focus-visible{border-radius:3px}.reorder{display:flex;flex-direction:column;gap:0;opacity:.5;transition:opacity .2s}.reorder button{color:#a9b8cc;background:none;display:flex;padding:2px}.option-row:hover .reorder,.option-row:focus-within .reorder{opacity:1}.remove-option{background:none;color:#9eacbf;padding:6px 0 6px 4px;display:flex}.remove-option:hover{color:#f0c8c8}.add-option{border:1px dashed #b9d1ed2b;display:flex;align-items:center;gap:9px;height:42px;border-radius:8px;margin-top:17px;padding:0 10px;color:#8496ac;transition:border-color .2s,background .2s}.add-option:focus-within{border-color:#d3dce56b;background:#e7edf008}.glass-input{border:0;background:transparent;color:#f0f6ff;width:100%;min-width:0;font-size:12px;height:100%;outline:0!important}.glass-input::placeholder{color:#929faf}.add-option button{background:none;color:#9ca9bb;font-size:15px;padding:6px}.editor-message{min-height:37px;padding-top:10px;font-size:10px;line-height:1.5;color:#8d9bae}.editor-footer{display:flex;justify-content:space-between;border-top:1px solid #b4c7e314;padding-top:12px;gap:8px}.text-button{background:none;border:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#9daabd;font-size:10px;padding:6px 0;white-space:nowrap;border-radius:4px}.text-button:hover{color:#e7f2ff}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(115deg,#cce1ff12,#cce1ff04);border:1px solid #d1e1f32e;color:#dce8f6;border-radius:10px;padding:12px 20px;font-size:12px;font-weight:500;box-shadow:inset 0 1px #f0f6ff10,0 4px 12px #0002}.glass-button:hover:not(:disabled){background:linear-gradient(115deg,#dbeaff21,#bedfff09);border-color:#d1e1f352;box-shadow:inset 0 1px #f0f6ff15,0 6px 20px #0003;transform:translateY(-1px)}.glass-button.text-button{background:none;border:0;box-shadow:none;padding:6px 0;font-size:10px;font-weight:400;color:#9daabd}.primary-button{position:relative;background:linear-gradient(120deg,#e5f0ff,#b8d2f3);color:#122135;font-weight:600;border:1px solid #eff7ff9c;box-shadow:inset 0 1px #fff,0 3px 22px #86b7ed1a;overflow:hidden}.primary-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,#fff6 45%,transparent 70%);transform:translate(-150%);transition:transform .8s}.primary-button:hover:not(:disabled):before{transform:translate(150%)}.primary-button:hover:not(:disabled){background:linear-gradient(120deg,#eff7ff,#c7ddf9);border-color:#fff;color:#0d1d30;box-shadow:inset 0 1px #fff,0 6px 30px #86b7ed26}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#7d8a9c;margin-top:17px}.privacy-note svg{flex-shrink:0;color:#8393a9}.wheel-column{animation:enter 1.1s .2s both;min-width:0}.instrument{width:100%;max-width:650px;margin:0 auto}.instrument-top,.instrument-bottom{display:flex;justify-content:space-between;color:#8694a6;align-items:center;padding:0 24px}.instrument-top{padding-top:8px}.instrument-top .mono{font-size:8px;letter-spacing:1.2px}.wheel-stage{position:relative;width:100%;aspect-ratio:1;max-width:520px;margin:0 auto;isolation:isolate}.wheel-ambient{position:absolute;top:11%;right:11%;bottom:11%;left:11%;background:radial-gradient(circle,#96c5ff10 0%,#699edd07 40%,transparent 70%);filter:blur(22px);z-index:-1;transition:opacity .4s}.wheel-measure{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wheel-rotor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;will-change:transform}.wheel-rotor>svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 9px 20px #0005)}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 35% 10%,#283448,#111823 65%,#0e1520);border:1px solid #9fbcdc4d;box-shadow:inset 0 2px 2px #d9eaff16,0 0 0 7px #080f1ad9,0 0 0 8px #a2c4ec16,0 12px 25px #0007,0 0 35px #a1ccff06;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#c3d6ef;transition:background .3s,box-shadow .3s}.wheel-hub>span{font-size:13px;letter-spacing:3px;padding-left:3px;font-weight:500}.wheel-hub>small{font-family:var(--mono);font-size:6px;letter-spacing:.8px;color:#9cacc0}.wheel-hub:hover:not(:disabled){background:radial-gradient(ellipse at 35% 10%,#344358,#172232 65%,#111b2a);box-shadow:inset 0 2px 2px #d9eaff20,0 0 0 7px #080f1ad9,0 0 0 8px #a2c4ec27,0 12px 25px #0007,0 0 50px #a1ccff0c}.wheel-hub:active:not(:disabled){transform:translate(-50%,-50%) scale(.97)}.wheel-hub:disabled{opacity:.8}.pointer{position:absolute;left:50%;top:8.2%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;z-index:2;filter:drop-shadow(0 2px 4px #0009)}.pointer>span{width:3px;height:9px;border-radius:2px;background:#bcddff;box-shadow:0 0 12px #aacfff55}.pointer>i{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:15px solid #d1e6ff;filter:drop-shadow(0 0 4px #a4c8ff44)}.instrument-bottom{font-size:8px;letter-spacing:.8px;margin-top:-4px;padding-bottom:15px;border-bottom:1px solid #a9c6e615}.instrument-bottom>span:first-child{display:flex;gap:7px;align-items:center}.spin-controls{display:flex;flex-direction:column;align-items:center;gap:15px;margin:25px 0 0}.spin-button{min-width:260px;justify-content:space-between;padding:15px 21px;font-size:13px;border-radius:11px}.spin-hint{display:flex;gap:6px;align-items:center;font-size:9px;color:#8795a8}kbd{font-family:var(--mono);font-size:9px;font-weight:400;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b3cbed22;border-radius:4px;padding:1px 6px;color:#a9b7ca;background:#b8d3ff05;box-shadow:0 1px #000}.empty-wheel{position:absolute;bottom:29%;width:100%;text-align:center;color:#8fa2b9;font-size:9px}.editor-empty{text-align:center;line-height:1.7;font-size:13px;color:#b5c3d5;padding:30px 0}.editor-empty span{font-size:11px;color:#8c9bae}.recent-section{border-top:1px solid #a3bed81a;padding-top:24px}.recent-heading{display:flex;justify-content:space-between;align-items:center}.recent-heading>.eyebrow{font-size:9px;color:#8c9cae;letter-spacing:1.25px}.recent-heading>.text-button{font-size:10px}.recent-empty{display:flex;align-items:center;gap:9px;color:#8d9bad;font-size:11px;min-height:85px}.recent-empty>svg{color:#899caf}.recent-empty>.mono{margin-left:auto;color:#6f8195;font-size:8px}.recent-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:23px 0 27px}.recent-item{display:flex;align-items:center;gap:13px;min-width:0}.recent-number{font-size:10px;color:#6e8096}.recent-item>div{min-width:0}.recent-item strong{font-size:12px;font-weight:450;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6d4e4}.recent-item p{font-size:9px;color:#8292a6;margin:6px 0 0;display:flex;gap:6px;flex-wrap:wrap}.recent-item>svg{margin-left:auto;color:#85aea5;flex-shrink:0}.shortcut-bar{display:flex;gap:23px;align-items:center;padding:16px 0;border-top:1px solid #a3bed812;color:#8393a7;font-size:9px}.shortcut-bar>span{display:flex;align-items:center;gap:7px}.shortcut-bar>button{margin-left:auto;font-size:9px}.site-footer{border-top:1px solid #a3bed812;display:flex;align-items:center;justify-content:space-between;padding:25px 0 28px;color:#7f8d9f;font-size:10px;gap:20px}.site-footer .mono{font-size:8px;letter-spacing:1px}.site-footer>span:last-child{display:flex;align-items:center;gap:6px}.modal{background:none;border:0;padding:0;color:inherit;max-width:calc(100% - 32px);width:480px;overflow:visible;outline:none}.modal::backdrop{background:#03060bbd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:enter .25s both}.modal-surface{animation:modal-enter .35s cubic-bezier(.2,.8,.2,1) both;padding:40px 34px 26px;background:linear-gradient(135deg,#a6ceff0d,#13203710),#101722f2;box-shadow:inset 0 1px 1px #e3f0ff12,0 35px 120px #0009;max-height:85dvh;overflow:auto}.modal-close{position:absolute;right:17px;top:17px}.icon-button{display:grid;place-items:center;background:#c9e1ff06;border:1px solid #b1ccf315;color:#a8bad0;width:30px;height:30px;border-radius:50%}.icon-button:hover{background:#c9e1ff12;color:#e8f4ff}.modal h2{font-size:31px;font-weight:450;letter-spacing:-1px;line-height:1.25;margin:12px 0 10px;overflow-wrap:anywhere}.modal h2>span{color:#92bde7}.modal-description{font-size:12px;color:#97a8bc;line-height:1.7;margin:0 0 30px}.setting-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid #a9c9ed12}.setting-row>svg{color:#8ea7c4;flex-shrink:0}.setting-row>div{flex:1}.setting-row strong{font-size:12px;font-weight:500;color:#d1deee}.setting-row p{font-size:10px;margin:5px 0 0;line-height:1.5;color:#8fa2ba}.switch{width:35px;height:21px;background:#8697af20;border:1px solid #bfd6f51a;border-radius:20px;display:flex;align-items:center;padding:2px;flex-shrink:0}.switch span{height:15px;width:15px;border-radius:50%;background:#8495ae;transition:transform .22s,background .22s}.switch[aria-checked=true]{background:#97c6ff4a;border-color:#a9d1ff30}.switch[aria-checked=true] span{background:#c8e2ff;transform:translate(13px)}.duration-setting{border-top:1px solid #a9c9ed12;padding:22px 0}.duration-setting label{display:flex;justify-content:space-between;font-size:12px;color:#d1deee}.duration-setting label span{color:#9cb8d8;font-size:11px}.duration-setting input{width:100%;accent-color:#acccf3;margin:18px 0 9px;height:3px}.duration-setting>div{display:flex;justify-content:space-between;font-size:7px;color:#879db9;letter-spacing:.5px}.modal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a9c9ed12;padding-top:17px;gap:10px;color:#8fa3bd;font-size:7px;letter-spacing:.7px}.modal-footer .mono{font-size:7px;letter-spacing:.5px}.history-modal{width:560px}.history-list{list-style:none;padding:0;margin:0 0 20px;max-height:50dvh;overflow-y:auto}.history-list li{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #a9c9ed12}.history-icon{border:1px solid #b6d4ff16;border-radius:8px;width:33px;height:33px;display:grid;place-items:center;color:#99b4d7;background:#abcaff05;flex-shrink:0}.history-list li>div:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.history-list strong{font-size:12px;font-weight:450;color:#d6e3f4;overflow-wrap:anywhere}.history-list li span{font-size:9px;color:#8da1ba}.history-list time{margin-left:auto;font-size:9px;white-space:nowrap;color:#a7bad0;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.history-list time>small{font-size:8px;color:#8da1ba}.history-empty{text-align:center;padding:35px 0 55px;color:#8ea9c9}.history-empty>svg{margin-bottom:15px}.history-empty h3{font-size:14px;font-weight:400;color:#c4d6ec}.history-empty p{font-size:11px;color:#96aac4}.result-modal{width:480px;text-align:center}.result-modal .modal-surface{padding:45px 35px 28px;background:radial-gradient(ellipse at 50% 0,#88b9f618,transparent 65%),#101722f2}.result-orbit{width:82px;height:82px;margin:0 auto 25px;border:1px solid #aad1ff20;border-radius:50%;display:grid;place-items:center;color:#c0dfff;background:radial-gradient(circle,#a3ceff12,transparent);box-shadow:0 0 0 12px #b6d5ff03,0 0 60px #b6d5ff07;animation:result-pulse 1.6s ease-out both}.result-modal .eyebrow{font-size:9px;color:#a6bfdd;letter-spacing:2px}.result-modal h2{font-size:36px;letter-spacing:-1px;margin:18px 0 12px}.result-modal .modal-description{font-size:12px;margin-bottom:24px}.result-detail{display:flex;gap:12px;align-items:center;justify-content:center;font-size:8px;color:#90a6c1;letter-spacing:.7px;padding-bottom:30px}.result-detail>span{height:3px;width:3px;border-radius:50%;background:#7f96b3}.result-modal .primary-button{width:100%;justify-content:center;padding:14px}.copy-button{margin:15px auto 0}.copy-error{font-size:10px;color:#a5b8d1}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-icon{color:#adc9eb;margin-bottom:20px}.confirm-actions .glass-button{padding:12px 18px}.storage-warning{text-align:center;font-size:11px;color:#d6c5a4;padding:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:10px;left:10px;transform:translateY(-200%);background:#d8eaff;color:#132033;padding:12px;border-radius:5px;z-index:50}.skip-link:focus{transform:translateY(0)}.loader{animation:rotation 1.5s linear infinite}.spinning-dot{height:7px;width:7px;background:#29455e;border-radius:50%;animation:blink 1s infinite}.effects-off .wheel-ambient,.effects-off .ambient-light{opacity:0}.effects-off .glass:before{display:none}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes row-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ambient-drift{0%{transform:translate(-20px,-15px)}to{transform:translate(25px,20px)}}@keyframes rotation{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.4}}@keyframes result-pulse{0%{box-shadow:0 0 #b6d5ff0f,0 0 #b6d5ff0c}to{box-shadow:0 0 0 12px #b6d5ff03,0 0 60px #b6d5ff07}}@media(min-width:1550px){.hero{padding-top:70px}.workspace{padding-top:20px;padding-bottom:64px}.editor-panel{padding:30px 27px 20px}.option-row{height:51px}.wheel-stage{max-width:640px}}@media(max-width:1100px){.page-width{width:calc(100% - 72px)}.navigation{height:85px}.nav-status{display:none}.workspace{grid-template-columns:320px minmax(0,1fr);gap:30px}.hero{padding-top:45px}.hero h1{letter-spacing:-2px}.editor-panel{padding:24px 20px 15px}.wheel-hub{gap:5px}.wheel-hub>span{font-size:11px}.wheel-hub>small{font-size:5px}.instrument-top,.instrument-bottom{padding-left:8px;padding-right:8px}.instrument-top .mono,.instrument-bottom{font-size:7px;letter-spacing:.7px}.privacy-note{font-size:8px}.recent-empty>.mono{display:none}}@media(max-width:820px){.page-width{width:calc(100% - 48px)}.brand>small{font-size:7px}.brand>i{margin:0 3px}.navigation nav{gap:18px}.hero-aside{display:none}.hero h1{font-size:46px}.workspace{grid-template-columns:285px minmax(0,1fr);gap:20px;align-items:start}.editor-column{padding-top:10px}.editor-panel{padding:22px 16px 13px}.editor-head .eyebrow,.editor-head p{font-size:10px}.option-row{gap:7px;height:44px}.option-row>input{font-size:11px}.reorder button{padding:2px 0}.wheel-column{padding-top:35px}.wheel-hub{width:25%;gap:3px}.wheel-hub>svg{width:17px;height:17px}.wheel-hub>span{font-size:9px;letter-spacing:2px}.wheel-hub>small{font-size:4px;letter-spacing:.4px}.instrument-top .mono{font-size:6px;letter-spacing:.3px}.instrument-bottom{font-size:6px;letter-spacing:.2px}.spin-button{min-width:225px;padding:14px 18px;font-size:12px}.spin-hint{font-size:8px;gap:4px}.options-label{font-size:6px}.recent-items{gap:20px}.site-footer>span:last-child{display:none}}@media(max-width:700px){.page-width{width:calc(100% - 40px)}.navigation{height:78px}.brand>i,.brand>small{display:none}.brand>span{font-size:18px;letter-spacing:4px}.brand>svg{width:27px;height:27px}.navigation nav{gap:19px}.navigation nav>button{font-size:11px}.settings-label{display:none}.hero{padding:40px 0 28px}.hero-label{font-size:7px;letter-spacing:1.15px;gap:7px}.hero-label>span{width:17px}.hero h1{font-size:clamp(34px,7.8vw,50px);letter-spacing:-1.7px;margin-top:16px;margin-bottom:12px}.hero p{font-size:11px;line-height:1.7}.workspace{display:flex;flex-direction:column;gap:35px;padding-bottom:36px}.wheel-column{order:0;padding-top:0;width:100%;max-width:500px;align-self:center}.editor-column{order:1;width:100%;max-width:500px;align-self:center;padding:0}.instrument-top{padding:0 8px 6px}.instrument-top .mono{font-size:7px;letter-spacing:.5px}.wheel-stage{margin-top:-2px}.instrument-bottom{font-size:6px;letter-spacing:.6px;padding:0 7px 13px}.wheel-hub{width:24%;gap:5px}.wheel-hub>svg{width:20px;height:20px}.wheel-hub>span{font-size:11px}.wheel-hub>small{font-size:4.5px;letter-spacing:.5px}.spin-controls{margin-top:22px;gap:13px}.spin-button{width:100%;max-width:300px;padding:15px 20px;font-size:13px}.spin-hint{font-size:9px}.editor-panel{padding:25px 21px 16px}.editor-head .eyebrow,.editor-head p{font-size:11px}.options-label{font-size:7px;letter-spacing:.6px}.preset-select{margin:20px 0}.option-row{height:48px;gap:10px}.option-row>input{font-size:12px}.drag-handle{padding:12px 2px}.reorder{opacity:.75;flex-direction:row;gap:2px}.reorder button{padding:8px 2px}.remove-option{padding:10px 2px}.editor-footer .text-button{min-height:34px;font-size:11px}.add-option{height:46px}.privacy-note{font-size:8px}.recent-section{padding-top:20px}.recent-heading .eyebrow{font-size:8px}.recent-empty{font-size:10px;min-height:80px;line-height:1.7}.recent-items{grid-template-columns:1fr;gap:0;padding:10px 0}.recent-item{padding:13px 0;border-bottom:1px solid #b7d2f409}.recent-item:last-child{border:0}.recent-item strong{font-size:12px}.recent-item p{font-size:10px}.shortcut-bar{gap:12px;flex-wrap:wrap;font-size:8px;padding:16px 0}.shortcut-bar>span{gap:5px}.shortcut-bar>span:nth-child(3){display:none}.shortcut-bar>button{font-size:8px}.site-footer{padding:23px 0;font-size:9px;gap:10px}.site-footer .mono{font-size:7px}.modal-surface{padding:40px 23px 24px;border-radius:18px}.modal h2{font-size:28px}.result-modal h2{font-size:32px}.modal-description{font-size:11px}.result-modal .modal-surface{padding:40px 24px 25px}.modal-footer{flex-wrap:wrap;font-size:6px}.modal-footer .text-button{font-size:10px;min-height:34px}.setting-row{gap:10px}.setting-row p{font-size:9px}.history-list{max-height:45dvh}.history-list li{gap:10px}.history-list strong{font-size:11px}.confirm-actions .glass-button{font-size:11px;padding:12px 14px}}@media(max-width:380px){.page-width{width:calc(100% - 32px)}.hero-label{font-size:6px}.hero h1{font-size:34px}.shortcut-bar{gap:9px}.spin-hint{font-size:8px}.editor-panel{padding:23px 17px 15px}.site-footer>span:nth-child(2){font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@supports not (backdrop-filter: blur(1px)){.glass{background:#121a25}.modal::backdrop{background:#03060be8}}@media(max-width:700px){.reorder button{min-height:40px;min-width:25px;justify-content:center}.remove-option{min-height:40px;min-width:30px;justify-content:center}.navigation nav>button{min-height:44px}.modal-close{width:38px;height:38px}.switch{min-width:40px;height:24px}.switch[aria-checked=true] span{transform:translate(17px)}}@media(min-width:1101px)and (max-width:1549px){.navigation{height:80px}.hero{padding:32px 0 24px}.hero h1{font-size:58px}.wheel-stage{max-width:480px}.editor-panel{padding-top:23px}.option-row{height:43px}.preset-select{margin:20px 0}}@media(min-width:821px)and (max-width:1100px){.navigation{height:78px}.hero{padding:32px 0 24px}.hero h1{margin-top:16px}.option-row{height:43px}.preset-select{margin:20px 0}.wheel-stage{max-width:465px}}.navigation .about-link{font-size:12px;color:#a9b3c1;padding:10px 0}.navigation .about-link:hover{color:#f2f7ff}.navigation .nav-open-wheel{padding:11px 16px;font-size:12px}.intro-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:60px;padding:72px 0 66px}.intro-hero-copy{animation:enter .8s .05s both}.intro-page[data-reveal-ready] [data-intro-reveal]{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.intro-page[data-reveal-ready] [data-intro-reveal].is-revealed{opacity:1;transform:translateY(0)}.intro-page[data-reveal-ready] .uses-heading>p,.intro-page[data-reveal-ready] .student-use:nth-child(2n){transition-delay:90ms}.intro-page[data-reveal-ready] .intro-how li:nth-child(2){transition-delay:70ms}.intro-page[data-reveal-ready] .intro-how li:nth-child(3){transition-delay:.14s}.intro-page[data-reveal-ready] [data-intro-reveal]:focus-within,.reduced-motion .intro-page[data-reveal-ready] [data-intro-reveal]{opacity:1;transform:none;transition:none}@media(prefers-reduced-motion:reduce){.intro-page[data-reveal-ready] [data-intro-reveal]{opacity:1;transform:none;transition:none}}.intro-hero h1{font-size:clamp(54px,5.7vw,82px);font-weight:450;letter-spacing:-4px;line-height:1.03;margin:25px 0 22px;outline:none}.intro-hero h1 em{font-style:normal;color:#bad4f2}.intro-hero-copy>p{max-width:465px;font-size:15px;color:#9daabc;line-height:1.8;margin:0 0 28px}.intro-primary{min-width:225px;justify-content:space-between;padding:16px 22px;font-size:14px}.intro-hero-note{display:block;margin-top:15px;font-size:10px;color:#8c9baf}.intro-visual{max-width:510px;position:relative;animation:enter 1s .15s both}.intro-visual:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;background:radial-gradient(circle,#86b9fa0c,transparent 68%);z-index:-1}.intro-orbit-svg{display:block;width:100%;height:auto}.intro-orbit-caption{display:flex;justify-content:space-between;color:#7d90a8;font-size:8px;padding:0 20px}.intro-visual-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#899cb4;font-family:var(--mono);font-size:8px;letter-spacing:.8px}.student-uses{border-top:1px solid var(--border);padding:42px 0 34px;scroll-margin-top:30px}.uses-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.uses-heading .eyebrow,.intro-how .eyebrow{font-size:9px;color:#94a8c1}.uses-heading h2,.intro-how h2{font-size:34px;font-weight:450;letter-spacing:-1.2px;line-height:1.2;margin:12px 0 0}.uses-heading>p{display:flex;position:relative;margin:0;padding-right:28px;font-size:11px;color:#97a9bf;line-height:1.8}.uses-heading>p>svg{position:absolute;right:0;bottom:3px;color:#b4c8e1}.use-list{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.student-use{display:flex;align-items:flex-start;gap:20px;padding:29px 0;border-top:1px solid #a6c5ed17}.use-icon{display:flex;flex-direction:column;align-items:center;gap:17px;color:#acc2df;padding-top:2px;flex-shrink:0}.use-icon>span{font-size:8px;color:#6f86a4}.use-copy{min-width:0}.use-copy h3{font-size:19px;font-weight:500;letter-spacing:-.35px;margin:0 0 10px;color:#dce7f5}.use-copy>p{font-size:12px;line-height:1.85;color:#9aa9bd;margin:0 0 12px;max-width:435px}.use-example{display:block;font-size:10px;color:#8195af;line-height:1.7;margin-bottom:14px}.use-copy>a{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#bfd8f7;min-height:30px;transition:color .2s}.use-copy>a:hover{color:#f0f7ff}.use-copy>a>svg{transition:transform .2s}.use-copy>a:hover>svg{transform:translate(2px,-2px)}.more-possibilities{margin:13px 0 0;font-size:11px;color:#91a3bc;text-align:center;line-height:1.8}.intro-how{display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:55px;align-items:center;padding:45px 0 52px;border-top:1px solid var(--border)}.intro-how h2{font-size:28px;line-height:1.3}.intro-how ol{display:flex;flex-direction:column;gap:19px;list-style:none;margin:0;padding:0}.intro-how li{display:flex;gap:14px;align-items:flex-start}.intro-how li>span,.intro-how li>svg{font-size:9px;color:#819bbd;margin-top:2px;width:15px;flex-shrink:0}.intro-how strong{font-size:12px;font-weight:500;color:#d0deee}.intro-how li p{margin:5px 0 0;font-size:10px;line-height:1.7;color:#8fa3be}.intro-how>a{padding:13px 20px}.effects-off .intro-visual:before{display:none}.intro-visual svg{filter:drop-shadow(0 12px 30px #0002)}.editor-wheel-name{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-wheel-name[title]{color:#c6dcf8;font-weight:500}.preset-select>span{white-space:nowrap;flex-shrink:0}.editor-footer .save-wheel-button{color:#c0d8f5}.spin-controls{display:grid;grid-template-columns:minmax(0,260px);justify-content:center;align-items:center;gap:12px}.spin-controls>.spin-button{grid-column:1 / -1;justify-self:center}.wheel-sound-toggle,.wheel-controls-button{grid-column:1 / -1;width:100%;font-size:13px;font-weight:500;min-height:48px;padding:12px 18px;justify-content:space-between;color:#c7dffb;border-color:#9ac7ff55;background:linear-gradient(120deg,#a0cfff17,#86b6f008)}.wheel-sound-toggle[aria-pressed=true]{color:#e0efff;border-color:#a4d0ff8c;background:linear-gradient(120deg,#a0cfff26,#86b6f015)}.wheel-controls-button{border-color:#afc6e244;color:#bdd0e8;background:linear-gradient(120deg,#a6c5ed0f,#86b6f005)}.wheel-ambient{opacity:var(--wheel-glow, 1)}.instrument.is-spinning[data-pointer-pulse=true] .pointer:before{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);background:radial-gradient(circle,#b4daff38,transparent 70%);animation:pointer-light 1.1s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes pointer-light{0%,to{opacity:.2}50%{opacity:1}}.wheel-controls-modal{width:500px}.wheel-controls-modal .modal-surface{display:flex;flex-direction:column;overflow:hidden;padding-top:32px}.wheel-controls-modal .modal-surface>*{flex-shrink:0}.wheel-controls-modal .wheel-controls-fields{flex-shrink:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px}.wheel-controls-modal .library-storage-note{margin-top:12px;font-size:9px;line-height:1.6}.wheel-controls-modal .modal-description{margin-bottom:14px}.wheel-control-group{border-top:1px solid #a9c9ed12;padding:12px 0}.wheel-control-group>label{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#d4e1f2;margin-bottom:10px}.wheel-control-group>label>strong{font-size:11px;color:#a9c2e1;font-weight:450}.wheel-control-group>input[type=range]{width:100%;height:24px;accent-color:#b6c9e2;cursor:pointer;margin:0 0 10px}.range-endpoints{display:flex;justify-content:space-between;font-size:9px;color:#8fa3bc}.control-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid #b4cef522;border-radius:9px;background:#060a102e}.control-segments>button{min-height:36px;padding:8px 10px;border-radius:6px;background:transparent;color:#9fadc0;font-size:11px}.control-segments>button[aria-pressed=true]{color:#e5effc;background:linear-gradient(125deg,#bfdaff19,#b8cfff0b);box-shadow:inset 0 1px #e4edff16}.wheel-control-group>p{font-size:10px;line-height:1.7;color:#90a3bd;margin:8px 0 0}.pointer-control{padding:12px 0}.motion-preference-note{font-size:10px;color:#adbed4;line-height:1.6;margin:0 0 18px}.wheel-controls-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:17px;border-top:1px solid #a9c9ed12}.wheel-controls-footer .text-button{font-size:10px}.wheel-controls-footer .primary-button{min-height:42px;padding:10px 24px}@media(max-width:700px){.control-segments>button{min-height:44px}.wheel-controls-footer .text-button{min-height:44px}.wheel-controls-modal .modal-surface{padding-top:32px}.wheel-controls-modal h2{font-size:26px}}.sound-toggle-label{display:flex;align-items:center;gap:10px}.sound-toggle-indicator{display:flex;align-items:center;width:34px;height:20px;padding:2px;border-radius:20px;border:1px solid #acc9ed35;background:#8fa9cc17}.sound-toggle-indicator>span{width:14px;height:14px;border-radius:50%;background:#9eb2ce;transition:transform .2s,background .2s}.wheel-sound-toggle[aria-pressed=true] .sound-toggle-indicator{background:#91c6ff50}.wheel-sound-toggle[aria-pressed=true] .sound-toggle-indicator>span{transform:translate(13px);background:#dbedff}.spin-hint{grid-column:1 / -1;justify-content:center;font-size:8px}.save-name-label{display:block;font-size:11px;color:#b6c8df;margin-bottom:9px}.save-name-input{height:46px;padding:0 12px;border-radius:8px;border:1px solid #b6d3f52a;background:#bbd7ff05;font-size:12px;outline:none!important}.save-name-input:focus{border-color:#bcc5cf;box-shadow:inset 0 -1px #e4e9f08c}.save-error{font-size:10px;line-height:1.6;color:#c7af9a;min-height:19px;margin:9px 0 10px}.save-submit{width:100%;min-height:44px}.library-storage-note{font-size:10px;color:#8da3bf;line-height:1.7;margin:18px 0 0}.saved-wheel-list{list-style:none;margin:0;padding:0;max-height:48dvh;overflow-y:auto}.saved-wheel-list>li{display:flex;gap:12px;align-items:center;border-top:1px solid #b4cff519;padding:9px 0}.load-saved-wheel{display:flex;align-items:center;gap:13px;flex:1;min-width:0;text-align:left;padding:12px 0;border-radius:6px;background:transparent}.load-saved-wheel:hover{background:#b2d0f806}.saved-wheel-icon{width:35px;height:35px;border:1px solid #afcdf321;border-radius:8px;display:grid;place-items:center;color:#a8c8ef;flex-shrink:0}.load-saved-wheel>span:nth-child(2){flex:1;min-width:0}.load-saved-wheel strong{font-size:13px;font-weight:500;display:block;color:#dbe8f9;overflow-wrap:anywhere}.load-saved-wheel small{display:block;font-size:10px;color:#8fa6c1;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.load-saved-wheel>svg{color:#96b9e7;flex-shrink:0}.delete-saved-wheel{flex-shrink:0;width:36px;height:36px}.delete-saved-wheel:hover{color:#edc5ba}@media(max-width:1100px){.intro-hero{padding:60px 0 54px;gap:35px}.intro-hero h1{font-size:65px;letter-spacing:-3px}.intro-hero-copy>p{font-size:13px}.intro-orbit-caption{font-size:7px;padding:0 6px}.use-list{column-gap:35px}.student-use{gap:15px}.intro-how{gap:30px;grid-template-columns:1fr 1.3fr}.intro-how>a{justify-self:start}.navigation nav{gap:19px}.nav-status{display:none}}@media(max-width:820px){.intro-hero{gap:22px}.intro-hero h1{font-size:55px}.intro-hero-copy>p{font-size:12px}.intro-desktop-break{display:none}.intro-visual-note{font-size:6px;letter-spacing:.3px}.intro-orbit-caption{font-size:6px;letter-spacing:.5px}.use-list{column-gap:28px}.use-copy h3{font-size:17px}.use-copy>p{font-size:11px}.wheels-label{display:none}.navigation nav{gap:15px}.editor-wheel-name{max-width:180px}.spin-controls{column-gap:10px}}@media(max-width:700px){.intro-navigation .wheels-label{display:inline}.navigation nav{gap:13px}.navigation .about-link{font-size:10px}.navigation .nav-open-wheel{padding:10px 13px;font-size:11px}.intro-hero{grid-template-columns:1fr;gap:37px;padding:43px 0 39px}.intro-hero h1{font-size:clamp(49px,12vw,65px);letter-spacing:-2.7px;margin:20px 0}.intro-hero-copy>p{font-size:13px;max-width:430px;line-height:1.85;margin-bottom:23px}.intro-primary{width:100%;max-width:300px;min-height:50px;font-size:13px}.intro-hero-note{font-size:9px}.intro-visual{max-width:350px;justify-self:center;width:100%}.intro-orbit-caption{font-size:7px;padding:0 12px}.intro-visual-note{font-size:7px;letter-spacing:.4px}.student-uses{padding-top:30px}.uses-heading{display:block;margin-bottom:21px}.uses-heading h2{font-size:29px}.uses-heading>p{margin-top:13px;display:block;padding-right:0}.uses-heading>p>br,.uses-heading>p>svg{display:none}.uses-heading>p{font-size:11px}.uses-heading>p>br:after{content:" "}.use-list{grid-template-columns:1fr}.student-use{padding:26px 0;gap:18px}.use-copy h3{font-size:19px}.use-copy>p{font-size:12px}.use-copy>a{min-height:44px;font-size:12px}.use-example{font-size:10px;margin-bottom:5px}.more-possibilities{text-align:left;font-size:10px}.intro-how{grid-template-columns:1fr;gap:27px;padding:32px 0 38px}.intro-how h2{font-size:28px}.intro-how li p{font-size:11px}.intro-how>a{min-height:46px;padding:12px 22px}.editor-wheel-name{max-width:220px}.save-wheel-button{min-height:38px}.spin-controls{grid-template-columns:minmax(0,300px)}.wheel-sound-toggle{min-height:48px}.spin-hint{font-size:8px}.delete-saved-wheel{width:40px;height:40px}}.liquid-cursor{position:fixed;top:0;left:0;width:0;height:0;z-index:2147483647;pointer-events:none;opacity:0}.liquid-cursor[data-visible=true]{opacity:1}.liquid-cursor-rotor{position:absolute;left:-16px;top:-1.5px;width:32px;height:38px;transform-origin:16px 1.5px;transform:rotate(var(--cursor-angle, -35deg))}.liquid-cursor-shape{width:100%;height:100%;transform-origin:16px 1.5px;transition:transform .14s ease}.liquid-cursor-lens{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:path("M16 1.5C17 1.5 17.7 2.3 18.3 3.6L29.2 29.5C30.4 32.4 28.8 34.4 26.1 33.1L17.6 28.8C16.6 28.3 15.4 28.3 14.4 28.8L5.9 33.1C3.2 34.4 1.6 32.4 2.8 29.5L13.7 3.6C14.3 2.3 15 1.5 16 1.5Z");background:#dcefff12;-webkit-backdrop-filter:blur(1px) saturate(1.7) brightness(1.22) contrast(1.08);backdrop-filter:blur(1px) saturate(1.7) brightness(1.22) contrast(1.08)}.liquid-cursor-shape>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 2px 2px #0009)}.liquid-cursor[data-surface=action] .liquid-cursor-shape{transform:scale(1.13)}.liquid-cursor[data-surface=action] .liquid-cursor-lens{background:#e2f2ff26}.liquid-cursor[data-pressed=true] .liquid-cursor-shape{transform:scale(.92)}@media(hover:hover)and (pointer:fine){html.liquid-cursor-active,html.liquid-cursor-active *{cursor:none!important}html.liquid-cursor-active dialog::backdrop{cursor:none}}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.liquid-cursor{display:none}}