*,*:before,*:after{box-sizing:border-box}:root{font-family:var(--font-secondary),var(--font-fallback);line-height:1.5;font-weight:400;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;overflow-x:hidden;background-color:#3c3c3a;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),repeating-linear-gradient(45deg,transparent 0 5px,rgba(255,255,255,.012) 5px 6px),repeating-linear-gradient(-45deg,transparent 0 7px,rgba(0,0,0,.045) 7px 8px),linear-gradient(165deg,#545452,#424240 42%,#343432);background-size:3px 3px,3px 3px,3px 3px,3px 3px,12px 12px,14px 14px,100% 100%;background-position:0 0,0 0,1.5px 1.5px,1.5px 1.5px,0 0,0 0,0 0}#root{display:grid;place-items:center;min-height:100vh;padding:.5rem}.app-loading{display:grid;place-items:center;min-height:50vh;color:#d8d8d4;font-family:var(--font-secondary),var(--font-fallback)}.app{position:relative;isolation:isolate;display:flex;flex-direction:column;--app-size: min( calc(100vh - 1rem + 20px) , calc(100vw - 1rem + 20px) , calc(44rem + 20px) );--wheel-slot-size: min(calc(var(--app-size) * .76), 21.5rem);--flipper-zone-height: 3.35rem;--flipper-arm-length: 2.69rem;--flipper-pivot-lift: calc(var(--flipper-arm-length) * .75);--flipper-origin-offset: calc(.5rem + 19px) ;width:var(--app-size);height:var(--app-size);overflow:hidden;padding:.85rem 1rem 2.75rem;border-radius:14px;box-shadow:0 28px 70px #0000006b,0 0 0 1px #ffffff0a inset;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 38%,#2f2858),color-mix(in srgb,var(--color-secondary) 16%,#3a2f62))}.app-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;z-index:0;pointer-events:none}.app-backdrop__light{position:absolute;border-radius:50%;pointer-events:none;filter:blur(56px);will-change:transform,opacity;animation-play-state:running!important}.app-backdrop__light--one{top:-18%;left:-16%;width:72%;height:72%;background:radial-gradient(circle at 35% 40%,color-mix(in srgb,var(--color-primary) 95%,transparent),transparent 64%),radial-gradient(circle at 70% 65%,color-mix(in srgb,var(--color-secondary) 88%,transparent),transparent 60%);opacity:.88;animation:background-light-one 7s ease-in-out infinite}.app-backdrop__light--two{right:-16%;bottom:-18%;width:72%;height:72%;background:radial-gradient(circle at 45% 45%,color-mix(in srgb,var(--color-tertiary) 90%,transparent),transparent 64%),radial-gradient(circle at 65% 30%,color-mix(in srgb,var(--color-accent) 72%,transparent),transparent 58%);opacity:.8;animation:background-light-two 9s ease-in-out infinite}.app-backdrop__light--three{top:8%;left:10%;width:52%;height:52%;filter:blur(48px);background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--color-secondary) 96%,white 8%),transparent 62%);opacity:.82;animation:background-light-three 6s ease-in-out infinite}@keyframes background-light-one{0%{transform:translate3d(-8%,-6%,0) scale(.88);opacity:.55}25%{transform:translate3d(18%,4%,0) scale(1.18);opacity:.95}50%{transform:translate3d(12%,22%,0) scale(.94);opacity:.68}75%{transform:translate3d(-6%,14%,0) scale(1.22);opacity:.9}to{transform:translate3d(-8%,-6%,0) scale(.88);opacity:.55}}@keyframes background-light-two{0%{transform:translate3d(4%,2%,0) scale(1.08);opacity:.52}30%{transform:translate3d(-20%,-14%,0) scale(.86);opacity:.9}60%{transform:translate3d(-24%,8%,0) scale(1.2);opacity:.72}85%{transform:translate3d(-10%,-18%,0) scale(.92);opacity:.94}to{transform:translate3d(4%,2%,0) scale(1.08);opacity:.52}}@keyframes background-light-three{0%{transform:translate3d(-14%,6%,0) scale(.84);opacity:.48}33%{transform:translate3d(16%,-12%,0) scale(1.16);opacity:.98}66%{transform:translate3d(-8%,16%,0) scale(1.02);opacity:.64}to{transform:translate3d(-14%,6%,0) scale(.84);opacity:.48}}button,input{font:inherit}.app-toolbar{position:relative;z-index:1;flex-shrink:0;margin-bottom:.35rem}.brand{font-family:var(--font-primary),var(--font-fallback);font-weight:400;letter-spacing:.04em;text-transform:uppercase;font-size:1rem;color:var(--color-accent)}.brand-link{text-decoration:none;color:var(--color-accent)}.brand-link:hover{color:color-mix(in srgb,var(--color-accent) 85%,white)}.app-footer{position:absolute;right:1rem;bottom:1rem;z-index:50}.app-footer__link{font-family:var(--font-ui),var(--font-fallback);font-size:.78rem;color:color-mix(in srgb,var(--color-text) 55%,transparent);text-decoration:none}.app-footer__link:hover{color:var(--color-text);text-decoration:underline}.app--doc{width:min(100%,42rem);height:auto;min-height:min(92vh,52rem);max-height:min(96vh,58rem);overflow:auto;padding:.85rem 1.15rem 1.5rem}.legal-page{position:relative;z-index:1;color:var(--color-text);font-family:var(--font-ui),var(--font-fallback);font-size:.95rem;line-height:1.55}.legal-page__header{margin-bottom:1rem}.legal-page__header h1{margin:.65rem 0 .25rem;font-family:var(--font-primary),var(--font-fallback);font-size:clamp(1.55rem,4vw,2.1rem);font-weight:400;line-height:1.1}.legal-page__meta{margin:0;font-size:.82rem;color:var(--color-textMuted)}.legal-page__back{font-family:var(--font-primary),var(--font-fallback);font-weight:400;letter-spacing:.02em;padding-block:.5rem .35rem}.legal-page__body h2{margin:1.35rem 0 .45rem;font-family:var(--font-ui),var(--font-fallback);font-size:1.05rem;font-weight:650}.legal-page__body p,.legal-page__body ul{margin:0 0 .75rem}.legal-page__body ul{padding-left:1.2rem}.legal-page__body a{color:var(--color-accent)}.legal-page__body a:hover{color:color-mix(in srgb,var(--color-accent) 80%,white)}.toolbar-actions{position:absolute;left:1rem;bottom:1rem;z-index:50;display:flex;gap:.4rem}.btn-tiny{width:2.5rem;height:2.5rem;border-radius:999px;border:none;background:var(--color-primary);color:var(--color-text);cursor:pointer;display:grid;place-items:center;padding:0;line-height:0;transition:transform .15s ease,background .15s ease,color .15s ease}.btn-tiny__svg{display:block;width:1.35rem;height:1.35rem}.btn-tiny:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--color-primary) 88%,white);color:color-mix(in srgb,var(--color-text) 80%,var(--color-primary))}.app-main{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-rows:auto calc(var(--wheel-slot-size) + var(--flipper-zone-height) + var(--layout-stage-to-flipper-px, 28px)) auto auto;align-content:start;align-items:center;justify-items:center;gap:0}.app-main.is-stage-tempo .session-summary,.app-main.is-stage-mixing .session-summary{margin-top:calc(var(--layout-wheel-to-paper-px, 32px) - 4rem)}.stage-header{position:relative;z-index:5;text-align:center;max-width:100%;flex-shrink:0}.stage-header.is-entering{animation:stage-enter .85s cubic-bezier(.22,1,.36,1)}.stage-header.is-transitioning{animation:stage-exit .85s cubic-bezier(.4,0,.68,.2) forwards}@keyframes stage-enter{0%{opacity:0;transform:translateY(-14px) scale(.92)}to{opacity:1;transform:none}}@keyframes stage-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px) scale(.94)}}.stage-header h1{margin:0;font-family:var(--font-primary),var(--font-fallback);font-size:clamp(1.6rem,4.5vw,2.35rem);font-weight:400;line-height:1.05;text-shadow:0 2px 4px rgba(0,0,0,.42),0 8px 16px rgba(0,0,0,.34),0 18px 32px rgba(0,0,0,.28)}.result-callout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--color-background) 62%,transparent);animation:result-callout-enter .5s cubic-bezier(.22,1,.36,1) forwards}.result-callout.is-exiting{animation:result-callout-exit .35s cubic-bezier(.4,0,.68,.2) forwards}.result-callout__content{text-align:center;padding:1.5rem 1.25rem;max-width:min(92vw,36rem);animation:result-callout-pop .55s cubic-bezier(.22,1,.36,1) forwards}.result-callout__label{margin:0 0 .65rem;font-family:var(--font-secondary),var(--font-fallback);font-size:clamp(1rem,3.2vw,1.55rem);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.result-callout__text{margin:0;font-family:var(--font-primary),var(--font-fallback);font-size:clamp(2.75rem,13vw,5.75rem);font-weight:400;line-height:1.02;color:var(--color-text);text-wrap:balance;text-shadow:0 2px 28px color-mix(in srgb,var(--color-accent) 75%,transparent),0 6px 56px color-mix(in srgb,var(--color-primary) 55%,transparent)}@keyframes result-callout-enter{0%{opacity:0}to{opacity:1}}@keyframes result-callout-pop{0%{opacity:0;transform:scale(.82) translateY(18px)}to{opacity:1;transform:none}}@keyframes result-callout-exit{0%{opacity:1}to{opacity:0}}.stage-desc{margin:0;color:color-mix(in srgb,var(--color-text) 75%,transparent)}.session-summary{position:relative;width:min(100%,24rem);flex-shrink:0;min-height:calc(2.35rem + var(--session-row-count, 1) * 1.85rem);margin-top:var(--layout-wheel-to-paper-px, 32px);padding:1.1rem 1.25rem 1.2rem;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 28%),repeating-linear-gradient(transparent,transparent 27px,rgba(80,120,180,.12) 27px,rgba(80,120,180,.12) 28px),#f4ecd8;color:#1f1a14;border:none;border-radius:2px;box-shadow:0 1px #ffffff8c inset,0 2px 4px #0000003d,0 8px 16px #00000052,0 18px 36px #00000061;transform:rotate(-1.2deg);font-family:var(--font-secondary),var(--font-fallback)}.session-summary:before{content:"";position:absolute;top:-.45rem;left:50%;width:4.5rem;height:1.1rem;transform:translate(-50%) rotate(-2deg);background:color-mix(in srgb,var(--color-tertiary) 35%,rgba(255,255,255,.45));border-radius:2px;box-shadow:0 1px 2px #0000002e,0 4px 10px #00000038;opacity:.85}.session-notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:.55rem}.session-notes li:first-child{grid-column:1 / -1}.session-notes li{margin:0;line-height:1.35;font-size:1.05rem}.note-label{color:#000}.note-value{color:#3a342c;font-family:var(--font-handwriting),cursive,var(--font-fallback);font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:1.14em}.note-value.is-writing{display:inline-block;border-radius:3px;animation:note-write 1.35s cubic-bezier(.25,.9,.35,1) forwards}@keyframes note-write{0%{opacity:0;transform:translateY(5px) scale(.94);background:color-mix(in srgb,var(--color-accent) 60%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 32%,transparent)}45%{opacity:1;transform:translateY(-1px) scale(1.07);background:color-mix(in srgb,var(--color-accent) 48%,transparent)}75%{transform:translateY(0) scale(1);background:color-mix(in srgb,var(--color-accent) 20%,transparent);box-shadow:0 0 0 0 transparent}to{opacity:1;transform:none;background:transparent;box-shadow:none}}.session-summary.is-revealing{animation:paper-reveal 1.05s cubic-bezier(.25,.9,.35,1)}@keyframes paper-reveal{0%{transform:rotate(-1.2deg) scale(1)}35%{transform:rotate(-.6deg) scale(1.015) translateY(-2px)}to{transform:rotate(-1.2deg) scale(1)}}.app-main.is-wheel-celebrating .session-summary{animation:paper-celebrate .9s cubic-bezier(.45,0,.55,1)}.app-main.is-wheel-celebrating .stage-header h1{animation:headline-celebrate .9s cubic-bezier(.45,0,.55,1)}@keyframes paper-celebrate{0%,to{transform:rotate(-1.2deg) translateY(0)}30%{transform:rotate(-.7deg) translateY(-2px)}60%{transform:rotate(-1.5deg) translateY(1px)}}@keyframes headline-celebrate{0%,to{transform:scale(1)}40%{transform:scale(1.04)}}.note-empty{color:#8a7f70;font-style:italic}.wheel-stage{position:relative;width:var(--wheel-slot-size);height:calc(var(--wheel-slot-size) + var(--flipper-zone-height) + var(--layout-stage-to-flipper-px, 28px));padding-top:var(--layout-stage-to-flipper-px, 28px);box-sizing:border-box;flex-shrink:0;overflow:visible}.wheel-stage.is-entering .wheel-apparatus{animation:wheel-enter .85s cubic-bezier(.22,1,.36,1)}@keyframes wheel-enter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.wheel-status-slot{display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:0}.wheel-status-slot:not(:has(.status-inline)){display:none}.wheel-apparatus{position:absolute;left:0;bottom:0;width:100%;height:var(--wheel-slot-size);--flipper-rest-angle: -11deg;overflow:visible}.wheel-apparatus.is-spinning .wheel-rotator{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--color-accent) 34%,transparent))}.wheel-apparatus.is-celebrating .wheel-rotator{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--color-accent) 48%,transparent))}.wheel-hit-area{position:relative;width:100%;height:100%;border:none;background:transparent;padding:0;cursor:pointer;border-radius:50%;--wheel-rotation: 0deg;overflow:visible;isolation:isolate}.wheel-hit-area:before{content:"";position:absolute;top:50%;left:50%;width:92%;height:92%;transform:translate(-50%,-49%);border-radius:50%;box-shadow:0 18px 36px #0000008c,0 8px 16px #00000061,0 2px 4px #00000047;z-index:0;pointer-events:none}.wheel-hit-area:disabled{cursor:default}.wheel-rotator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;will-change:transform;transform:rotate(var(--wheel-rotation, 0deg));transform-origin:center center;backface-visibility:hidden;pointer-events:none;overflow:visible}.wheel-disc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.pin-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.flipper-solver-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:6}.flipper-solver-rim{fill:none;stroke:#ffffff38;stroke-width:.6;stroke-dasharray:2 3}.flipper-solver-pin-visual{fill:none;stroke:#2de1c2;stroke-width:.9}.flipper-solver-pin-solver{fill:none;stroke:#ff4d6d;stroke-width:.9;stroke-dasharray:2.2 1.4}.flipper-solver-body{fill:#ffd1661f;stroke:#ffd166;stroke-width:.85}.flipper-solver-body-cam{fill:none;stroke:#ffd166;stroke-width:1.1;stroke-linejoin:round;pointer-events:none}.flipper-solver-tip-arm{stroke:#ff4d6d;stroke-width:1.1}.flipper-solver-tip-circle{fill:#ff4d6d29;stroke:#ff4d6d;stroke-width:1.15}.flipper-solver-tip-center,.flipper-solver-pivot{fill:#ff4d6d;stroke:#1a1024;stroke-width:.4}.flipper-solver-legend-bg{fill:#140c20b8}.flipper-solver-legend-text{fill:#f4f1ea;font-size:5.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wheel-rim{fill:none;stroke:var(--color-accent);stroke-width:4}.wedge-slice{transition:opacity .35s ease}.wheel-disc.is-highlighting .wedge-slice:not(.is-winner){opacity:.4}.wedge-slice.is-winner{filter:brightness(1.3) saturate(1.15);stroke:var(--color-accent);stroke-width:3;animation:wedge-winner-glow .85s ease-in-out infinite alternate}@keyframes wedge-winner-glow{0%{filter:brightness(1.2) saturate(1.1)}to{filter:brightness(1.5) saturate(1.3) drop-shadow(0 0 10px color-mix(in srgb,var(--color-accent) 70%,transparent))}}.pin-ground-shadow{fill:#000;opacity:.2}.pin-face{fill:#f2f9fa;stroke:#1f1f1f}.wheel-hub{position:absolute;top:50%;left:50%;width:18%;height:18%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--color-primary) 72%,black),color-mix(in srgb,var(--color-hub) 28%,black) 68%);border:2px solid color-mix(in srgb,var(--color-accent) 45%,black);box-shadow:inset 0 5px 12px #0000008c,inset 0 -1px 3px #ffffff14,0 1px #ffffff1a;pointer-events:none;z-index:4}.flipper-assembly{position:absolute;top:calc(-1 * var(--flipper-pivot-lift) + var(--layout-flipper-offset-y-px, 0px));left:calc(50% + .12rem);transform:translate(-50%);z-index:3;width:3.45rem;height:4.9rem;pointer-events:none;opacity:.32;transition:opacity .18s ease}.wheel-apparatus.is-spinning .flipper-assembly,.wheel-apparatus.is-settling .flipper-assembly{opacity:1;transition:none}.flipper-arm-mount{position:absolute;top:0;left:50%;transform:translate(-50%,calc(-1 * var(--flipper-origin-offset)));z-index:3;width:3.45rem;height:4.9rem;pointer-events:none}.flipper-arm{position:absolute;top:.5rem;left:50%;transform:rotate(var(--flipper-angle, var(--flipper-rest-angle, -11deg)));transform-origin:50% 19px;margin-left:-1.5rem;will-change:transform;backface-visibility:hidden}.wheel-apparatus.is-spinning .flipper-arm,.wheel-apparatus.is-settling .flipper-arm{transition:none}.flipper-cam{display:block;width:3rem;height:4rem;overflow:visible}.flipper-contact-edge{fill:color-mix(in srgb,var(--color-flipperShadow) 70%,black);opacity:.55}.flipper-pivot-dot{fill:var(--color-flipperPivot)}.wheel-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:1rem;color:var(--color-textMuted)}.tempo-segment-display{width:100%;height:100%;display:grid;place-items:center}.tempo-segment-hit{position:relative;display:grid;place-items:center;width:min(100%,22rem);height:min(100%,14rem);border:0;padding:0;background:transparent;cursor:pointer;color:inherit}.tempo-segment-hit:disabled{cursor:default}.tempo-segment-bezel{--tempo-metal-hi: color-mix(in srgb, var(--pin-metal-light, #f2f2f2) 55%, #8a8a8a);--tempo-metal-mid: color-mix(in srgb, var(--pin-metal-mid, #8c8c8c) 70%, #5c5c5c);--tempo-metal-lo: color-mix(in srgb, var(--pin-metal-dark, #1f1f1f) 55%, #3a3a3a);--tempo-metal-rust: color-mix(in srgb, var(--color-secondary) 22%, #4a4038);position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1.35rem 1.25rem 1.2rem;border-radius:1.05rem;isolation:isolate;background:radial-gradient(120% 80% at 18% 12%,rgba(255,255,255,.22),transparent 42%),radial-gradient(90% 70% at 82% 88%,rgba(0,0,0,.35),transparent 50%),repeating-linear-gradient(118deg,transparent 0 2px,rgba(255,255,255,.03) 2px 3px,transparent 3px 5px,rgba(0,0,0,.04) 5px 6px),linear-gradient(155deg,var(--tempo-metal-hi) 0%,var(--tempo-metal-mid) 38%,var(--tempo-metal-rust) 62%,var(--tempo-metal-lo) 100%);border:1px solid color-mix(in srgb,var(--tempo-metal-lo) 70%,#000);box-shadow:1px -1px color-mix(in srgb,var(--tempo-metal-hi) 70%,#c8c8c8),2px -2px color-mix(in srgb,var(--tempo-metal-mid) 55%,#9a9a9a),3px -3px color-mix(in srgb,var(--tempo-metal-mid) 75%,#6e6e6e),-1px 2px color-mix(in srgb,var(--tempo-metal-lo) 80%,#151515),-2px 4px color-mix(in srgb,var(--tempo-metal-lo) 90%,#0d0d0d),0 8px 16px #0006,inset 0 2px #ffffff61,inset -2px 0 #ffffff38,inset 0 -2px 3px #00000080,inset 2px 0 3px #00000047}.tempo-segment-bezel:before{content:"";position:absolute;z-index:0;top:.62rem;right:.68rem;bottom:.72rem;left:.68rem;border-radius:.55rem;background:radial-gradient(80% 90% at 50% 40%,rgba(40,8,18,.35),transparent 70%),linear-gradient(180deg,#0a0608,#14080e 55%,#0c070a);box-shadow:inset 0 0 10px 2px color-mix(in srgb,var(--color-secondary) 28%,transparent),inset 0 0 22px 4px color-mix(in srgb,var(--color-secondary) 14%,transparent),inset 0 3px 8px #000000d9,inset 0 -1px #ffffff0a,0 -1px #ffffff29;pointer-events:none}.tempo-segment-bezel:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 12% 30%,rgba(255,255,255,.12),transparent 18%),radial-gradient(circle at 78% 22%,rgba(0,0,0,.18),transparent 16%),radial-gradient(circle at 64% 78%,rgba(255,255,255,.07),transparent 14%);mix-blend-mode:soft-light;opacity:.85}.tempo-segment-display.is-celebrating .tempo-segment-bezel:before{box-shadow:inset 0 0 12px 3px color-mix(in srgb,var(--color-secondary) 38%,transparent),inset 0 0 26px 5px color-mix(in srgb,var(--color-secondary) 18%,transparent),inset 0 3px 8px #000000d9,inset 0 -1px #ffffff0a,0 0 18px color-mix(in srgb,var(--color-secondary) 28%,transparent),0 -1px #ffffff29}.tempo-segment-readout{position:relative;z-index:1;display:flex;align-items:flex-end;gap:.85rem}.tempo-segment-digits{display:flex;align-items:center;gap:.6rem}.tempo-segment-unit{display:flex;align-items:flex-end;gap:.16rem;margin-left:.2rem}.seven-seg{--seg-w: .72rem;--seg-h: 2.15rem;--seg-gap: .14rem;--seg-on: color-mix(in srgb, var(--color-secondary) 72%, #ff7a5c);--seg-off: color-mix(in srgb, var(--color-secondary) 18%, #1a0a10);--seg-glow: color-mix(in srgb, var(--color-secondary) 70%, transparent);position:relative;width:calc(var(--seg-w) + var(--seg-h) + var(--seg-gap) * 2);height:calc(var(--seg-h) * 2 + var(--seg-w) + var(--seg-gap) * 4);flex:0 0 auto}.seven-seg--tiny{--seg-w: .26rem;--seg-h: .7rem;--seg-gap: .06rem;--seg-on: color-mix(in srgb, var(--color-secondary) 78%, #ff9480);--seg-glow: color-mix(in srgb, var(--color-secondary) 50%, transparent)}.seven-seg__segment{position:absolute;background:var(--seg-off);border-radius:2px;transition:background 18ms linear,box-shadow 18ms linear,opacity 18ms linear;opacity:.55}.seven-seg__segment.is-on{background:var(--seg-on);box-shadow:0 0 10px var(--seg-glow),0 0 2px var(--seg-on);opacity:1}.seven-seg__segment.is-on.is-flicker-dim{opacity:.4;filter:brightness(.55);box-shadow:0 0 3px var(--seg-glow)}.tempo-segment-display.is-idle .tempo-segment-readout{animation:led-idle-hum 3.6s ease-in-out infinite}.tempo-segment-display.is-flicker-burst .tempo-segment-readout{animation:none;opacity:.72;filter:brightness(.82);transition:opacity 18ms linear,filter 18ms linear}.tempo-segment-unit.is-unit-flicker{opacity:.45;filter:brightness(.6);transition:opacity 18ms linear,filter 18ms linear}.seven-seg.is-scrambling .seven-seg__segment.is-on{filter:brightness(1.15)}@keyframes led-idle-hum{0%,to{opacity:1;filter:brightness(1)}40%{opacity:.96;filter:brightness(.97)}55%{opacity:1;filter:brightness(1.03)}}.seven-seg__segment--a,.seven-seg__segment--d,.seven-seg__segment--g{left:calc(var(--seg-gap) + var(--seg-w) * .35);width:var(--seg-h);height:var(--seg-w)}.seven-seg__segment--a{top:0}.seven-seg__segment--g{top:calc(50% - var(--seg-w) / 2)}.seven-seg__segment--d{bottom:0}.seven-seg__segment--b,.seven-seg__segment--c,.seven-seg__segment--e,.seven-seg__segment--f{width:var(--seg-w);height:var(--seg-h)}.seven-seg__segment--b,.seven-seg__segment--c{right:0}.seven-seg__segment--e,.seven-seg__segment--f{left:0}.seven-seg__segment--b,.seven-seg__segment--f{top:calc(var(--seg-w) * .55)}.seven-seg__segment--c,.seven-seg__segment--e{bottom:calc(var(--seg-w) * .55)}.seven-seg--letter{width:calc(var(--seg-w) + var(--seg-h) + var(--seg-gap) * 2);height:calc(var(--seg-h) * 2 + var(--seg-w) + var(--seg-gap) * 4)}.seven-seg__letter-svg{display:block;width:100%;height:100%;overflow:visible}.seven-seg__letter-path{stroke:var(--seg-on);stroke-width:4.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;filter:drop-shadow(0 0 4px var(--seg-glow))}.tempo-segment-digit--hundreds .seven-seg__segment:not(.is-on){opacity:.22}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.last-result{margin:0;flex-shrink:0;font-size:1rem;color:var(--color-accent)}.error-inline,.status-inline{margin:0;text-align:center}.error-inline,.status-inline--alert{color:var(--color-secondary)}.groove-stage{grid-row:2 / 4;display:grid;justify-items:center;align-content:center;width:min(76%,21.5rem);align-self:center;min-height:calc(var(--wheel-slot-size) + var(--flipper-zone-height) + var(--layout-stage-to-flipper-px, 28px))}.groove-dude{position:relative;width:16rem;height:19rem;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28));animation:dude-bounce .85s ease-in-out infinite}.groove-aura{position:absolute;top:2.5rem;left:50%;width:12rem;height:12rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-tertiary) 34%,transparent) 0%,transparent 68%);pointer-events:none;animation:groove-aura-pulse 2.4s ease-in-out infinite}.dude-head{position:absolute;top:1.5rem;left:50%;width:7.4rem;height:7.4rem;transform:translate(-50%);animation:head-nod .85s ease-in-out infinite}.dude-face{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;z-index:3;border-radius:50%;background:var(--color-accent);border:3px solid color-mix(in srgb,var(--color-primary) 80%,black);box-shadow:0 10px #0000002e}.headphone-band{position:absolute;top:-.15rem;left:50%;width:6.2rem;height:4.5rem;transform:translate(-50%);border:.5rem solid var(--color-tertiary);border-bottom:0;border-radius:4rem 4rem 0 0;background:transparent;z-index:1}.headphone{position:absolute;top:2.55rem;width:1.55rem;height:2.65rem;border-radius:.85rem;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 82%,white),var(--color-primary));border:3px solid color-mix(in srgb,var(--color-primary) 80%,black);box-shadow:inset 0 3px 6px #ffffff1f,0 4px #00000029;z-index:4}.headphone:after{content:"";position:absolute;top:.28rem;right:.22rem;bottom:.35rem;left:.22rem;border-radius:.55rem;background:color-mix(in srgb,var(--color-tertiary) 35%,var(--color-primary))}.headphone-left{left:0;transform:rotate(-8deg)}.headphone-right{right:0;transform:rotate(8deg)}.dude-eye{position:absolute;top:2.35rem;width:.62rem;height:.62rem;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 90%,black);box-shadow:inset 0 -2px #ffffff26;animation:eye-blink 3.8s infinite;z-index:4}.left-eye{left:2.05rem}.right-eye{right:2.05rem}.dude-smile{position:absolute;left:50%;bottom:1.55rem;width:2.35rem;height:1.15rem;transform:translate(-50%);border-bottom:.3rem solid color-mix(in srgb,var(--color-primary) 90%,black);border-radius:0 0 2rem 2rem;z-index:4}.dude-body{position:absolute;top:8.35rem;left:50%;width:5.2rem;height:6rem;transform:translate(-50%);border-radius:1.7rem 1.7rem .9rem .9rem;background:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary) 88%,white),var(--color-secondary));border:3px solid color-mix(in srgb,var(--color-primary) 80%,black);box-shadow:0 10px #00000029,inset 0 8px 14px #ffffff14}.dude-arm{position:absolute;top:1rem;width:1.05rem;height:5rem;border-radius:1rem;background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 82%,white),var(--color-accent));border:3px solid color-mix(in srgb,var(--color-primary) 80%,black);transform-origin:50% 0;box-shadow:0 4px #00000024}.left-arm{left:-1.05rem;transform:rotate(32deg);animation:left-arm-dance .85s ease-in-out infinite}.right-arm{right:-1.05rem;transform:rotate(-32deg);animation:right-arm-dance .85s ease-in-out infinite}.console-rig{position:absolute;left:50%;bottom:.2rem;width:14rem;transform:translate(-50%)}.console-panel{display:flex;gap:.35rem;padding:.55rem .6rem .5rem;border-radius:.75rem;background:linear-gradient(180deg,color-mix(in srgb,#6b6458 28%,var(--color-surface)),color-mix(in srgb,var(--color-surface) 68%,black));border:3px solid color-mix(in srgb,var(--color-primary) 80%,black);box-shadow:0 10px #0000002e,inset 0 1px #ffffff1a}.console-channels{display:flex;flex:1;gap:.35rem}.console-channel{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;padding:.15rem .1rem 0;border-right:1px solid rgba(255,255,255,.06)}.console-channel:last-child{border-right:none}.console-knob{flex-shrink:0;width:.75rem;height:.75rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ece8e0,color-mix(in srgb,var(--color-neutral) 75%,black));border:2px solid color-mix(in srgb,var(--color-primary) 70%,black);box-shadow:0 2px #00000038;position:relative}.console-knob:after{content:"";position:absolute;top:.12rem;left:50%;width:.12rem;height:.28rem;transform:translate(-50%);border-radius:1px;background:color-mix(in srgb,var(--color-primary) 85%,black)}.console-knob--large{width:.95rem;height:.95rem}.console-meter{position:relative;width:.72rem;height:1.55rem;border-radius:.15rem;background:color-mix(in srgb,var(--color-primary) 92%,black);box-shadow:inset 0 1px 3px #0000008c;overflow:hidden}.console-meter--master{height:1.85rem;width:.85rem}.console-meter-fill{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 .12rem .12rem;background:linear-gradient(180deg,#d94a3a 0%,var(--color-accent) 45%,#7ec850 100%);animation:console-meter-pulse .85s ease-in-out infinite alternate}.console-meter-fill--1{height:52%;animation-delay:0s}.console-meter-fill--2{height:68%;animation-delay:.12s}.console-meter-fill--3{height:44%;animation-delay:.24s}.console-meter-fill--4{height:61%;animation-delay:.18s}.console-meter-fill--master{height:74%;animation-delay:.08s}.console-fader{position:relative;width:.55rem;height:2.35rem;border-radius:.2rem;background:color-mix(in srgb,var(--color-primary) 88%,black);box-shadow:inset 0 2px 4px #00000073}.console-fader-cap{position:absolute;left:50%;width:.85rem;height:.42rem;transform:translate(-50%);border-radius:.15rem;background:linear-gradient(180deg,#f0ece4,#a8a098);border:1px solid color-mix(in srgb,var(--color-primary) 60%,black);box-shadow:0 1px 2px #00000059}.console-channel:nth-child(1) .console-fader-cap{top:.75rem}.console-channel:nth-child(2) .console-fader-cap{top:.45rem}.console-channel:nth-child(3) .console-fader-cap{top:1rem}.console-channel:nth-child(4) .console-fader-cap{top:.6rem}.console-master{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-left:.25rem;border-left:2px solid rgba(255,255,255,.08)}@keyframes console-meter-pulse{0%{filter:brightness(.88);transform:scaleY(.92);transform-origin:bottom}to{filter:brightness(1.15);transform:scaleY(1.08);transform-origin:bottom}}.music-note{position:absolute;font-family:var(--font-primary),var(--font-fallback);font-size:1.75rem;color:var(--color-tertiary);text-shadow:0 0 12px color-mix(in srgb,var(--color-tertiary) 45%,transparent),1px 2px 0 rgba(0,0,0,.25);animation:note-float 1.8s ease-in-out infinite;z-index:5}.note-one{top:.75rem;left:1.4rem}.note-two{top:.25rem;right:1.35rem;color:var(--color-accent);animation-delay:.35s}.note-three{top:5rem;right:.35rem;animation-delay:.75s}@keyframes groove-aura-pulse{0%,to{opacity:.55;transform:translate(-50%) scale(.96)}50%{opacity:.9;transform:translate(-50%) scale(1.04)}}@keyframes dude-bounce{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-.35rem) rotate(.6deg)}}@keyframes head-nod{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}@keyframes left-arm-dance{0%,to{transform:rotate(34deg)}50%{transform:rotate(58deg)}}@keyframes right-arm-dance{0%,to{transform:rotate(-34deg)}50%{transform:rotate(-58deg)}}@keyframes note-float{0%,to{opacity:.55;transform:translateY(0) rotate(-8deg)}50%{opacity:1;transform:translateY(-.65rem) rotate(8deg)}}@keyframes eye-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.mixing-stage{width:min(100%,28rem)}.mixing-card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 90%,white 5%),color-mix(in srgb,var(--color-primary) 70%,black));border:2px solid var(--color-border);border-radius:16px;padding:1.5rem;text-align:center}.wheel-disc text{font-family:var(--font-primary),var(--font-fallback)}.wheel-label-legend{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}.wheel-label-legend__line{stroke:#c59ae0;stroke-width:2.35;stroke-linecap:round;stroke-dasharray:.01 4.4;stroke-opacity:.92}.wheel-label-legend__tip{fill:#c59ae0;stroke:none;fill-opacity:.95}.wheel-label-legend__text{fill:var(--color-text);font-family:var(--font-primary),var(--font-fallback);font-weight:600;paint-order:stroke fill;stroke:color-mix(in srgb,var(--color-background) 82%,black);stroke-width:2;stroke-linejoin:round}.mixing-tempo{margin:0;font-family:var(--font-primary),var(--font-fallback);font-size:2.4rem;font-weight:400;color:var(--color-accent)}.mixing-tracks{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem}.mixing-tracks li{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;background:#0003;border-radius:8px}.track-num{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--color-secondary);font-size:.8rem;font-weight:700}.mixing-tagline{margin:0;color:var(--color-tertiary);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:1rem;z-index:100}.modal{width:min(100%,520px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 20px 50px #00000059;font-family:var(--font-ui),var(--font-fallback);font-size:.95rem;line-height:1.45}.modal-wide{width:min(100%,640px)}.modal-settings{width:min(calc(100% - 2rem),44rem)}.modal-small{width:min(100%,400px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .5rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.modal-header h2{margin:0;font-family:inherit;font-size:1.2rem;font-weight:650;letter-spacing:.01em}.modal h3{font-family:inherit;font-weight:650}.modal .btn-primary,.modal .btn-secondary,.modal .btn-danger,.modal .btn-icon,.legal-page .btn-secondary{font-family:var(--font-primary),var(--font-fallback);font-weight:400;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding-block:.55rem .38rem}.modal .btn-icon{padding-block:.2rem}.modal input,.modal label,.modal .field,.modal .settings-hint,.modal .settings-probability-total,.modal .settings-session-notice,.modal .error-list,.modal .warning-list,.modal .history-card{font-family:inherit}.modal-body{padding:1rem 1.1rem;overflow-y:auto;flex:1 1 auto;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.1rem 1rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.btn-primary,.btn-secondary,.btn-danger,.btn-icon{border-radius:8px;border:1px solid transparent;cursor:pointer;padding:.45rem .85rem}.btn-primary{background:var(--color-tertiary);color:var(--color-text)}.btn-secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-danger{background:var(--color-secondary);color:var(--color-text)}.btn-icon{background:transparent;border:none;color:var(--color-textMuted);font-size:1.25rem;line-height:1;padding:.2rem .4rem}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field input,.item-row input{background:#00000040;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);padding:.4rem .55rem}.item-editor{display:grid;gap:.5rem}.item-editor-actions{display:flex;flex-wrap:wrap;gap:.5rem}.item-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem;align-items:end}.item-row--tempo-range{grid-template-columns:4.6rem 4.6rem auto auto}.weight-field{display:grid;gap:.15rem;font-size:.72rem;color:var(--color-textMuted)}.weight-field input[type=number]{width:100%;min-width:0;box-sizing:border-box}.weight-field--probability{min-width:0}.probability-controls{display:flex;align-items:stretch;gap:.2rem}.probability-controls input[type=number]{width:4.1rem;flex:0 0 auto}.probability-nudge{display:inline-flex;flex-direction:column;justify-content:stretch;gap:1px}.probability-nudge__btn{display:grid;place-items:center;width:1.25rem;flex:1 1 auto;min-height:.95rem;margin:0;padding:0;border:1px solid var(--color-border);border-radius:3px;background:#00000047;color:var(--color-text);font-family:var(--font-ui),var(--font-fallback);font-size:.5rem;line-height:1;cursor:pointer}.probability-nudge__btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-tertiary) 35%,rgba(0,0,0,.28))}.probability-nudge__btn:disabled{opacity:.35;cursor:default}.settings-hint{margin:0 0 .35rem;font-size:.85rem;color:var(--color-textMuted)}.settings-probability-total{margin:.15rem 0 .25rem;font-size:.85rem;color:var(--color-textMuted)}.settings-probability-total.is-invalid{color:var(--color-secondary)}.error-list{margin:0 0 1rem;padding-left:1.2rem;color:var(--color-secondary)}.history-list{display:grid;gap:.65rem}.history-card{background:#0003;border-radius:8px;padding:.65rem .75rem}.history-card time{font-size:.8rem;color:var(--color-textMuted)}.muted{color:var(--color-textMuted)}.settings-session-notice{margin:0 0 1rem;padding:.65rem .75rem;border-radius:6px;background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-text)}.warning-list{margin:.75rem 0 0;padding-left:1.2rem}.modal-backdrop--nested{z-index:60}@media(max-width:540px){.item-row{grid-template-columns:minmax(0,1fr) auto auto}.item-row--tempo-range{grid-template-columns:4.25rem 4.25rem auto auto}}@media(max-width:640px),(max-height:700px)and (max-width:960px){body{min-height:100dvh}#root{display:block;min-height:100dvh;padding:.35rem;padding-bottom:max(.35rem,env(safe-area-inset-bottom,0px))}.app:not(.app--doc){width:min(100%,26.5rem);max-width:100%;height:auto;min-height:0;margin-inline:auto;overflow:visible;--app-size: min(100vw - .7rem, 26.5rem);--wheel-slot-size: min(calc(var(--app-size) * .68), 16.5rem);--flipper-zone-height: 2.75rem;padding:.7rem .8rem calc(5.25rem + env(safe-area-inset-bottom,0px))}.app-main{flex:0 0 auto;margin-bottom:.75rem}.app-main.is-stage-tempo .session-summary,.app-main.is-stage-mixing .session-summary{margin-top:1rem}.stage-header h1{font-size:clamp(1.35rem,7vw,1.85rem)}.session-notes{grid-template-columns:1fr;row-gap:.4rem}.session-summary{width:min(100%,22rem)}.toolbar-actions,.app-footer{bottom:max(1rem,env(safe-area-inset-bottom,0px))}}