@scope(.notenav-player){:scope{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nn-background:oklch(14.5% .014 240);--nn-surface:oklch(18% .016 238);--nn-surface-raised:oklch(22.5% .019 237);--nn-muted:oklch(26.5% .017 238);--nn-border:oklch(31% .019 237);--nn-fg:oklch(95% .008 235);--nn-fg-muted:oklch(68% .018 235);--nn-fg-subtle:oklch(57% .018 235);--nn-primary:oklch(68% .16 275);--nn-primary-fg:oklch(15% .025 275);--nn-accent:oklch(76% .13 211);--nn-accent-fg:oklch(13% .018 235);--nn-success:oklch(78% .15 158);--nn-warn:oklch(76% .14 80);--nn-destructive:oklch(64% .21 25);--nn-ring:var(--nn-accent);--nn-radius:.375rem;--nn-radius-md:.25rem;--nn-radius-sm:.125rem;--nn-shadow:0 12px 34px -14px oklch(0% 0 0/.8);--nn-transport-offset:7.4rem;background:var(--nn-background);color:var(--nn-fg);font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:scope,*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:scope{isolation:isolate;width:100%;height:100%;margin:0;position:relative;overflow:hidden}:-webkit-any(:scope:fullscreen,:scope:-webkit-full-screen,:scope.fullscreen-fallback){width:100vw;height:100dvh;min-height:100dvh;margin:0}:is(:scope:fullscreen,:scope:fullscreen,:scope.fullscreen-fallback){width:100vw;height:100dvh;min-height:100dvh;margin:0}:scope.fullscreen-fallback{z-index:2147483647;top:var(--notenav-fullscreen-top,0);width:auto;height:var(--notenav-fullscreen-height,100dvh);min-height:0;position:fixed;bottom:auto;left:0;right:0}:scope:fullscreen::backdrop{background:var(--nn-background)}:scope:-webkit-full-screen::backdrop{background:var(--nn-background)}:scope:fullscreen::backdrop{background:var(--nn-background)}.nn-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.125rem;height:1.125rem}.nn-icon-solid{fill:currentColor;stroke:none}button{border:1px solid var(--nn-border);border-radius:var(--nn-radius-sm);height:2.25rem;color:var(--nn-fg);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:color .12s,border-color .12s,background-color .12s;display:inline-flex}button:hover:not(:disabled){border-color:color-mix(in oklab, var(--nn-accent) 60%, transparent);background:color-mix(in oklab, var(--nn-accent) 10%, transparent);color:var(--nn-accent)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--nn-ring);outline-offset:2px}button[aria-expanded=true]{border-color:color-mix(in oklab, var(--nn-accent) 50%, transparent);background:color-mix(in oklab, var(--nn-accent) 15%, transparent);color:var(--nn-accent)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:1rem;margin:0}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--nn-primary) calc(var(--nn-range-fill,0) * 100%), transparent calc(var(--nn-range-fill,0) * 100%)) no-repeat, var(--nn-muted);border-radius:999px;height:.375rem}input[type=range]::-moz-range-track{background:var(--nn-muted);border-radius:999px;height:.375rem}input[type=range]::-moz-range-progress{background:var(--nn-primary);border-radius:999px;height:.375rem}input[type=range]::-webkit-slider-thumb{border:1px solid var(--nn-primary);appearance:none;background:#fff;border-radius:999px;width:.875rem;height:.875rem;margin-top:-.25rem;transition:box-shadow .12s}input[type=range]::-moz-range-thumb{border:1px solid var(--nn-primary);background:#fff;border-radius:999px;width:.875rem;height:.875rem;transition:box-shadow .12s}input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in oklab, var(--nn-ring) 40%, transparent)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in oklab, var(--nn-ring) 40%, transparent)}input[type=range]:hover:not(:disabled)::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in oklab, var(--nn-ring) 40%, transparent)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in oklab, var(--nn-ring) 40%, transparent)}select{border:1px solid var(--nn-border);border-radius:var(--nn-radius-md);background-color:color-mix(in oklab, var(--nn-border) 30%, transparent);width:100%;min-width:0;height:2.25rem;color:var(--nn-fg);font:inherit;text-overflow:ellipsis;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a8b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:1rem;outline:none;padding:0 2rem 0 .75rem;font-size:.8125rem}select:hover{background-color:color-mix(in oklab, var(--nn-border) 50%, transparent)}select option,select optgroup{background:var(--nn-surface);color:var(--nn-fg)}input[type=checkbox]{border:1px solid var(--nn-border);background:color-mix(in oklab, var(--nn-border) 30%, transparent);appearance:none;cursor:pointer;border-radius:4px;flex:none;place-content:center;width:1rem;height:1rem;margin:0;transition:border-color .12s,background-color .12s;display:grid}input[type=checkbox]:before{background:var(--nn-primary-fg);content:"";width:.75rem;height:.75rem;transition:transform .12s;transform:scale(0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}input[type=checkbox]:checked{border-color:var(--nn-primary);background:var(--nn-primary)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{outline:2px solid var(--nn-ring);outline-offset:2px}.signal-label{color:var(--nn-fg-muted);letter-spacing:.12em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem}output,.readout{color:var(--nn-fg);font-variant-numeric:tabular-nums;text-align:right;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.art-backdrop{z-index:0;background:linear-gradient(to bottom, var(--nn-sky-void,#060a0d) 0%, var(--nn-sky-top,#0d131a) 8%, var(--nn-sky-horizon,#101820) 18%, var(--nn-sky-horizon,#101820) 52%, var(--nn-sky-floor,#0b1118) 100%);isolation:isolate;pointer-events:none;position:absolute;inset:0;overflow:hidden}.art-backdrop:before{z-index:0;content:"";background:var(--nn-art-image,url(./notenav-stage-backdrop.9c0qr7NC.webp)) center bottom / 100% auto no-repeat;opacity:.85;filter:saturate(.8);mix-blend-mode:screen;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000eb 0%,#000c 35%,#00000094 62%,#00000047 100%);mask-image:linear-gradient(#000000eb 0%,#000c 35%,#00000094 62%,#00000047 100%)}.art-backdrop:after{z-index:1;content:"";background:radial-gradient(75% 38% at 50% 24%, var(--nn-sky-glow,#3b82a833) 0%, transparent 72%), radial-gradient(118% 88% at 50% 40%, transparent 55%, var(--nn-sky-vignette,#04070973) 100%);position:absolute;inset:0}#highway{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.player-loading{z-index:60;background:radial-gradient(90% 60% at 50% 42%, color-mix(in oklab, var(--nn-accent) 7%, transparent) 0%, transparent 70%), linear-gradient(to bottom, var(--nn-sky-void,#060a0d) 0%, var(--nn-sky-top,#0d131a) 8%, var(--nn-sky-horizon,#101820) 18%, var(--nn-sky-horizon,#101820) 52%, var(--nn-sky-floor,#0b1118) 100%);opacity:1;place-items:center;transition:opacity .42s;display:grid;position:absolute;inset:0}.player-loading[data-state=done]{opacity:0;pointer-events:none}.player-loading[data-stalled=true]{pointer-events:none}.player-loading[hidden]{display:none}.player-loading-panel{text-align:center;flex-direction:column;align-items:center;gap:.85rem;width:min(19rem,74vw);display:flex}.player-loading-art{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--nn-border) 70%, transparent);border-radius:var(--nn-radius);width:min(10rem,100%,40vh);height:auto;box-shadow:var(--nn-shadow);object-fit:cover;opacity:0;margin-bottom:.15rem}.player-loading-art[data-loaded=true]{animation:.42s ease-in-out both nn-cover-fade-in,.42s cubic-bezier(.2,.8,.3,1) both nn-cover-rise}.player-loading-ring{border:2px solid var(--nn-border);border-top-color:var(--nn-accent);border-radius:50%;width:2.25rem;height:2.25rem;animation:.9s linear infinite nn-player-loading-spin}.player-loading-label{color:var(--nn-fg-muted);margin:0;font-size:.8125rem}.player-loading-track{background:var(--nn-muted);border-radius:999px;width:100%;height:.5rem;overflow:hidden}.player-loading-fill{width:calc(var(--nn-loading-progress,0) * 100%);border-radius:inherit;background:var(--nn-primary);height:100%;transition:width .46s cubic-bezier(.4,0,.2,1);display:block}.player-loading-stall{color:var(--nn-fg-subtle);opacity:0;margin:0;font-size:.75rem;transition:opacity .4s}.player-loading[data-stalled=true] .player-loading-stall{opacity:1}.player-loading[data-state=error] .player-loading-ring{border-color:color-mix(in oklab, var(--nn-destructive) 28%, transparent);border-top-color:var(--nn-destructive);animation:none}.player-loading[data-state=error] .player-loading-label{color:var(--nn-destructive)}.player-loading[data-state=error] .player-loading-track{visibility:hidden}@media (prefers-reduced-motion:reduce){.player-loading-ring{border-top-color:var(--nn-accent);animation:1.8s ease-in-out infinite nn-player-loading-pulse}.player-loading,.player-loading-fill,.player-loading-stall{transition-duration:1ms}.player-loading-art[data-loaded=true]{animation:.2s ease-out both nn-cover-fade-in}}.hud{z-index:30;background:linear-gradient(to bottom, color-mix(in oklab, var(--nn-background) 88%, transparent) 0%, color-mix(in oklab, var(--nn-background) 55%, transparent) 55%, transparent 100%);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem 1.75rem;transition:opacity .18s;display:flex;position:absolute;top:0;left:0;right:0}:-webkit-any(:scope:fullscreen .hud,:scope:-webkit-full-screen .hud,:scope.fullscreen-fallback .hud){padding-top:calc(1rem + env(safe-area-inset-top));padding-right:calc(1.25rem + env(safe-area-inset-right));padding-left:calc(1.25rem + env(safe-area-inset-left))}:is(:scope:fullscreen .hud,:scope:fullscreen .hud,:scope.fullscreen-fallback .hud){padding-top:calc(1rem + env(safe-area-inset-top));padding-right:calc(1.25rem + env(safe-area-inset-right));padding-left:calc(1.25rem + env(safe-area-inset-left))}.song-identity{align-items:center;gap:.625rem;min-width:0;display:flex}.song-copy{min-width:0}.hud-art{border:1px solid color-mix(in oklab, var(--nn-border) 70%, transparent);border-radius:var(--nn-radius);width:2.75rem;height:2.75rem;box-shadow:var(--nn-shadow);object-fit:cover;flex-shrink:0}.title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:65vw;font-size:.9375rem;font-weight:600;overflow:hidden}.metadata{color:var(--nn-fg-muted);letter-spacing:.04em;margin-top:.25rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem}.status-stack{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.badge,.lead-in-status{border:1px solid color-mix(in oklab, var(--nn-accent) 30%, transparent);border-radius:var(--nn-radius-sm);background:color-mix(in oklab, var(--nn-accent) 10%, transparent);color:var(--nn-accent);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:.125rem .5rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem;font-weight:500;display:inline-flex}.lead-in-status[hidden]{display:none}.hud-capo{border:1px solid color-mix(in oklab, var(--nn-warn) 40%, transparent);border-radius:var(--nn-radius-sm);background:color-mix(in oklab, var(--nn-warn) 14%, transparent);color:var(--nn-warn);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;margin-left:.5rem;padding:.0625rem .4rem;font-size:.625rem;font-weight:600;display:inline-flex}.hud-capo[hidden]{display:none}.time{color:var(--nn-fg-muted);font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.notice{z-index:50;border-radius:var(--nn-radius-md);text-align:center;pointer-events:none;max-width:min(90vw,42rem);padding:0;font-size:.8125rem;position:absolute;top:4.5rem;left:50%;transform:translate(-50%)}.notice.visible{border:1px solid color-mix(in oklab, var(--nn-warn) 30%, transparent);background:color-mix(in oklab, var(--nn-warn) 12%, var(--nn-surface));box-shadow:var(--nn-shadow);color:var(--nn-fg);padding:.5rem .75rem}.tuning-prompt{z-index:50;border:1px solid color-mix(in oklab, var(--nn-accent) 35%, transparent);border-radius:var(--nn-radius-md);background:color-mix(in oklab, var(--nn-accent) 10%, var(--nn-surface));max-width:min(90vw,32rem);box-shadow:var(--nn-shadow);pointer-events:auto;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex;position:absolute;top:7.5rem;left:50%;transform:translate(-50%)}.tuning-prompt[hidden]{display:none}.tuning-prompt-text{color:var(--nn-fg);text-align:center;text-wrap:balance;margin:0;font-size:.8125rem}.tuning-prompt-actions{gap:.5rem;display:flex}button.tuning-prompt-tune{background:var(--nn-primary);color:var(--nn-primary-fg);border-color:#0000}button.tuning-prompt-tune:hover:not(:disabled){background:color-mix(in oklab, var(--nn-primary) 90%, var(--nn-background));color:var(--nn-primary-fg);border-color:#0000}.transport{z-index:40;border:1px solid var(--nn-border);border-radius:var(--nn-radius);background:color-mix(in oklab, var(--nn-surface) 94%, transparent);width:min(72rem,100% - 2rem);box-shadow:var(--nn-shadow);touch-action:manipulation;padding:.625rem .75rem;transition:opacity .18s,visibility linear;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}:-webkit-any(:scope:fullscreen.fullscreen-controls-hidden .transport,:scope:-webkit-full-screen.fullscreen-controls-hidden .transport,:scope.fullscreen-fallback.fullscreen-controls-hidden .transport){visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,visibility 0s linear .18s}:is(:scope:fullscreen.fullscreen-controls-hidden .transport,:scope:fullscreen.fullscreen-controls-hidden .transport,:scope.fullscreen-fallback.fullscreen-controls-hidden .transport){visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,visibility 0s linear .18s}:-webkit-any(:scope:fullscreen.fullscreen-controls-hidden .hud,:scope:-webkit-full-screen.fullscreen-controls-hidden .hud,:scope.fullscreen-fallback.fullscreen-controls-hidden .hud){opacity:0}:is(:scope:fullscreen.fullscreen-controls-hidden .hud,:scope:fullscreen.fullscreen-controls-hidden .hud,:scope.fullscreen-fallback.fullscreen-controls-hidden .hud){opacity:0}.transport-scrub{align-items:center;gap:.75rem;margin:0 .125rem .5rem;display:flex}.scrubber{flex:1;min-width:0}.scrubber::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.3125rem}.scrubber::-moz-range-thumb{width:1rem;height:1rem}.transport-scrub .time{text-align:right;flex:none;min-width:5.5rem}.transport-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.transport-cluster{justify-content:center;align-items:center;gap:.375rem;display:flex}.transport-playback button{width:2.25rem;padding:0}.transport-playback .seek{width:auto;padding:0 .5rem}.seek-amount{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem}button.play{background:var(--nn-primary);width:2.75rem;height:2.75rem;color:var(--nn-primary-fg);border-color:#0000;border-radius:999px;padding:0}button.play:hover:not(:disabled){background:color-mix(in oklab, var(--nn-primary) 90%, var(--nn-background));color:var(--nn-primary-fg);border-color:#0000}button.play .nn-icon{width:1.25rem;height:1.25rem}.play[data-state=play] .icon-pause,.play[data-state=pause] .icon-play,#fullscreen .icon-minimize,:-webkit-any(:scope:fullscreen #fullscreen .icon-maximize,:scope:-webkit-full-screen #fullscreen .icon-maximize,:scope.fullscreen-fallback #fullscreen .icon-maximize){display:none}.play[data-state=play] .icon-pause,.play[data-state=pause] .icon-play,#fullscreen .icon-minimize,:is(:scope:fullscreen #fullscreen .icon-maximize,:scope:fullscreen #fullscreen .icon-maximize,:scope.fullscreen-fallback #fullscreen .icon-maximize){display:none}:-webkit-any(:scope:fullscreen #fullscreen .icon-minimize,:scope:-webkit-full-screen #fullscreen .icon-minimize,:scope.fullscreen-fallback #fullscreen .icon-minimize){display:block}:is(:scope:fullscreen #fullscreen .icon-minimize,:scope:fullscreen #fullscreen .icon-minimize,:scope.fullscreen-fallback #fullscreen .icon-minimize){display:block}.transport-volume{min-width:9rem;color:var(--nn-fg-muted);flex:0 13rem;align-items:center;gap:.5rem;display:flex}.transport-volume input{flex:1;min-width:0}.transport-volume output{color:var(--nn-fg-muted);flex:0 0 2.25rem}.transport-tools button{height:2.25rem;padding:0 .625rem;font-size:.75rem}.transport-tools .nn-icon{width:.9375rem;height:.9375rem}.practice-panel,.camera-panel,.tuner-panel,.input-panel,.legend-panel{z-index:45;right:1rem;bottom:var(--nn-transport-offset);max-height:calc(100% - var(--nn-transport-offset) - 4.5rem);border:1px solid var(--nn-border);border-radius:var(--nn-radius);background:color-mix(in oklab, var(--nn-surface) 97%, transparent);max-width:58rem;box-shadow:var(--nn-shadow);margin:0 auto;padding:.875rem;display:none;position:absolute;left:1rem;overflow-y:auto}.practice-panel.open{display:block}.camera-panel,.tuner-panel,.input-panel{width:min(31rem,100% - 2rem);display:block;left:auto;right:1rem}.camera-panel{width:min(28rem,100% - 2rem)}.legend-panel{display:block}.camera-panel[hidden],.tuner-panel[hidden],.input-panel[hidden],.legend-panel[hidden]{display:none}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.875rem;display:flex}.panel-heading h2{letter-spacing:-.005em;margin:0;font-size:.875rem;font-weight:600}.panel-heading p,.panel-hint{color:var(--nn-fg-subtle);margin:.25rem 0 0;font-size:.6875rem;line-height:1.45}.panel-hint{margin-top:.75rem}button.panel-close{width:2rem;height:2rem;color:var(--nn-fg-muted);border-color:#0000;padding:0}button.panel-close:hover{border-color:#0000}.panel-actions{border-top:1px solid var(--nn-border);gap:.5rem;margin-top:.875rem;padding-top:.75rem;display:flex}.panel-actions button{flex:1}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;display:grid}.field{gap:.3rem;min-width:0;display:grid}.field-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.field-head .signal-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-wide{grid-column:1/-1}.toggle{color:var(--nn-fg-muted);white-space:nowrap;cursor:pointer;align-items:center;gap:.5rem;font-size:.75rem;display:inline-flex}.toggle:hover{color:var(--nn-fg)}.practice-actions{border-top:1px solid var(--nn-border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.875rem;padding-top:.75rem;display:flex}.practice-actions .spacer{flex:1}.loop-label{color:var(--nn-fg-muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem}.camera-enabled{border-bottom:1px solid var(--nn-border);color:var(--nn-fg);margin-bottom:.875rem;padding-bottom:.75rem;font-size:.8125rem}.tuner-status-row,.input-status-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.input-status{border:1px solid var(--nn-border);border-radius:var(--nn-radius-sm);background:var(--nn-surface-raised);color:var(--nn-fg-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:.125rem .5rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem;display:inline-flex}.input-status[data-state=active]{border-color:color-mix(in oklab, var(--nn-success) 30%, transparent);background:color-mix(in oklab, var(--nn-success) 10%, transparent);color:var(--nn-success)}.input-status[data-state=starting]{border-color:color-mix(in oklab, var(--nn-accent) 30%, transparent);background:color-mix(in oklab, var(--nn-accent) 10%, transparent);color:var(--nn-accent)}.input-status[data-state=error]{border-color:color-mix(in oklab, var(--nn-destructive) 35%, transparent);background:color-mix(in oklab, var(--nn-destructive) 12%, transparent);color:var(--nn-destructive)}.input-privacy{color:var(--nn-fg-subtle);font-size:.6875rem}.tuner-targets{grid-template-columns:repeat(auto-fit,minmax(3.75rem,1fr));gap:.375rem;display:grid}.tuner-target{border:1px solid var(--nn-border);border-radius:var(--nn-radius-md);background:var(--nn-surface-raised);min-height:3.25rem;color:var(--nn-fg-muted);place-items:center;gap:.2rem;padding:.4rem;transition:border-color .12s,background-color .12s,color .12s;display:grid}.tuner-target strong{color:var(--nn-fg);font-size:1rem;font-weight:600;line-height:1}.tuner-target[data-active=true]{border-color:color-mix(in oklab, var(--nn-accent) 55%, transparent);background:color-mix(in oklab, var(--nn-accent) 12%, transparent);color:var(--nn-accent)}.tuner-target[data-active=true] strong{color:var(--nn-accent)}.tuner-string-number{letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5625rem}.tuner-result{border:1px solid var(--nn-border);border-radius:var(--nn-radius-md);background:var(--nn-surface-raised);justify-content:space-between;align-items:center;gap:1rem;margin:.875rem 0 .75rem;padding:.875rem;display:flex}.tuner-result[data-state=in-tune]{border-color:color-mix(in oklab, var(--nn-success) 40%, transparent);background:color-mix(in oklab, var(--nn-success) 10%, transparent)}.tuner-note-copy,.tuner-reading{gap:.2rem;min-width:0;display:grid}.tuner-note-copy{flex:1}.tuner-reading{white-space:nowrap;flex:none}#tuner-detected-note{color:var(--nn-fg);font-size:1.75rem;font-weight:600;line-height:1}#tuner-target-note{color:var(--nn-fg-muted);font-size:.6875rem;line-height:1.4}#tuner-cents{color:var(--nn-fg-muted);font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem}.tuner-reading{text-align:right}#tuner-reading{font-size:.9375rem;font-weight:600}.tuner-result[data-state=flat] #tuner-reading,.tuner-result[data-state=sharp] #tuner-reading{color:var(--nn-warn)}.tuner-result[data-state=in-tune] #tuner-reading,.tuner-result[data-state=in-tune] #tuner-detected-note{color:var(--nn-success)}.tuner-meter{border:1px solid var(--nn-border);background:linear-gradient(to right, color-mix(in oklab, var(--nn-warn) 30%, transparent), var(--nn-muted) 34% 66%, color-mix(in oklab, var(--nn-warn) 30%, transparent));border-radius:999px;height:.625rem;position:relative}.tuner-meter:after{background:var(--nn-fg-subtle);content:"";width:1px;position:absolute;top:-.2rem;bottom:-.2rem;left:50%}.tuner-meter-zone{border-radius:inherit;background:color-mix(in oklab, var(--nn-success) 32%, transparent);width:10%;position:absolute;top:0;bottom:0;left:45%}.tuner-needle{z-index:1;background:var(--nn-warn);border-radius:999px;width:.25rem;height:1.15rem;transition:left 90ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tuner-result[data-state=in-tune]+.tuner-meter .tuner-needle{background:var(--nn-success)}.tuner-meter-labels{color:var(--nn-fg-subtle);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;margin-top:.4rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem;display:flex}.tuner-capo{border:1px solid color-mix(in oklab, var(--nn-accent) 30%, transparent);border-radius:var(--nn-radius-md);background:color-mix(in oklab, var(--nn-accent) 10%, transparent);color:var(--nn-accent);margin:.75rem 0 0;padding:.5rem .625rem;font-size:.75rem}.select-action{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.input-tone-status{color:var(--nn-fg-subtle);font-size:.6875rem;line-height:1.4}.field-note{color:var(--nn-fg-subtle);text-wrap:pretty;font-size:.6875rem;line-height:1.4}.input-tone-status[data-state=active]{color:var(--nn-success)}.input-live{border:1px solid var(--nn-border);border-radius:var(--nn-radius-md);background:var(--nn-surface-raised);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin:.875rem 0 .5rem;padding:.75rem;display:grid}.input-level-copy{gap:.4rem;min-width:0;display:grid}.input-level-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.input-clip{color:var(--nn-destructive);letter-spacing:.1em;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem}.input-meter{background:var(--nn-muted);border-radius:999px;height:.375rem;position:relative;overflow:hidden}.input-level-bar{background:var(--nn-success);transform-origin:0;width:100%;height:100%;transition:transform 70ms linear;display:block;transform:scaleX(0)}.input-level-bar[data-level=warm]{background:var(--nn-warn)}.input-level-bar[data-level=hot]{background:var(--nn-destructive)}.input-detected{text-align:right;gap:.15rem;min-width:9rem;display:grid}.input-detected strong{color:var(--nn-fg);font-size:1.375rem;font-weight:600;line-height:1.15}#input-pitch-detail{color:var(--nn-fg-muted);font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem}.input-latency-report{color:var(--nn-fg-subtle);font-variant-numeric:tabular-nums;margin:0 0 .875rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem}.input-settings{border-top:1px solid var(--nn-border);padding-top:.875rem}button.input-start{background:var(--nn-primary);color:var(--nn-primary-fg);border-color:#0000;flex:1}button.input-start:hover:not(:disabled){background:color-mix(in oklab, var(--nn-primary) 90%, var(--nn-background));color:var(--nn-primary-fg);border-color:#0000}button.input-start[data-running=true]{border-color:color-mix(in oklab, var(--nn-destructive) 45%, transparent);background:color-mix(in oklab, var(--nn-destructive) 12%, transparent);color:var(--nn-destructive)}button.input-start[data-running=true]:hover:not(:disabled){border-color:var(--nn-destructive);background:color-mix(in oklab, var(--nn-destructive) 20%, transparent);color:var(--nn-destructive)}.legend-body{column-width:17rem;column-gap:1.5rem}.legend-group{break-inside:avoid;margin-bottom:1rem}.legend-group h3{color:var(--nn-fg-subtle);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;font-weight:500}.legend-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.legend-item{align-items:flex-start;gap:.6rem;display:flex}.legend-figure{flex:0 0 3.9rem;justify-content:center;align-items:center;padding-top:.05rem;display:flex}.legend-figure canvas{display:block}.legend-shortcut .legend-figure{flex-basis:5.4rem;justify-content:flex-start}.legend-keys{flex-wrap:wrap;align-items:center;gap:.2rem;display:flex}.legend-keys kbd{border:1px solid var(--nn-border);border-radius:var(--nn-radius-sm);background:var(--nn-surface-raised);min-width:1.25rem;color:var(--nn-fg-muted);text-align:center;white-space:nowrap;border-bottom-width:2px;padding:.1rem .3rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem;line-height:1.45}.legend-key-join{color:var(--nn-fg-subtle);font-size:.6rem}.legend-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.legend-copy strong{color:var(--nn-fg);font-size:.8125rem;font-weight:600}.legend-copy span{color:var(--nn-fg-muted);font-size:.75rem;line-height:1.4}@media (width<=860px){:scope{--nn-transport-offset:10rem}.transport{width:calc(100% - 1rem);bottom:.5rem}:-webkit-any(:scope:fullscreen .transport,:scope:-webkit-full-screen .transport,:scope.fullscreen-fallback .transport){bottom:calc(.5rem + env(safe-area-inset-bottom));width:calc(100% - 1rem - env(safe-area-inset-left) - env(safe-area-inset-right))}:is(:scope:fullscreen .transport,:scope:fullscreen .transport,:scope.fullscreen-fallback .transport){bottom:calc(.5rem + env(safe-area-inset-bottom));width:calc(100% - 1rem - env(safe-area-inset-left) - env(safe-area-inset-right))}.transport-row{flex-wrap:wrap}.transport-playback{flex:1;justify-content:flex-start}.transport-volume{margin-left:auto}.transport-tools{flex:0 0 100%;justify-content:center}}@media (width<=700px){.field-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.input-live{grid-template-columns:1fr}.tuner-result{flex-direction:column;align-items:flex-start}.tuner-reading,.input-detected{text-align:left;min-width:0}.practice-actions .spacer{display:none}.title{max-width:56vw}}@media (width<=520px){.hud{padding:.85rem .85rem 1.5rem}:-webkit-any(:scope:fullscreen .hud,:scope:-webkit-full-screen .hud,:scope.fullscreen-fallback .hud){padding-top:calc(.85rem + env(safe-area-inset-top));padding-right:calc(.85rem + env(safe-area-inset-right));padding-left:calc(.85rem + env(safe-area-inset-left))}:is(:scope:fullscreen .hud,:scope:fullscreen .hud,:scope.fullscreen-fallback .hud){padding-top:calc(.85rem + env(safe-area-inset-top));padding-right:calc(.85rem + env(safe-area-inset-right));padding-left:calc(.85rem + env(safe-area-inset-left))}.song-identity{gap:.5rem}.hud-art{width:2.25rem;height:2.25rem}.transport-playback{flex:0 0 100%;justify-content:center}.transport-volume{flex:6rem;min-width:5.5rem;margin-left:0}.transport-tools{flex:none;gap:.25rem}.transport-tools button{width:2.25rem;padding:0}.transport-tools button span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.tuner-targets{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-panel,.camera-panel,.tuner-panel,.input-panel,.legend-panel{width:auto;left:.5rem;right:.5rem}:-webkit-any(:scope:fullscreen .practice-panel,:scope:fullscreen .camera-panel,:scope:fullscreen .tuner-panel,:scope:fullscreen .input-panel,:scope:fullscreen .legend-panel,:scope:-webkit-full-screen .practice-panel,:scope:-webkit-full-screen .camera-panel,:scope:-webkit-full-screen .tuner-panel,:scope:-webkit-full-screen .input-panel,:scope:-webkit-full-screen .legend-panel,:scope.fullscreen-fallback .practice-panel,:scope.fullscreen-fallback .camera-panel,:scope.fullscreen-fallback .tuner-panel,:scope.fullscreen-fallback .input-panel,:scope.fullscreen-fallback .legend-panel){right:calc(.5rem + env(safe-area-inset-right));left:calc(.5rem + env(safe-area-inset-left))}:is(:scope:fullscreen .practice-panel,:scope:fullscreen .camera-panel,:scope:fullscreen .tuner-panel,:scope:fullscreen .input-panel,:scope:fullscreen .legend-panel,:scope:fullscreen .practice-panel,:scope:fullscreen .camera-panel,:scope:fullscreen .tuner-panel,:scope:fullscreen .input-panel,:scope:fullscreen .legend-panel,:scope.fullscreen-fallback .practice-panel,:scope.fullscreen-fallback .camera-panel,:scope.fullscreen-fallback .tuner-panel,:scope.fullscreen-fallback .input-panel,:scope.fullscreen-fallback .legend-panel){right:calc(.5rem + env(safe-area-inset-right));left:calc(.5rem + env(safe-area-inset-left))}}@media (width<=380px){.transport-volume output{display:none}}}@keyframes nn-player-loading-spin{to{transform:rotate(360deg)}}@keyframes nn-player-loading-pulse{50%{opacity:.35}}@keyframes nn-cover-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nn-cover-rise{0%{transform:translateY(.375rem)}to{transform:none}}@scope(.notenav-player){.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-6{margin-left:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-9{height:2.25rem}.w-24{width:6rem}.w-full{width:100%}.max-w-\[12rem\]{max-width:12rem}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-accent{--tw-border-opacity:1;border-color:rgb(64 128 224/var(--tw-border-opacity,1))}.border-accent-dark{--tw-border-opacity:1;border-color:rgb(32 96 176/var(--tw-border-opacity,1))}.border-accent-dark\/0{border-color:#2060b000}.border-accent-dark\/10{border-color:#2060b01a}.border-accent-dark\/100{border-color:#2060b0}.border-accent-dark\/15{border-color:#2060b026}.border-accent-dark\/20{border-color:#2060b033}.border-accent-dark\/25{border-color:#2060b040}.border-accent-dark\/30{border-color:#2060b04d}.border-accent-dark\/35{border-color:#2060b059}.border-accent-dark\/40{border-color:#2060b066}.border-accent-dark\/45{border-color:#2060b073}.border-accent-dark\/5{border-color:#2060b00d}.border-accent-dark\/50{border-color:#2060b080}.border-accent-dark\/55{border-color:#2060b08c}.border-accent-dark\/60{border-color:#2060b099}.border-accent-dark\/65{border-color:#2060b0a6}.border-accent-dark\/70{border-color:#2060b0b3}.border-accent-dark\/75{border-color:#2060b0bf}.border-accent-dark\/80{border-color:#2060b0cc}.border-accent-dark\/85{border-color:#2060b0d9}.border-accent-dark\/90{border-color:#2060b0e6}.border-accent-dark\/95{border-color:#2060b0f2}.border-accent-light{--tw-border-opacity:1;border-color:rgb(96 160 255/var(--tw-border-opacity,1))}.border-accent-light\/0{border-color:#60a0ff00}.border-accent-light\/10{border-color:#60a0ff1a}.border-accent-light\/100{border-color:#60a0ff}.border-accent-light\/15{border-color:#60a0ff26}.border-accent-light\/20{border-color:#60a0ff33}.border-accent-light\/25{border-color:#60a0ff40}.border-accent-light\/30{border-color:#60a0ff4d}.border-accent-light\/35{border-color:#60a0ff59}.border-accent-light\/40{border-color:#60a0ff66}.border-accent-light\/45{border-color:#60a0ff73}.border-accent-light\/5{border-color:#60a0ff0d}.border-accent-light\/50{border-color:#60a0ff80}.border-accent-light\/55{border-color:#60a0ff8c}.border-accent-light\/60{border-color:#60a0ff99}.border-accent-light\/65{border-color:#60a0ffa6}.border-accent-light\/70{border-color:#60a0ffb3}.border-accent-light\/75{border-color:#60a0ffbf}.border-accent-light\/80{border-color:#60a0ffcc}.border-accent-light\/85{border-color:#60a0ffd9}.border-accent-light\/90{border-color:#60a0ffe6}.border-accent-light\/95{border-color:#60a0fff2}.border-dark-500{--tw-border-opacity:1;border-color:rgb(30 30 58/var(--tw-border-opacity,1))}.border-dark-500\/0{border-color:#1e1e3a00}.border-dark-500\/10{border-color:#1e1e3a1a}.border-dark-500\/100{border-color:#1e1e3a}.border-dark-500\/15{border-color:#1e1e3a26}.border-dark-500\/20{border-color:#1e1e3a33}.border-dark-500\/25{border-color:#1e1e3a40}.border-dark-500\/30{border-color:#1e1e3a4d}.border-dark-500\/35{border-color:#1e1e3a59}.border-dark-500\/40{border-color:#1e1e3a66}.border-dark-500\/45{border-color:#1e1e3a73}.border-dark-500\/5{border-color:#1e1e3a0d}.border-dark-500\/50{border-color:#1e1e3a80}.border-dark-500\/55{border-color:#1e1e3a8c}.border-dark-500\/60{border-color:#1e1e3a99}.border-dark-500\/65{border-color:#1e1e3aa6}.border-dark-500\/70{border-color:#1e1e3ab3}.border-dark-500\/75{border-color:#1e1e3abf}.border-dark-500\/80{border-color:#1e1e3acc}.border-dark-500\/85{border-color:#1e1e3ad9}.border-dark-500\/90{border-color:#1e1e3ae6}.border-dark-500\/95{border-color:#1e1e3af2}.border-dark-600{--tw-border-opacity:1;border-color:rgb(24 24 48/var(--tw-border-opacity,1))}.border-dark-600\/0{border-color:#18183000}.border-dark-600\/10{border-color:#1818301a}.border-dark-600\/100{border-color:#181830}.border-dark-600\/15{border-color:#18183026}.border-dark-600\/20{border-color:#18183033}.border-dark-600\/25{border-color:#18183040}.border-dark-600\/30{border-color:#1818304d}.border-dark-600\/35{border-color:#18183059}.border-dark-600\/40{border-color:#18183066}.border-dark-600\/45{border-color:#18183073}.border-dark-600\/5{border-color:#1818300d}.border-dark-600\/50{border-color:#18183080}.border-dark-600\/55{border-color:#1818308c}.border-dark-600\/60{border-color:#18183099}.border-dark-600\/65{border-color:#181830a6}.border-dark-600\/70{border-color:#181830b3}.border-dark-600\/75{border-color:#181830bf}.border-dark-600\/80{border-color:#181830cc}.border-dark-600\/85{border-color:#181830d9}.border-dark-600\/90{border-color:#181830e6}.border-dark-600\/95{border-color:#181830f2}.border-dark-700{--tw-border-opacity:1;border-color:rgb(16 16 30/var(--tw-border-opacity,1))}.border-dark-700\/0{border-color:#10101e00}.border-dark-700\/10{border-color:#10101e1a}.border-dark-700\/100{border-color:#10101e}.border-dark-700\/15{border-color:#10101e26}.border-dark-700\/20{border-color:#10101e33}.border-dark-700\/25{border-color:#10101e40}.border-dark-700\/30{border-color:#10101e4d}.border-dark-700\/35{border-color:#10101e59}.border-dark-700\/40{border-color:#10101e66}.border-dark-700\/45{border-color:#10101e73}.border-dark-700\/5{border-color:#10101e0d}.border-dark-700\/50{border-color:#10101e80}.border-dark-700\/55{border-color:#10101e8c}.border-dark-700\/60{border-color:#10101e99}.border-dark-700\/65{border-color:#10101ea6}.border-dark-700\/70{border-color:#10101eb3}.border-dark-700\/75{border-color:#10101ebf}.border-dark-700\/80{border-color:#10101ecc}.border-dark-700\/85{border-color:#10101ed9}.border-dark-700\/90{border-color:#10101ee6}.border-dark-700\/95{border-color:#10101ef2}.border-dark-800{--tw-border-opacity:1;border-color:rgb(10 10 18/var(--tw-border-opacity,1))}.border-dark-800\/0{border-color:#0a0a1200}.border-dark-800\/10{border-color:#0a0a121a}.border-dark-800\/100{border-color:#0a0a12}.border-dark-800\/15{border-color:#0a0a1226}.border-dark-800\/20{border-color:#0a0a1233}.border-dark-800\/25{border-color:#0a0a1240}.border-dark-800\/30{border-color:#0a0a124d}.border-dark-800\/35{border-color:#0a0a1259}.border-dark-800\/40{border-color:#0a0a1266}.border-dark-800\/45{border-color:#0a0a1273}.border-dark-800\/5{border-color:#0a0a120d}.border-dark-800\/50{border-color:#0a0a1280}.border-dark-800\/55{border-color:#0a0a128c}.border-dark-800\/60{border-color:#0a0a1299}.border-dark-800\/65{border-color:#0a0a12a6}.border-dark-800\/70{border-color:#0a0a12b3}.border-dark-800\/75{border-color:#0a0a12bf}.border-dark-800\/80{border-color:#0a0a12cc}.border-dark-800\/85{border-color:#0a0a12d9}.border-dark-800\/90{border-color:#0a0a12e6}.border-dark-800\/95{border-color:#0a0a12f2}.border-dark-900{--tw-border-opacity:1;border-color:rgb(5 5 8/var(--tw-border-opacity,1))}.border-dark-900\/0{border-color:#05050800}.border-dark-900\/10{border-color:#0505081a}.border-dark-900\/100{border-color:#050508}.border-dark-900\/15{border-color:#05050826}.border-dark-900\/20{border-color:#05050833}.border-dark-900\/25{border-color:#05050840}.border-dark-900\/30{border-color:#0505084d}.border-dark-900\/35{border-color:#05050859}.border-dark-900\/40{border-color:#05050866}.border-dark-900\/45{border-color:#05050873}.border-dark-900\/5{border-color:#0505080d}.border-dark-900\/50{border-color:#05050880}.border-dark-900\/55{border-color:#0505088c}.border-dark-900\/60{border-color:#05050899}.border-dark-900\/65{border-color:#050508a6}.border-dark-900\/70{border-color:#050508b3}.border-dark-900\/75{border-color:#050508bf}.border-dark-900\/80{border-color:#050508cc}.border-dark-900\/85{border-color:#050508d9}.border-dark-900\/90{border-color:#050508e6}.border-dark-900\/95{border-color:#050508f2}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(64 128 224/var(--tw-bg-opacity,1))}.bg-accent-dark{--tw-bg-opacity:1;background-color:rgb(32 96 176/var(--tw-bg-opacity,1))}.bg-accent-dark\/0{background-color:#2060b000}.bg-accent-dark\/10{background-color:#2060b01a}.bg-accent-dark\/100{background-color:#2060b0}.bg-accent-dark\/15{background-color:#2060b026}.bg-accent-dark\/20{background-color:#2060b033}.bg-accent-dark\/25{background-color:#2060b040}.bg-accent-dark\/30{background-color:#2060b04d}.bg-accent-dark\/35{background-color:#2060b059}.bg-accent-dark\/40{background-color:#2060b066}.bg-accent-dark\/45{background-color:#2060b073}.bg-accent-dark\/5{background-color:#2060b00d}.bg-accent-dark\/50{background-color:#2060b080}.bg-accent-dark\/55{background-color:#2060b08c}.bg-accent-dark\/60{background-color:#2060b099}.bg-accent-dark\/65{background-color:#2060b0a6}.bg-accent-dark\/70{background-color:#2060b0b3}.bg-accent-dark\/75{background-color:#2060b0bf}.bg-accent-dark\/80{background-color:#2060b0cc}.bg-accent-dark\/85{background-color:#2060b0d9}.bg-accent-dark\/90{background-color:#2060b0e6}.bg-accent-dark\/95{background-color:#2060b0f2}.bg-accent-light{--tw-bg-opacity:1;background-color:rgb(96 160 255/var(--tw-bg-opacity,1))}.bg-accent-light\/0{background-color:#60a0ff00}.bg-accent-light\/10{background-color:#60a0ff1a}.bg-accent-light\/100{background-color:#60a0ff}.bg-accent-light\/15{background-color:#60a0ff26}.bg-accent-light\/20{background-color:#60a0ff33}.bg-accent-light\/25{background-color:#60a0ff40}.bg-accent-light\/30{background-color:#60a0ff4d}.bg-accent-light\/35{background-color:#60a0ff59}.bg-accent-light\/40{background-color:#60a0ff66}.bg-accent-light\/45{background-color:#60a0ff73}.bg-accent-light\/5{background-color:#60a0ff0d}.bg-accent-light\/50{background-color:#60a0ff80}.bg-accent-light\/55{background-color:#60a0ff8c}.bg-accent-light\/60{background-color:#60a0ff99}.bg-accent-light\/65{background-color:#60a0ffa6}.bg-accent-light\/70{background-color:#60a0ffb3}.bg-accent-light\/75{background-color:#60a0ffbf}.bg-accent-light\/80{background-color:#60a0ffcc}.bg-accent-light\/85{background-color:#60a0ffd9}.bg-accent-light\/90{background-color:#60a0ffe6}.bg-accent-light\/95{background-color:#60a0fff2}.bg-dark-500{--tw-bg-opacity:1;background-color:rgb(30 30 58/var(--tw-bg-opacity,1))}.bg-dark-500\/0{background-color:#1e1e3a00}.bg-dark-500\/10{background-color:#1e1e3a1a}.bg-dark-500\/100{background-color:#1e1e3a}.bg-dark-500\/15{background-color:#1e1e3a26}.bg-dark-500\/20{background-color:#1e1e3a33}.bg-dark-500\/25{background-color:#1e1e3a40}.bg-dark-500\/30{background-color:#1e1e3a4d}.bg-dark-500\/35{background-color:#1e1e3a59}.bg-dark-500\/40{background-color:#1e1e3a66}.bg-dark-500\/45{background-color:#1e1e3a73}.bg-dark-500\/5{background-color:#1e1e3a0d}.bg-dark-500\/50{background-color:#1e1e3a80}.bg-dark-500\/55{background-color:#1e1e3a8c}.bg-dark-500\/60{background-color:#1e1e3a99}.bg-dark-500\/65{background-color:#1e1e3aa6}.bg-dark-500\/70{background-color:#1e1e3ab3}.bg-dark-500\/75{background-color:#1e1e3abf}.bg-dark-500\/80{background-color:#1e1e3acc}.bg-dark-500\/85{background-color:#1e1e3ad9}.bg-dark-500\/90{background-color:#1e1e3ae6}.bg-dark-500\/95{background-color:#1e1e3af2}.bg-dark-600{--tw-bg-opacity:1;background-color:rgb(24 24 48/var(--tw-bg-opacity,1))}.bg-dark-600\/0{background-color:#18183000}.bg-dark-600\/10{background-color:#1818301a}.bg-dark-600\/100{background-color:#181830}.bg-dark-600\/15{background-color:#18183026}.bg-dark-600\/20{background-color:#18183033}.bg-dark-600\/25{background-color:#18183040}.bg-dark-600\/30{background-color:#1818304d}.bg-dark-600\/35{background-color:#18183059}.bg-dark-600\/40{background-color:#18183066}.bg-dark-600\/45{background-color:#18183073}.bg-dark-600\/5{background-color:#1818300d}.bg-dark-600\/50{background-color:#18183080}.bg-dark-600\/55{background-color:#1818308c}.bg-dark-600\/60{background-color:#18183099}.bg-dark-600\/65{background-color:#181830a6}.bg-dark-600\/70{background-color:#181830b3}.bg-dark-600\/75{background-color:#181830bf}.bg-dark-600\/80{background-color:#181830cc}.bg-dark-600\/85{background-color:#181830d9}.bg-dark-600\/90{background-color:#181830e6}.bg-dark-600\/95{background-color:#181830f2}.bg-dark-700{--tw-bg-opacity:1;background-color:rgb(16 16 30/var(--tw-bg-opacity,1))}.bg-dark-700\/0{background-color:#10101e00}.bg-dark-700\/10{background-color:#10101e1a}.bg-dark-700\/100{background-color:#10101e}.bg-dark-700\/15{background-color:#10101e26}.bg-dark-700\/20{background-color:#10101e33}.bg-dark-700\/25{background-color:#10101e40}.bg-dark-700\/30{background-color:#10101e4d}.bg-dark-700\/35{background-color:#10101e59}.bg-dark-700\/40{background-color:#10101e66}.bg-dark-700\/45{background-color:#10101e73}.bg-dark-700\/5{background-color:#10101e0d}.bg-dark-700\/50{background-color:#10101e80}.bg-dark-700\/55{background-color:#10101e8c}.bg-dark-700\/60{background-color:#10101e99}.bg-dark-700\/65{background-color:#10101ea6}.bg-dark-700\/70{background-color:#10101eb3}.bg-dark-700\/75{background-color:#10101ebf}.bg-dark-700\/80{background-color:#10101ecc}.bg-dark-700\/85{background-color:#10101ed9}.bg-dark-700\/90{background-color:#10101ee6}.bg-dark-700\/95{background-color:#10101ef2}.bg-dark-800{--tw-bg-opacity:1;background-color:rgb(10 10 18/var(--tw-bg-opacity,1))}.bg-dark-800\/0{background-color:#0a0a1200}.bg-dark-800\/10{background-color:#0a0a121a}.bg-dark-800\/100{background-color:#0a0a12}.bg-dark-800\/15{background-color:#0a0a1226}.bg-dark-800\/20{background-color:#0a0a1233}.bg-dark-800\/25{background-color:#0a0a1240}.bg-dark-800\/30{background-color:#0a0a124d}.bg-dark-800\/35{background-color:#0a0a1259}.bg-dark-800\/40{background-color:#0a0a1266}.bg-dark-800\/45{background-color:#0a0a1273}.bg-dark-800\/5{background-color:#0a0a120d}.bg-dark-800\/50{background-color:#0a0a1280}.bg-dark-800\/55{background-color:#0a0a128c}.bg-dark-800\/60{background-color:#0a0a1299}.bg-dark-800\/65{background-color:#0a0a12a6}.bg-dark-800\/70{background-color:#0a0a12b3}.bg-dark-800\/75{background-color:#0a0a12bf}.bg-dark-800\/80{background-color:#0a0a12cc}.bg-dark-800\/85{background-color:#0a0a12d9}.bg-dark-800\/90{background-color:#0a0a12e6}.bg-dark-800\/95{background-color:#0a0a12f2}.bg-dark-900{--tw-bg-opacity:1;background-color:rgb(5 5 8/var(--tw-bg-opacity,1))}.bg-dark-900\/0{background-color:#05050800}.bg-dark-900\/10{background-color:#0505081a}.bg-dark-900\/100{background-color:#050508}.bg-dark-900\/15{background-color:#05050826}.bg-dark-900\/20{background-color:#05050833}.bg-dark-900\/25{background-color:#05050840}.bg-dark-900\/30{background-color:#0505084d}.bg-dark-900\/35{background-color:#05050859}.bg-dark-900\/40{background-color:#05050866}.bg-dark-900\/45{background-color:#05050873}.bg-dark-900\/5{background-color:#0505080d}.bg-dark-900\/50{background-color:#05050880}.bg-dark-900\/55{background-color:#0505088c}.bg-dark-900\/60{background-color:#05050899}.bg-dark-900\/65{background-color:#050508a6}.bg-dark-900\/70{background-color:#050508b3}.bg-dark-900\/75{background-color:#050508bf}.bg-dark-900\/80{background-color:#050508cc}.bg-dark-900\/85{background-color:#050508d9}.bg-dark-900\/90{background-color:#050508e6}.bg-dark-900\/95{background-color:#050508f2}.p-0\.5{padding:.125rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-accent{--tw-text-opacity:1;color:rgb(64 128 224/var(--tw-text-opacity,1))}.text-accent-dark{--tw-text-opacity:1;color:rgb(32 96 176/var(--tw-text-opacity,1))}.text-accent-dark\/0{color:#2060b000}.text-accent-dark\/10{color:#2060b01a}.text-accent-dark\/100{color:#2060b0}.text-accent-dark\/15{color:#2060b026}.text-accent-dark\/20{color:#2060b033}.text-accent-dark\/25{color:#2060b040}.text-accent-dark\/30{color:#2060b04d}.text-accent-dark\/35{color:#2060b059}.text-accent-dark\/40{color:#2060b066}.text-accent-dark\/45{color:#2060b073}.text-accent-dark\/5{color:#2060b00d}.text-accent-dark\/50{color:#2060b080}.text-accent-dark\/55{color:#2060b08c}.text-accent-dark\/60{color:#2060b099}.text-accent-dark\/65{color:#2060b0a6}.text-accent-dark\/70{color:#2060b0b3}.text-accent-dark\/75{color:#2060b0bf}.text-accent-dark\/80{color:#2060b0cc}.text-accent-dark\/85{color:#2060b0d9}.text-accent-dark\/90{color:#2060b0e6}.text-accent-dark\/95{color:#2060b0f2}.text-accent-light{--tw-text-opacity:1;color:rgb(96 160 255/var(--tw-text-opacity,1))}.text-accent-light\/0{color:#60a0ff00}.text-accent-light\/10{color:#60a0ff1a}.text-accent-light\/100{color:#60a0ff}.text-accent-light\/15{color:#60a0ff26}.text-accent-light\/20{color:#60a0ff33}.text-accent-light\/25{color:#60a0ff40}.text-accent-light\/30{color:#60a0ff4d}.text-accent-light\/35{color:#60a0ff59}.text-accent-light\/40{color:#60a0ff66}.text-accent-light\/45{color:#60a0ff73}.text-accent-light\/5{color:#60a0ff0d}.text-accent-light\/50{color:#60a0ff80}.text-accent-light\/55{color:#60a0ff8c}.text-accent-light\/60{color:#60a0ff99}.text-accent-light\/65{color:#60a0ffa6}.text-accent-light\/70{color:#60a0ffb3}.text-accent-light\/75{color:#60a0ffbf}.text-accent-light\/80{color:#60a0ffcc}.text-accent-light\/85{color:#60a0ffd9}.text-accent-light\/90{color:#60a0ffe6}.text-accent-light\/95{color:#60a0fff2}.text-dark-500{--tw-text-opacity:1;color:rgb(30 30 58/var(--tw-text-opacity,1))}.text-dark-500\/0{color:#1e1e3a00}.text-dark-500\/10{color:#1e1e3a1a}.text-dark-500\/100{color:#1e1e3a}.text-dark-500\/15{color:#1e1e3a26}.text-dark-500\/20{color:#1e1e3a33}.text-dark-500\/25{color:#1e1e3a40}.text-dark-500\/30{color:#1e1e3a4d}.text-dark-500\/35{color:#1e1e3a59}.text-dark-500\/40{color:#1e1e3a66}.text-dark-500\/45{color:#1e1e3a73}.text-dark-500\/5{color:#1e1e3a0d}.text-dark-500\/50{color:#1e1e3a80}.text-dark-500\/55{color:#1e1e3a8c}.text-dark-500\/60{color:#1e1e3a99}.text-dark-500\/65{color:#1e1e3aa6}.text-dark-500\/70{color:#1e1e3ab3}.text-dark-500\/75{color:#1e1e3abf}.text-dark-500\/80{color:#1e1e3acc}.text-dark-500\/85{color:#1e1e3ad9}.text-dark-500\/90{color:#1e1e3ae6}.text-dark-500\/95{color:#1e1e3af2}.text-dark-600{--tw-text-opacity:1;color:rgb(24 24 48/var(--tw-text-opacity,1))}.text-dark-600\/0{color:#18183000}.text-dark-600\/10{color:#1818301a}.text-dark-600\/100{color:#181830}.text-dark-600\/15{color:#18183026}.text-dark-600\/20{color:#18183033}.text-dark-600\/25{color:#18183040}.text-dark-600\/30{color:#1818304d}.text-dark-600\/35{color:#18183059}.text-dark-600\/40{color:#18183066}.text-dark-600\/45{color:#18183073}.text-dark-600\/5{color:#1818300d}.text-dark-600\/50{color:#18183080}.text-dark-600\/55{color:#1818308c}.text-dark-600\/60{color:#18183099}.text-dark-600\/65{color:#181830a6}.text-dark-600\/70{color:#181830b3}.text-dark-600\/75{color:#181830bf}.text-dark-600\/80{color:#181830cc}.text-dark-600\/85{color:#181830d9}.text-dark-600\/90{color:#181830e6}.text-dark-600\/95{color:#181830f2}.text-dark-700{--tw-text-opacity:1;color:rgb(16 16 30/var(--tw-text-opacity,1))}.text-dark-700\/0{color:#10101e00}.text-dark-700\/10{color:#10101e1a}.text-dark-700\/100{color:#10101e}.text-dark-700\/15{color:#10101e26}.text-dark-700\/20{color:#10101e33}.text-dark-700\/25{color:#10101e40}.text-dark-700\/30{color:#10101e4d}.text-dark-700\/35{color:#10101e59}.text-dark-700\/40{color:#10101e66}.text-dark-700\/45{color:#10101e73}.text-dark-700\/5{color:#10101e0d}.text-dark-700\/50{color:#10101e80}.text-dark-700\/55{color:#10101e8c}.text-dark-700\/60{color:#10101e99}.text-dark-700\/65{color:#10101ea6}.text-dark-700\/70{color:#10101eb3}.text-dark-700\/75{color:#10101ebf}.text-dark-700\/80{color:#10101ecc}.text-dark-700\/85{color:#10101ed9}.text-dark-700\/90{color:#10101ee6}.text-dark-700\/95{color:#10101ef2}.text-dark-800{--tw-text-opacity:1;color:rgb(10 10 18/var(--tw-text-opacity,1))}.text-dark-800\/0{color:#0a0a1200}.text-dark-800\/10{color:#0a0a121a}.text-dark-800\/100{color:#0a0a12}.text-dark-800\/15{color:#0a0a1226}.text-dark-800\/20{color:#0a0a1233}.text-dark-800\/25{color:#0a0a1240}.text-dark-800\/30{color:#0a0a124d}.text-dark-800\/35{color:#0a0a1259}.text-dark-800\/40{color:#0a0a1266}.text-dark-800\/45{color:#0a0a1273}.text-dark-800\/5{color:#0a0a120d}.text-dark-800\/50{color:#0a0a1280}.text-dark-800\/55{color:#0a0a128c}.text-dark-800\/60{color:#0a0a1299}.text-dark-800\/65{color:#0a0a12a6}.text-dark-800\/70{color:#0a0a12b3}.text-dark-800\/75{color:#0a0a12bf}.text-dark-800\/80{color:#0a0a12cc}.text-dark-800\/85{color:#0a0a12d9}.text-dark-800\/90{color:#0a0a12e6}.text-dark-800\/95{color:#0a0a12f2}.text-dark-900{--tw-text-opacity:1;color:rgb(5 5 8/var(--tw-text-opacity,1))}.text-dark-900\/0{color:#05050800}.text-dark-900\/10{color:#0505081a}.text-dark-900\/100{color:#050508}.text-dark-900\/15{color:#05050826}.text-dark-900\/20{color:#05050833}.text-dark-900\/25{color:#05050840}.text-dark-900\/30{color:#0505084d}.text-dark-900\/35{color:#05050859}.text-dark-900\/40{color:#05050866}.text-dark-900\/45{color:#05050873}.text-dark-900\/5{color:#0505080d}.text-dark-900\/50{color:#05050880}.text-dark-900\/55{color:#0505088c}.text-dark-900\/60{color:#05050899}.text-dark-900\/65{color:#050508a6}.text-dark-900\/70{color:#050508b3}.text-dark-900\/75{color:#050508bf}.text-dark-900\/80{color:#050508cc}.text-dark-900\/85{color:#050508d9}.text-dark-900\/90{color:#050508e6}.text-dark-900\/95{color:#050508f2}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.accent-accent{accent-color:#4080e0}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\:mr-2::file-selector-button{margin-right:.5rem}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-dark-600::file-selector-button{--tw-bg-opacity:1;background-color:rgb(24 24 48/var(--tw-bg-opacity,1))}.file\:px-2::file-selector-button{padding-left:.5rem;padding-right:.5rem}.file\:py-1::file-selector-button{padding-top:.25rem;padding-bottom:.25rem}.file\:text-gray-300::file-selector-button{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}