.nd{--nd-bg: #0a0a0f;--nd-ink: #e8e8f0;--nd-accent: #38bdf8;--nd-accent-soft: rgba(56, 189, 248, .14);--nd-root: #34d399;--nd-tone: #38bdf8;--nd-beat-ms: .75s;--nd-ease-out: cubic-bezier(.22, 1, .36, 1);--nd-ease-pop: cubic-bezier(.2, .9, .3, 1.04);font-family:Inter,sans-serif;color:var(--nd-ink);background:var(--nd-bg);-webkit-font-smoothing:antialiased}.nd-display{font-family:"DM Serif Display",Georgia,Times New Roman,serif}.nd-tabular{font-variant-numeric:tabular-nums}.nd-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% -10%,rgba(56,189,248,.1),transparent 70%),radial-gradient(40% 30% at 90% 110%,rgba(6,182,212,.05),transparent 70%)}.nd-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:1.5rem}.nd-card-lift{background:linear-gradient(180deg,#ffffff0e,#ffffff06);border:1px solid rgba(255,255,255,.11);border-radius:1.75rem;box-shadow:inset 0 1px #ffffff0d,0 24px 60px -36px #38bdf847}@keyframes nd-screen-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.nd-screen{animation:nd-screen-in .46s var(--nd-ease-out) both;transform-origin:50% 20%}@keyframes nd-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.nd-fade-up{animation:nd-fade-up .52s var(--nd-ease-out) both}.nd-stagger>*{animation:nd-fade-up .52s var(--nd-ease-out) both;animation-delay:calc(var(--nd-i, 0) * 70ms + var(--nd-delay, 0ms))}.nd-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:var(--nd-bg)}.nd-splash.is-leaving{animation:nd-splash-out .35s ease-in forwards}@keyframes nd-splash-out{to{opacity:0}}@keyframes nd-mark-in{0%{opacity:0;transform:scale(.84);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.nd-splash-mark{animation:nd-mark-in .68s var(--nd-ease-out) both}.nd-splash-word{animation:nd-fade-up .56s var(--nd-ease-out) .22s both}@keyframes nd-halo{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.nd-splash-halo{animation:nd-halo 1.1s ease-out both}@keyframes nd-pop{0%{opacity:0;transform:scale(.9) translateY(4px)}60%{opacity:1}to{opacity:1;transform:none}}.nd-pop{animation:nd-pop .42s var(--nd-ease-pop) both}.nd-ring-seg{fill:none;stroke:var(--nd-accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:22.5 100;stroke-dashoffset:22.5;opacity:.95}.nd-ring-seg.is-done{stroke-dashoffset:0;opacity:.55}.nd-ring-seg.is-active{animation:nd-ring-fill var(--nd-beat-ms) linear forwards}@keyframes nd-ring-fill{0%{stroke-dashoffset:22.5}to{stroke-dashoffset:0}}.nd-ring-track{fill:none;stroke:#ffffff14;stroke-width:6}.nd-dot{width:6px;height:6px;border-radius:999px;background:#ffffff24;transition:transform .11s ease-out,background-color .11s ease-out,box-shadow .11s ease-out}.nd-dot.is-past{background:#38bdf852}.nd-dot.is-active{background:#7dd3fc;transform:scale(1.5);box-shadow:0 0 12px #38bdf88c}.nd-dot.is-active.is-accent{background:#e0f2fe;transform:scale(1.8);box-shadow:0 0 16px #7dd3fcb3}.nd-dot-ripple{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:999px;background:#38bdf838;animation:nd-ripple .56s ease-out forwards}.nd-dot-ripple.is-accent{background:#38bdf857}@keyframes nd-ripple{0%{transform:scale(.35);opacity:.7}to{transform:scale(1.7);opacity:0}}.nd-progress{height:2px;border-radius:999px;background:#ffffff0f;overflow:hidden}.nd-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf859,#38bdf8);box-shadow:0 0 10px #38bdf873;transition:width .7s var(--nd-ease-out)}.nd-practice{min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;--nd-name: clamp(2.5rem, min(55vw - 2rem, 33dvh), 15rem);--nd-name-hints: clamp(2rem, min(55vw - 2rem, 21dvh), 11rem);--nd-hint-h: clamp(3rem, 11dvh, 5.5rem);--nd-ring: clamp(3.25rem, 8dvh, 4.5rem);--nd-count-ring: clamp(5rem, 23dvh, 12rem)}.nd-stage{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:clamp(.5rem,1.6dvh,1rem);padding:0 1rem;position:relative}.nd-slot{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.nd-slot-current{flex-grow:1.12}.nd-chordcard{flex:1 1 0;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.2rem,1dvh,.6rem);padding:clamp(.5rem,1.5dvh,1rem) .75rem;overflow:hidden;transition:background-color .26s ease,border-color .26s ease,box-shadow .26s ease;will-change:transform}.nd-chordcard.is-hit{background:#10b98114;border-color:#34d3998c;box-shadow:inset 0 1px #ffffff0d,0 0 34px -6px #10b98159}.nd-chordcard.is-wrong{background:#f43f5e14;border-color:#fb718580;box-shadow:inset 0 1px #ffffff0d,0 0 34px -6px #f43f5e4d}.nd-countcard-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.5rem,2dvh,1.25rem)}.nd-chordcard-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;min-height:0;gap:clamp(.35rem,1.4dvh,.9rem)}.nd-fit{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.nd-caption{position:absolute;top:clamp(.6rem,1.6dvh,1rem);left:1.1rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#a1a1aabf;font-weight:500}.nd-chordname{display:inline-flex;align-items:baseline;white-space:nowrap;line-height:.9;letter-spacing:-.01em}.nd-chordname-cur,.nd-chordname-next{font-size:var(--nd-name)}.nd-chordname-hints{font-size:var(--nd-name-hints)}.nd-chord-acc{font-family:Segoe UI Symbol,Apple Symbols,Noto Music,"Noto Sans Symbols 2",sans-serif;font-size:.6em;vertical-align:.45em;margin-left:.04em;letter-spacing:0}.nd-chord-q{font-size:.36em;margin-left:.04em}.nd-chord-q-compact{font-size:.6em;margin-left:.04em}.nd-horizon{font-size:clamp(1.5rem,calc(var(--nd-name) * .3),3.25rem)}.nd-hint{width:100%;max-width:24rem;height:var(--nd-hint-h);display:block}.nd-hint-vl{height:calc(var(--nd-hint-h) * 1.24)}.nd-vl-move{stroke-dasharray:1;stroke-dashoffset:1;animation:nd-vl-draw .36s cubic-bezier(.22,1,.36,1) .14s forwards}@keyframes nd-vl-draw{to{stroke-dashoffset:0}}.nd-strip{height:clamp(3.75rem,10dvh,5.25rem);display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:0 1rem}.nd-bottom{display:flex;flex-direction:column;padding:0 1rem max(1rem,env(safe-area-inset-bottom))}.nd-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:.6rem}.nd-btn{height:3.1rem;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;letter-spacing:.01em;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .12s ease,opacity .16s ease}.nd-btn:active{transform:scale(.985)}.nd-btn-ghost{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);color:#a1a1aa}.nd-btn-ghost:hover{background:#ffffff14;color:#e4e4e7}.nd-btn-ghost:disabled{opacity:.4;pointer-events:none}.nd-btn-primary{background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#fff;font-weight:600;box-shadow:0 10px 30px -12px #0ea5e999}.nd-btn-primary:hover{filter:brightness(1.06)}@media (orientation: landscape) and (max-height: 620px){.nd-practice{--nd-name: clamp(2.5rem, min(27vw - 1.5rem, 40dvh), 9rem);--nd-name-hints: clamp(2rem, min(27vw - 1.5rem, 26dvh), 7rem);--nd-hint-h: clamp(2.25rem, 17dvh, 3.75rem);--nd-ring: clamp(2.75rem, 13dvh, 3.75rem);--nd-count-ring: clamp(3.5rem, 34dvh, 7rem)}.nd-stage{flex-direction:row;gap:clamp(.5rem,2vw,1.25rem);padding:0 max(.75rem,env(safe-area-inset-left)) 0 max(.75rem,env(safe-area-inset-right))}.nd-slot,.nd-slot-current{flex:1 1 0}.nd-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center;-moz-column-gap:clamp(.5rem,2vw,1.25rem);column-gap:clamp(.5rem,2vw,1.25rem);padding:.35rem max(.75rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.nd-strip{order:2;height:clamp(3rem,15dvh,4rem);padding:0}.nd-actions{order:1}.nd-btn{height:2.75rem}.nd-topbar{padding-top:max(.4rem,env(safe-area-inset-top));padding-bottom:.25rem}}@media (orientation: landscape) and (min-height: 621px) and (min-width: 900px){.nd-practice{--nd-name: clamp(4rem, min(27vw - 2.5rem, 55dvh), 20rem);--nd-name-hints: clamp(3rem, min(27vw - 2.5rem, 34dvh), 16rem);--nd-hint-h: clamp(3.5rem, 13dvh, 7rem);--nd-ring: clamp(3.5rem, 9dvh, 5rem);--nd-count-ring: clamp(5rem, 26dvh, 11rem)}.nd-stage{flex-direction:row;gap:1.5rem;padding:0 2rem;max-width:80rem;width:100%;margin:0 auto}.nd-slot,.nd-slot-current{flex:1 1 0}.nd-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center;-moz-column-gap:1.5rem;column-gap:1.5rem;max-width:80rem;width:100%;margin:0 auto;padding:.5rem 2rem max(1.25rem,env(safe-area-inset-bottom))}.nd-strip{order:2}.nd-actions{order:1}}.nd-home.is-compact .nd-home-header{padding-top:max(.75rem,env(safe-area-inset-top));padding-bottom:clamp(.4rem,1.4dvh,1.75rem)}.nd-home.is-compact .nd-home-tools{top:max(.75rem,env(safe-area-inset-top))}.nd-home.is-compact .nd-home-brand{margin-top:clamp(2.3rem,5.6dvh,3rem);margin-bottom:clamp(.1rem,.5dvh,.625rem)}.nd-home.is-compact .nd-home-body{gap:clamp(.4rem,1.3dvh,1rem)}.nd-home.is-compact .nd-card{padding:clamp(.7rem,1.9dvh,1.25rem)}.nd-home.is-compact .nd-section-head{margin-bottom:clamp(.4rem,1.3dvh,1rem)}.nd-home.is-compact .nd-bpm{font-size:clamp(2.25rem,7dvh,3.75rem)}.nd-home.is-compact .nd-home-range{margin-top:clamp(.25rem,1dvh,1rem)}.nd-home.is-compact .nd-tile-root{height:clamp(2.1rem,5.2dvh,2.75rem)}.nd-home.is-compact .nd-tile-quality{height:clamp(2.6rem,7dvh,4.25rem)}.nd-home.is-compact .nd-cta{margin-top:0;padding:clamp(.4rem,1.4dvh,1.25rem) 0 max(.5rem,env(safe-area-inset-bottom))}.nd-home.is-compact .nd-home-pool{height:clamp(.9rem,2.4dvh,1.5rem);margin-bottom:clamp(.2rem,.9dvh,.625rem)}.nd-home.is-compact .nd-home-start{height:clamp(2.9rem,7.2dvh,3.5rem)}@media (max-height: 620px){.nd-home.is-compact .nd-home-slogan{display:none}.nd-home.is-compact .nd-home-brand{margin-top:clamp(2.2rem,6dvh,3rem)}.nd-home.is-compact .nd-tile-root{height:clamp(2rem,5.2dvh,2.75rem)}}.nd-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer}.nd-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(56,189,248,.7) var(--nd-fill, 0%),rgba(255,255,255,.08) var(--nd-fill, 0%))}.nd-range::-moz-range-track{height:4px;border-radius:999px;background:#ffffff14}.nd-range::-moz-range-progress{height:4px;border-radius:999px;background:#38bdf8b3}.nd-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:999px;background:#e0f2fe;border:2px solid #38bdf8;box-shadow:0 0 0 4px #38bdf824,0 6px 18px -6px #38bdf8cc;-webkit-transition:transform .12s ease;transition:transform .12s ease}.nd-range::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:#e0f2fe;border:2px solid #38bdf8;box-shadow:0 0 0 4px #38bdf824}.nd-range:active::-webkit-slider-thumb{transform:scale(1.1)}.nd-seg{position:relative;display:grid;grid-template-columns:repeat(var(--n, 2),minmax(0,1fr));padding:4px;border-radius:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.nd-seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n, 2));border-radius:.75rem;background:var(--nd-accent-soft);border:1px solid rgba(56,189,248,.35);box-shadow:0 8px 24px -14px #38bdf8b3;transform:translate(calc(var(--i, 0) * 100%));transition:transform .32s var(--nd-ease-out);pointer-events:none}.nd-seg>button{position:relative;z-index:1;height:2.6rem;border-radius:.75rem;font-size:.8rem;font-weight:500;color:#71717a;transition:color .2s ease}.nd-seg>button.is-on{color:#bae6fd}.nd-tile{border-radius:.9rem;border:1px solid rgba(255,255,255,.06);background:#ffffff09;color:#71717a;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease}.nd-tile:hover{background:#ffffff12;color:#a1a1aa}.nd-tile:active{transform:scale(.96)}.nd-tile.is-on{background:var(--nd-accent-soft);border-color:#38bdf866;color:#bae6fd;box-shadow:inset 0 1px #ffffff0f}.nd-switch{position:relative;width:2.75rem;height:1.5rem;border-radius:999px;background:#ffffff1a;transition:background-color .22s ease;flex-shrink:0}.nd-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #00000059;transition:transform .26s var(--nd-ease-out)}.nd-switch.is-on{background:#0ea5e9bf}.nd-switch.is-on:after{transform:translate(20px)}.nd-cta{position:sticky;bottom:0;padding:1.25rem 0 max(1rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(10,10,15,0) 0%,rgba(10,10,15,.85) 14%,var(--nd-bg) 32%)}.nd-arc{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:100 100;transition:stroke-dashoffset 1s var(--nd-ease-out)}.nd-bar{transform-origin:left center;transform:scaleX(0);animation:nd-bar-grow .72s var(--nd-ease-out) forwards;animation-delay:calc(var(--nd-i, 0) * 80ms + .25s)}@keyframes nd-bar-grow{to{transform:scaleX(1)}}.nd-flow-seg{transform-origin:center bottom;transform:scaleY(0);animation:nd-seg-grow .46s var(--nd-ease-out) forwards;animation-delay:calc(var(--nd-i, 0) * var(--nd-step, 14ms) + .3s)}@keyframes nd-seg-grow{to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.nd-screen,.nd-fade-up,.nd-stagger>*,.nd-pop,.nd-splash-mark,.nd-splash-word,.nd-splash-halo{animation-duration:.18s!important;animation-delay:0ms!important;animation-name:nd-rm-fade!important}.nd-splash.is-leaving{animation-duration:.2s}.nd-ring-seg.is-active{animation:none;stroke-dashoffset:0}.nd-dot,.nd-seg-thumb,.nd-switch,.nd-switch:after,.nd-progress>span,.nd-arc{transition:none}.nd-dot-ripple{animation:none;opacity:0}.nd-bar,.nd-flow-seg{animation:none;transform:none}.nd-vl-move{animation:none;stroke-dashoffset:0}}@keyframes nd-rm-fade{0%{opacity:0}to{opacity:1}}.abd{--abd-beat: .75s;--abd-bar: calc(var(--abd-beat) * 4);--abd-cycle: calc(var(--abd-bar) * 4);--abd-name: 4rem;--abd-name-next: 3.25rem;--abd-card-h: 8.5rem;--abd-card-next-h: 6.75rem;--abd-dot: 6px;position:relative;margin-top:clamp(2rem,6dvh,3rem)}@media (min-width: 34rem){.abd{--abd-name: 5.5rem;--abd-name-next: 4.75rem;--abd-card-h: 11rem;--abd-card-next-h: 11rem}}.abd-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .5rem .6rem;font-size:.75rem;line-height:1rem}.abd-meta{display:flex;align-items:center;gap:.5rem;min-width:0}.abd-bpm{font-weight:500;color:#d4d4d8;flex-shrink:0}.abd-sep{color:#3f3f46;flex-shrink:0}.abd-types{color:#71717a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abd-count{color:#71717a;flex-shrink:0}.abd-count-total{color:#3f3f46}.abd-count-stack{display:inline-grid}.abd-count-slot{grid-area:1 / 1;opacity:0;animation:abd-step var(--abd-cycle) steps(1,end) infinite;animation-delay:calc(var(--abd-bar) * var(--abd-i))}.abd-progress{height:2px;margin:0 .5rem;border-radius:999px;background:#ffffff0f;overflow:hidden}.abd-progress>span{display:block;height:100%;width:25%;border-radius:inherit;background:linear-gradient(90deg,#38bdf859,#38bdf8);box-shadow:0 0 10px #38bdf873;animation:abd-progress var(--abd-cycle) var(--nd-ease-out, ease-out) infinite}@keyframes abd-progress{0%,25%{width:25%}27%,50%{width:27.083%}52%,75%{width:29.167%}77%,to{width:31.25%}}.abd-cards{display:grid;gap:.875rem;margin-top:.875rem}@media (min-width: 34rem){.abd-cards{grid-template-columns:1fr 1fr;gap:1.5rem}}.abd-card{position:relative;display:grid;place-items:center;overflow:hidden;height:var(--abd-card-h)}.abd .abd-card-next{height:var(--abd-card-next-h);border-color:#ffffff1a}.abd-caption{position:absolute;top:.85rem;left:1.1rem;font-size:.65rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#a1a1aabf}.abd-stage{display:grid;place-items:center}.abd-slot{grid-area:1 / 1;opacity:0;animation:abd-chord var(--abd-cycle) linear infinite;animation-delay:calc(var(--abd-bar) * var(--abd-i))}.abd-name{display:inline-flex;align-items:baseline;white-space:nowrap;font-size:var(--abd-name);line-height:.9;letter-spacing:-.01em}.abd-root{color:#fafafa}.abd-q{font-size:.36em;margin-left:.04em;color:#7dd3fc}.abd-card-next .abd-name{font-size:var(--abd-name-next)}.abd-card-next .abd-root{color:#e4e4e7}.abd-card-next .abd-q{color:#7dd3fce6}@keyframes abd-chord{0%{opacity:0;transform:translateY(6px) scale(.94)}3%{opacity:1;transform:none}22%{opacity:1;transform:none}25%{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:0;transform:translateY(-5px) scale(.99)}}@keyframes abd-step{0%{opacity:1}25%{opacity:0}}.abd-dots{display:flex;justify-content:center;align-items:center;gap:.875rem;margin-top:1.25rem}.abd-dot-box{display:flex;align-items:center;justify-content:center;width:.75rem;height:.75rem}.abd-dot{display:block;width:var(--abd-dot);height:var(--abd-dot);border-radius:999px;background:#ffffff24;animation:abd-beat var(--abd-bar) linear infinite;animation-delay:calc(var(--abd-beat) * var(--abd-i))}.abd-dot.is-one{animation-name:abd-beat-one}@keyframes abd-beat{0%,20%{background:#7dd3fc;transform:scale(1.5);box-shadow:0 0 12px #38bdf88c}25%,to{background:#ffffff24;transform:scale(1);box-shadow:0 0 12px #38bdf800}}@keyframes abd-beat-one{0%,20%{background:#e0f2fe;transform:scale(1.8);box-shadow:0 0 16px #7dd3fcb3}25%,to{background:#ffffff24;transform:scale(1);box-shadow:0 0 16px #7dd3fc00}}@media (prefers-reduced-motion: reduce){.abd-slot,.abd-count-slot,.abd-dot,.abd-progress>span{animation:none}.abd-slot:first-child,.abd-count-slot:first-child{opacity:1}.abd-dot.is-one{background:#e0f2fe;transform:scale(1.8)}}.ab{--ab-rule: rgba(255, 255, 255, .07);min-height:100dvh;position:relative;overflow-x:hidden}.ab-wrap{width:100%;max-width:54rem;margin:0 auto;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.ab-top{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#0a0a0feb,#0a0a0fb8);border-bottom:1px solid transparent;transition:border-color .3s ease}.ab-top.is-stuck{border-bottom-color:var(--ab-rule)}.ab-top-inner{height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ab-hero{padding-top:clamp(2.5rem,9dvh,5.5rem);padding-bottom:clamp(2rem,6dvh,3.5rem)}.ab-eyebrow{font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;color:#52525b;font-weight:500}.ab-h1{font-size:clamp(2.5rem,11vw,5rem);line-height:.98;letter-spacing:-.02em;color:#f4f4f5;margin:clamp(1rem,2.5dvh,1.5rem) 0}.ab-h1 em{font-style:normal;color:#7dd3fc;display:block}.ab-lead{font-size:clamp(.975rem,2.6vw,1.125rem);line-height:1.65;color:#a1a1aa;max-width:34rem}.ab-lead-quiet{font-size:clamp(.9rem,2.4vw,1rem);color:#71717a;margin-top:.7rem}.ab-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.5rem,4dvh,2.25rem)}.ab-btn{display:inline-flex;align-items:center;gap:.55rem;height:3.25rem;padding:0 1.4rem;border-radius:1rem;font-size:.9375rem;font-weight:600;letter-spacing:.01em;transition:transform .14s var(--nd-ease-out),filter .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease}.ab-btn:active{transform:scale(.985)}.ab-btn-primary{background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#04121c;box-shadow:0 14px 40px -16px #0ea5e9bf}.ab-btn-primary:hover{filter:brightness(1.07)}.ab-btn-ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#d4d4d8;font-weight:500}.ab-btn-ghost:hover{background:#ffffff14;border-color:#38bdf84d;color:#e0f2fe}.ab-sec{padding:clamp(2.75rem,8dvh,4.5rem) 0;border-top:1px solid var(--ab-rule)}.ab-sec-head{display:flex;align-items:baseline;gap:.9rem;margin-bottom:clamp(1.5rem,4dvh,2.25rem)}.ab-num{font-size:1.5rem;line-height:1;color:#38bdf873;font-variant-numeric:tabular-nums}.ab-sec-title{font-size:clamp(1.5rem,5.5vw,2.25rem);line-height:1.1;letter-spacing:-.015em;color:#f4f4f5}.ab-sec-lead{margin-bottom:clamp(1.25rem,3.5dvh,1.75rem)}.ab-grid{display:grid;gap:.75rem}@media (min-width: 640px){.ab-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.ab-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;padding:1.25rem}.ab-card h3{font-size:1rem;color:#e4e4e7;margin-bottom:.4rem;font-weight:600}.ab-card p{font-size:.875rem;line-height:1.6;color:#8f8f99}.ab-steps{position:relative;padding-left:2.25rem}.ab-steps:before{content:"";position:absolute;left:.4375rem;top:.5rem;bottom:.5rem;width:1px;background:linear-gradient(180deg,#38bdf873,#38bdf814)}.ab-step{position:relative;padding-bottom:1.5rem}.ab-step:last-child{padding-bottom:0}.ab-step:before{content:"";position:absolute;left:-2.25rem;top:.45rem;width:.9375rem;height:.9375rem;border-radius:999px;background:#0a0a0f;border:1px solid rgba(56,189,248,.5);box-shadow:0 0 0 4px #0a0a0f}.ab-step.is-downbeat:before{background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 0 4px #0a0a0f,0 0 16px #38bdf88c}.ab-step h3{font-size:1rem;color:#e4e4e7;font-weight:600;margin-bottom:.25rem}.ab-step p{font-size:.875rem;line-height:1.6;color:#8f8f99}.ab-step p+p{margin-top:.55rem}.ab-step .ab-quote{margin-top:.9rem;padding-left:.85rem;border-left:2px solid rgba(56,189,248,.45);font-size:clamp(1.0625rem,3.2vw,1.25rem);line-height:1.35;color:#bae6fd}.ab-tier{border-radius:1.5rem;padding:1.5rem;height:100%;display:flex;flex-direction:column}.ab-tier-free{background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.ab-tier-pro{background:linear-gradient(180deg,#38bdf817,#38bdf805);border:1px solid rgba(56,189,248,.3);box-shadow:0 30px 70px -45px #38bdf8b3}.ab-tier h3{font-size:1.375rem;color:#fafafa;line-height:1}.ab-tier .ab-tier-sub{font-size:.8125rem;line-height:1.5;color:#71717a;margin-top:.5rem;display:block}.ab-list{margin-top:1.1rem;flex:1 1 auto;display:flex;flex-direction:column;gap:.6rem}.ab-list li{display:flex;gap:.6rem;font-size:.875rem;line-height:1.5;color:#a1a1aa}.ab-list svg{flex-shrink:0;margin-top:.15rem}.ab-feats{margin-top:1.1rem;flex:1 1 auto;display:flex;flex-direction:column;gap:.9rem}.ab-feats h4{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#e0f2fe;margin-bottom:.2rem}.ab-feats p{font-size:.8125rem;line-height:1.55;color:#90939c}.ab-badge{font-size:.5625rem;font-weight:600;letter-spacing:.14em;padding:.1rem .4rem .12rem;border-radius:.3rem;color:#7dd3fc;background:#38bdf81f;border:1px solid rgba(56,189,248,.28)}.ab-tier-cta{margin-top:1.35rem;width:100%;height:2.875rem;font-size:.875rem}.ab-tier-cta-pro{background:#38bdf824;border-color:#38bdf859;color:#e0f2fe}.ab-tier-cta-pro:hover{background:#38bdf838;border-color:#38bdf880;color:#f0f9ff}.ab-note{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;font-size:.8125rem;line-height:1.55;color:#71717a}.ab-tip{display:flex;gap:.85rem;padding:.95rem 0;border-bottom:1px solid var(--ab-rule)}.ab-tip:last-child{border-bottom:0}.ab-tip-n{color:#38bdf880;font-variant-numeric:tabular-nums;font-size:.9375rem;line-height:1.5;flex-shrink:0}.ab-tip h3{font-size:.9375rem;font-weight:600;color:#e4e4e7;margin-bottom:.25rem}.ab-tip p{font-size:.875rem;line-height:1.6;color:#8f8f99}.ab-faq{border-bottom:1px solid var(--ab-rule)}.ab-faq:last-of-type{border-bottom:0}.ab-faq summary{list-style:none;cursor:pointer;padding:1.05rem 2rem 1.05rem 0;position:relative;font-size:.9375rem;font-weight:500;color:#e4e4e7;transition:color .16s ease}.ab-faq summary::-webkit-details-marker{display:none}.ab-faq summary:hover{color:#bae6fd}.ab-faq summary:after{content:"";position:absolute;right:.35rem;top:1.45rem;width:.55rem;height:.55rem;border-right:1.5px solid #52525b;border-bottom:1.5px solid #52525b;transform:rotate(45deg);transition:transform .22s var(--nd-ease-out),border-color .16s ease}.ab-faq[open] summary:after{transform:rotate(-135deg);border-color:#38bdf8}.ab-faq-body{padding:0 0 1.15rem;max-width:42rem}.ab-faq p{font-size:.875rem;line-height:1.7;color:#8f8f99}.ab-faq p+p{margin-top:.7rem}.ab-end{text-align:center;padding:clamp(3rem,10dvh,5rem) 0 clamp(2rem,6dvh,3rem);border-top:1px solid var(--ab-rule)}.ab-end h2{font-size:clamp(1.75rem,7vw,3rem);line-height:1.05;color:#fafafa;letter-spacing:-.02em}.ab-end-lead{margin:1.1rem auto 0;max-width:32rem;font-size:clamp(.95rem,2.5vw,1.0625rem);line-height:1.6;color:#a1a1aa}.ab-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0 max(1.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--ab-rule);font-size:.75rem;color:#52525b}.ab-doc-head{padding-top:clamp(2rem,7dvh,3.5rem);padding-bottom:clamp(1rem,3dvh,1.5rem)}.ab-doc-h1{font-size:clamp(2rem,8vw,3.25rem);line-height:1.02;letter-spacing:-.02em;color:#f4f4f5;margin:.6rem 0 1.1rem}.ab-doc-h2{font-size:clamp(1.25rem,4.5vw,1.75rem)}.ab-doc{max-width:42rem;font-size:.9375rem;line-height:1.7;color:#a1a1aa}.ab-doc p+p,.ab-doc p+ul,.ab-doc ul+p{margin-top:.85rem}.ab-doc ul{display:flex;flex-direction:column;gap:.5rem}.ab-doc li{position:relative;padding-left:1.1rem}.ab-doc li:before{content:"";position:absolute;left:.15rem;top:.72em;width:.3rem;height:.3rem;border-radius:999px;background:#38bdf880}.ab-doc b{color:#e4e4e7;font-weight:600}.ab-doc-note{font-size:.875rem;color:#71717a;padding-left:.85rem;border-left:1px solid rgba(255,255,255,.1)}.ab-a{color:#7dd3fc;text-decoration:underline;text-decoration-color:#7dd3fc59;text-underline-offset:.2em}.ab-a:hover{color:#bae6fd;text-decoration-color:#bae6fd}.ab-doc-foot{padding:clamp(1.5rem,5dvh,2.5rem) 0 0;border-top:1px solid var(--ab-rule);font-size:.8125rem;color:#52525b}.ab-reveal{opacity:0;transform:translateY(16px)}.ab-reveal.is-in{opacity:1;transform:none;transition:opacity .62s var(--nd-ease-out),transform .62s var(--nd-ease-out)}@media (prefers-reduced-motion: reduce){.ab-reveal{opacity:1;transform:none}.ab-reveal.is-in{transition:none}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-300-normal-BVlfKGgI.woff2) format("woff2"),url(/assets/inter-latin-300-normal-i8F0SvXL.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-cyrillic-300-normal-BnqRxXuy.woff2) format("woff2"),url(/assets/inter-cyrillic-300-normal-LR1W_oT8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff")}@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2) format("woff2"),url(/assets/dm-serif-display-latin-400-normal-_kVFYEpx.woff) format("woff")}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;background-color:#0a0a0f;color:#e8e8f0;overscroll-behavior:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:2px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-16{top:-4rem;right:-4rem;bottom:-4rem;left:-4rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-5{left:1.25rem;right:1.25rem}.left-1{left:.25rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.right-16{right:4rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1{top:.25rem}.top-4{top:1rem}.top-\[max\(3\.25rem\,env\(safe-area-inset-top\)\)\]{top:max(3.25rem,env(safe-area-inset-top))}.top-\[max\(3\.5rem\,env\(safe-area-inset-top\)\)\]{top:max(3.5rem,env(safe-area-inset-top))}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100dvh\]{height:100dvh}.h-\[4\.25rem\]{height:4.25rem}.h-\[45dvh\]{height:45dvh}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[4\.5rem\]{min-height:4.5rem}.min-h-full{min-height:100%}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[3\.25rem\]{min-width:3.25rem}.min-w-\[3\.5rem\]{min-width:3.5rem}.max-w-\[22rem\]{max-width:22rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-amber-400\/25{border-color:#fbbf2440}.border-amber-400\/30{border-color:#fbbf244d}.border-amber-500\/20{border-color:#f59e0b33}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/40{border-color:#10b98166}.border-emerald-500\/50{border-color:#10b98180}.border-rose-500\/20{border-color:#f43f5e33}.border-rose-500\/30{border-color:#f43f5e4d}.border-rose-500\/50{border-color:#f43f5e80}.border-sky-500\/20{border-color:#0ea5e933}.border-sky-500\/30{border-color:#0ea5e94d}.border-sky-500\/40{border-color:#0ea5e966}.border-white\/\[0\.05\]{border-color:#ffffff0d}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.07\]{border-color:#ffffff12}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-white\/\[0\.12\]{border-color:#ffffff1f}.border-white\/\[0\.1\]{border-color:#ffffff1a}.bg-\[\#0a0a0f\]{--tw-bg-opacity: 1;background-color:rgb(10 10 15 / var(--tw-bg-opacity, 1))}.bg-\[\#12141b\]{--tw-bg-opacity: 1;background-color:rgb(18 20 27 / var(--tw-bg-opacity, 1))}.bg-amber-400\/10{background-color:#fbbf241a}.bg-amber-400\/\[0\.06\]{background-color:#fbbf240f}.bg-amber-500\/\[0\.06\]{background-color:#f59e0b0f}.bg-black\/80{background-color:#000c}.bg-emerald-500\/15{background-color:#10b98126}.bg-emerald-500\/\[0\.08\]{background-color:#10b98114}.bg-emerald-500\/\[0\.12\]{background-color:#10b9811f}.bg-emerald-500\/\[0\.1\]{background-color:#10b9811a}.bg-rose-500\/\[0\.07\]{background-color:#f43f5e12}.bg-rose-500\/\[0\.08\]{background-color:#f43f5e14}.bg-rose-500\/\[0\.12\]{background-color:#f43f5e1f}.bg-rose-500\/\[0\.1\]{background-color:#f43f5e1a}.bg-sky-300{--tw-bg-opacity: 1;background-color:rgb(125 211 252 / var(--tw-bg-opacity, 1))}.bg-sky-400{--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity, 1))}.bg-sky-400\/70{background-color:#38bdf8b3}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-sky-500\/15{background-color:#0ea5e926}.bg-sky-500\/20{background-color:#0ea5e933}.bg-sky-500\/30{background-color:#0ea5e94d}.bg-sky-500\/40{background-color:#0ea5e966}.bg-sky-500\/5{background-color:#0ea5e90d}.bg-sky-500\/60{background-color:#0ea5e999}.bg-sky-500\/\[0\.07\]{background-color:#0ea5e912}.bg-sky-500\/\[0\.12\]{background-color:#0ea5e91f}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/90{background-color:#ffffffe6}.bg-white\/\[0\.015\]{background-color:#ffffff04}.bg-white\/\[0\.025\]{background-color:#ffffff06}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.055\]{background-color:#ffffff0e}.bg-white\/\[0\.05\]{background-color:#ffffff0d}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-white\/\[0\.12\]{background-color:#ffffff1f}.bg-white\/\[0\.15\]{background-color:#ffffff26}.bg-white\/\[0\.1\]{background-color:#ffffff1a}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-sky-400{--tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.pb-\[max\(2rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(2rem,env(safe-area-inset-bottom))}.pb-\[max\(4rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(4rem,env(safe-area-inset-bottom))}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-\[max\(1\.5rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(1.5rem,env(safe-area-inset-top))}.pt-\[max\(2\.25rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(2.25rem,env(safe-area-inset-top))}.pt-\[max\(2\.5rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(2.5rem,env(safe-area-inset-top))}.pt-\[max\(2rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(2rem,env(safe-area-inset-top))}.pt-\[max\(3\.25rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(3.25rem,env(safe-area-inset-top))}.pt-\[max\(3\.5rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(3.5rem,env(safe-area-inset-top))}.pt-\[max\(4rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(4rem,env(safe-area-inset-top))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:"DM Serif Display",serif}.font-sans{font-family:Inter,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[0\.55em\]{font-size:.55em}.text-\[0\.6em\]{font-size:.6em}.text-\[0\.85em\]{font-size:.85em}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-\[2rem\]{font-size:2rem}.text-\[5\.75rem\]{font-size:5.75rem}.text-\[96px\]{font-size:96px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-\[0\.82\]{line-height:.82}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-200\/80{color:#fde68acc}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-300\/90{color:#fcd34de6}.text-emerald-100{--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400\/80{color:#34d399cc}.text-pink-400\/70{color:#f472b6b3}.text-red-400\/80{color:#f87171cc}.text-rose-100{--tw-text-opacity: 1;color:rgb(255 228 230 / var(--tw-text-opacity, 1))}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-rose-300\/70{color:#fda4afb3}.text-sky-100{--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.text-sky-200{--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.text-sky-300{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.text-sky-300\/70{color:#7dd3fcb3}.text-sky-300\/80{color:#7dd3fccc}.text-sky-300\/90{color:#7dd3fce6}.text-sky-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-sky-400\/60{color:#38bdf899}.text-sky-400\/70{color:#38bdf8b3}.text-sky-400\/80{color:#38bdf8cc}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/10{color:#ffffff1a}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-200{--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-50{--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.placeholder-zinc-600::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(82 82 91 / var(--tw-placeholder-opacity, 1))}.placeholder-zinc-600::placeholder{--tw-placeholder-opacity: 1;color:rgb(82 82 91 / var(--tw-placeholder-opacity, 1))}.accent-sky-400{accent-color:#38bdf8}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-\[0_0_28px_rgba\(16\,185\,129\,0\.22\)\]{--tw-shadow: 0 0 28px rgba(16,185,129,.22);--tw-shadow-colored: 0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_28px_rgba\(244\,63\,94\,0\.2\)\]{--tw-shadow: 0 0 28px rgba(244,63,94,.2);--tw-shadow-colored: 0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sky-400\/30{--tw-shadow-color: rgb(56 189 248 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-sky-400\/60{--tw-shadow-color: rgb(56 189 248 / .6);--tw-shadow: var(--tw-shadow-colored)}.shadow-sky-500\/20{--tw-shadow-color: rgb(14 165 233 / .2);--tw-shadow: var(--tw-shadow-colored)}.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-3xl{--tw-blur: blur(64px);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: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)}.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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.duration-75{transition-duration:75ms}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.font-display{font-family:"DM Serif Display",Georgia,Times New Roman,serif}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:0}to{transform:scale(1);opacity:0}}@keyframes beat-flash{0%{opacity:1;transform:scale(1)}15%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes beat-dot-ring-accent{0%{transform:scale(.5);opacity:.5}60%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}@keyframes beat-dot-ring{0%{transform:scale(.5);opacity:.3}60%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@keyframes beat-accent{0%{transform:scale(1);opacity:1}12%{transform:scale(1.018);opacity:1}40%{transform:scale(1.006);opacity:1}to{transform:scale(1);opacity:1}}@keyframes beat-soft{0%{transform:scale(1);opacity:1}12%{transform:scale(1.009);opacity:1}40%{transform:scale(1.003);opacity:1}to{transform:scale(1);opacity:1}}@keyframes count-in-pop{0%{transform:scale(.7);opacity:0}40%{transform:scale(1.1);opacity:1}70%{transform:scale(.97);opacity:1}to{transform:scale(1);opacity:1}}@keyframes count-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes chord-enter{0%{opacity:0;transform:translate(12%) scale(.94)}45%{opacity:1;transform:translate(-2%) scale(1.01)}70%{opacity:1;transform:translate(.5%) scale(1)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #63b3ed1a}50%{box-shadow:0 0 40px #63b3ed40}}.animate-pulse-ring{animation:pulse-ring .8s ease-out forwards}.animate-beat-flash{animation:beat-flash .3s ease-out forwards}.animate-chord-enter{animation:chord-enter .6s cubic-bezier(.22,1,.36,1) forwards}.animate-beat-accent{animation:beat-accent .5s cubic-bezier(.22,1,.36,1) forwards}.animate-beat-soft{animation:beat-soft .5s cubic-bezier(.22,1,.36,1) forwards}.animate-beat-dot-ring-accent{background:#38bdf859;animation:beat-dot-ring-accent .55s ease-out forwards}.animate-beat-dot-ring{background:#38bdf833;animation:beat-dot-ring .55s ease-out forwards}.animate-count-in-pop{animation:count-in-pop .35s cubic-bezier(.34,1.56,.64,1) forwards}.animate-count-fade-out{animation:count-fade-out .25s ease-in forwards}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.practice-shell{max-width:48rem}.practice-col{width:100%;max-width:26rem;margin-left:auto;margin-right:auto}.chord-card-current{width:100%;height:clamp(5.5rem,18dvh,13.5rem);margin-left:auto;margin-right:auto}.chord-card-current.has-hints{height:clamp(8rem,26dvh,18rem)}.chord-card-next{width:100%;height:clamp(6.5rem,21dvh,16.5rem);margin-left:auto;margin-right:auto}.chord-notes{height:clamp(2.5rem,8dvh,4.5rem);max-width:100%;display:flex;align-items:center;justify-content:center}.chord-root-current{font-size:clamp(3rem,min(26vw,12dvh),9rem)}.chord-root-next{font-size:clamp(3.5rem,min(32vw,15dvh),11rem)}.chord-quality-current{font-size:clamp(1.1rem,min(8vw,3.8dvh),2.75rem)}.chord-quality-next{font-size:clamp(1.4rem,min(10vw,4.6dvh),3.5rem)}.chord-card-current.has-hints .chord-root-current{font-size:clamp(2.5rem,min(20vw,9dvh),7rem)}.chord-card-current.has-hints .chord-quality-current{font-size:clamp(1rem,min(6vw,3dvh),2.25rem)}.count-digit{font-size:clamp(3rem,min(26vw,12dvh),9rem)}@media (orientation: landscape) and (max-height: 620px){.practice-shell,.practice-col{max-width:none}.chord-card-current{height:clamp(4.5rem,40dvh,15rem)}.chord-card-current.has-hints{height:clamp(6.5rem,50dvh,19rem)}.chord-card-next{height:clamp(5.5rem,46dvh,17rem)}.chord-notes{height:clamp(1.75rem,15dvh,3.5rem)}.chord-root-current{font-size:clamp(2rem,30dvh,7.5rem)}.chord-root-next{font-size:clamp(2.5rem,34dvh,8.5rem)}.chord-quality-current{font-size:clamp(.9rem,9dvh,2.4rem)}.chord-quality-next{font-size:clamp(1.1rem,10.5dvh,3rem)}.count-digit{font-size:clamp(2rem,30dvh,7.5rem)}.chord-card-current.has-hints .chord-root-current{font-size:clamp(1.75rem,24dvh,6.5rem)}.chord-card-current.has-hints .chord-quality-current{font-size:clamp(.8rem,7.5dvh,2rem)}}@media (orientation: landscape) and (max-height: 400px){.chord-horizon{display:none}}@media (max-height: 480px){.onb-card{padding:1.25rem}.onb-card .onb-icon{display:none}.onb-card h2{font-size:1.35rem;line-height:1.2;margin-bottom:.35rem;padding-right:1.75rem}.onb-card .onb-text{min-height:0}.onb-card .onb-dots{margin-top:.9rem;margin-bottom:.9rem}}.hover\:border-sky-500\/30:hover{border-color:#0ea5e94d}.hover\:bg-sky-400:hover{--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-500\/20:hover{background-color:#0ea5e933}.hover\:bg-sky-500\/25:hover{background-color:#0ea5e940}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}.hover\:bg-white\/\[0\.1\]:hover{background-color:#ffffff1a}.hover\:text-pink-300:hover{--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.hover\:text-sky-200:hover{--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.hover\:text-sky-300:hover{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.hover\:text-zinc-200:hover{--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.hover\:text-zinc-300:hover{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.hover\:text-zinc-400:hover{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.focus\:border-sky-500\/50:focus{border-color:#0ea5e980}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.96\]:active{--tw-scale-x: .96;--tw-scale-y: .96;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.985\]:active{--tw-scale-x: .985;--tw-scale-y: .985;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.995\]:active{--tw-scale-x: .995;--tw-scale-y: .995;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-sky-100{--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:inline-flex{display:inline-flex}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-8{gap:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (orientation: landscape){.landscape\:flex-row{flex-direction:row}.landscape\:items-center{align-items:center}.landscape\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.landscape\:pt-2{padding-top:.5rem}}