:root{color-scheme:dark;color:#eef6f6;--surface:#10202bb8;--line:#a4cdcc29;--muted:#a9baba;--aqua:#83e7de;--gold:#e5c17b;background:#071018;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 72% 18%,#12323a 0,#0000 35rem),#071018;min-width:320px;margin:0}a{color:inherit;text-decoration:none}.shell{width:min(1160px,100% - 40px);margin-inline:auto}.site-header{z-index:10;justify-content:space-between;align-items:center;min-height:78px;display:flex;position:relative}.brand{letter-spacing:.02em;align-items:center;gap:12px;font-weight:760;display:flex}.brand-mark{aspect-ratio:1;width:36px;color:var(--aqua);background:#83e7de14;border:1px solid #83e7de80;border-radius:12px;place-items:center;display:grid}.nav{color:var(--muted);align-items:center;gap:28px;font-size:.92rem;display:flex}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;min-height:calc(100vh - 78px);padding:68px 0 110px;display:grid}.eyebrow{color:var(--aqua);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;font-size:.78rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:24px;height:1px}h1{letter-spacing:-.055em;max-width:720px;margin:22px 0 24px;font-size:clamp(3rem,7vw,6.3rem);line-height:.95}h1 span{color:var(--aqua)}.lead{max-width:610px;color:var(--muted);margin:0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.85}.actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 23px;font-weight:700;transition:transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.platform{color:#7f9597;margin-top:24px;font-size:.82rem}.roll-window{border:1px solid var(--line);background:linear-gradient(155deg,#162b36eb,#071018f2);border-radius:28px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 36px 100px #0006}.window-bar{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:48px;padding:0 18px;display:flex}.window-bar i{background:#506269;border-radius:50%;width:7px;height:7px}.window-title{color:#87999d;margin-left:9px;font-size:.72rem}.roll{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:100% 32px,54px 100%;position:absolute;inset:49px 0 0 58px}.keys{border-right:1px solid var(--line);background:#0a141c;width:58px;position:absolute;inset:49px auto 0 0}.keys:after{content:"";opacity:.9;background:repeating-linear-gradient(#cbd5d3 0 18px,#859292 18px 19px,#101a20 19px 31px,#859292 31px 32px);position:absolute;inset:0}.note{background:linear-gradient(90deg,var(--aqua),#c5fff9);border-radius:5px;height:13px;position:absolute;box-shadow:0 0 20px #83e7de42}.note.gold{background:linear-gradient(90deg,#b89251,var(--gold))}.n1{width:110px;top:76px;left:34px}.n2{width:82px;top:141px;left:112px}.n3{width:142px;top:205px;left:186px}.n4{width:92px;top:269px;left:260px}.n5{width:116px;top:109px;left:298px}.n6{width:176px;top:333px;left:82px}.n7{width:126px;top:397px;left:226px}.playhead{background:var(--aqua);width:1px;box-shadow:0 0 12px var(--aqua);position:absolute;top:0;bottom:0;left:56%}.roll-caption{border:1px solid var(--line);color:#9eb1b1;letter-spacing:.08em;background:#060e14bd;border-radius:10px;padding:8px 11px;font-size:.68rem;position:absolute;bottom:18px;right:20px}.foundation{padding:20px 0 110px}.section-label{color:var(--gold);letter-spacing:.16em;font-size:.76rem;font-weight:800}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px}.card strong{margin-bottom:9px;font-size:1.04rem;display:block}.card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.65}@media (width<=860px){.nav a:not(.nav-download){display:none}.hero{grid-template-columns:1fr;gap:52px;padding-top:46px}.roll-window{min-height:430px}.cards{grid-template-columns:1fr}}@media (width<=520px){.shell{width:min(100% - 24px,1160px)}.site-header{min-height:66px}h1{font-size:3.2rem}.hero{min-height:auto;padding:46px 0 78px}.roll-window{border-radius:20px;min-height:360px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.brand img{border-radius:11px;box-shadow:0 0 24px #83e7de29}.menu-button{border:1px solid var(--line);color:#eef6f6;background:#ffffff0a;border-radius:10px;width:42px;height:42px;font-size:1.15rem;display:none}.nav a[aria-current=page]{color:var(--aqua)}.mobile-nav{z-index:20;border:1px solid var(--line);background:#0d1c26;border-radius:16px;margin:0 12px;padding:10px;position:relative}.mobile-nav a{color:var(--muted);border-radius:10px;padding:12px;display:block}main{overflow:hidden}.section-heading{max-width:700px;margin-bottom:38px}.section-heading h2,.cta h2{letter-spacing:-.035em;margin:14px 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.feature-grid{grid-template-columns:repeat(3,1fr)}.card-index{color:var(--aqua);letter-spacing:.12em;font:700 .72rem ui-monospace,monospace}.card h3{margin:20px 0 9px;font-size:1.25rem}.center-action{justify-content:center;margin-top:34px;display:flex}.text-link{color:var(--aqua);font-weight:700}.text-link:hover{text-decoration:underline}.cta{background:linear-gradient(110deg,#1841459e,#121d2ab8);border:1px solid #83e7de33;border-radius:28px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:100px;padding:44px 48px;display:flex}.cta p{color:var(--muted);margin:10px 0 0}.page-hero h1{max-width:900px;margin:20px 0 22px;font-size:clamp(3rem,7vw,5.7rem)}.page-hero p{max-width:720px;color:var(--muted);margin:0;font-size:1.12rem;line-height:1.8}.feature-detail-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.detail-card{padding:30px}.detail-card h2{margin:18px 0;font-size:1.45rem}.detail-card ul,.download-card ul,.timeline ul{color:var(--muted);margin:0;padding-left:20px;line-height:1.9}.download-switch{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:5px;display:inline-flex}.download-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.download-panels{margin-top:20px}.download-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;justify-content:space-between;align-items:center;gap:40px;padding:38px;display:none}.download-card.active{display:flex}.download-card h2{margin:14px 0 8px;font-size:1.65rem}.download-card p{color:var(--muted)}.badge{color:#06201f;background:var(--aqua);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.notice{border-left:2px solid var(--gold);background:#e5c17b0e;border-radius:0 18px 18px 0;margin-top:20px;padding:28px}.notice ol{color:var(--muted);line-height:1.9}.notice p{color:#819496;margin-bottom:0;font-size:.86rem}code,kbd{border:1px solid var(--line);color:#d9f7f3;background:#0b1821;border-radius:6px;padding:.2em .45em;font-family:ui-monospace,Consolas,monospace}.steps{border:1px solid var(--line);background:var(--line);border-radius:22px;gap:1px;display:grid;overflow:hidden}.steps article{background:#0c1922;grid-template-columns:70px 1fr;gap:20px;padding:26px;display:grid}.steps article>span{color:var(--aqua);font:700 .8rem ui-monospace,monospace}.steps h2{margin:0 0 7px;font-size:1.25rem}.steps p,.prose p{color:var(--muted);margin:0;line-height:1.75}.guide-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.guide-grid .card{padding:30px}.guide-grid h2{margin:0 0 18px}.prose p+p{margin-top:16px}.shortcuts{grid-template-columns:1fr 1.4fr;gap:13px;margin:0;display:grid}.shortcuts dt,.shortcuts dd{margin:0}.shortcuts dd{color:var(--muted)}.timeline{max-width:820px;margin-inline:auto;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.timeline article{grid-template-columns:16px 1fr;gap:28px;padding-bottom:54px;display:grid;position:relative}.timeline-dot{z-index:1;background:var(--aqua);width:15px;height:15px;box-shadow:0 0 0 1px var(--aqua);border:3px solid #071018;border-radius:50%;margin-top:6px;position:relative}.timeline h2{margin:14px 0 12px}.faq-list{max-width:860px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:1.12rem;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--aqua);font-size:1.35rem;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:750px;color:var(--muted);margin:0;padding:0 0 24px;line-height:1.75}.support-box{border:1px solid var(--line);background:var(--surface);border-radius:20px;justify-content:space-between;align-items:center;gap:25px;margin-top:50px;padding:30px;display:flex}.support-box h2,.support-box p{margin:0}.support-box p{color:var(--muted);margin-top:8px}.legal{max-width:800px}.legal h2{margin:42px 0 12px;font-size:1.4rem}.legal h2:first-child{margin-top:0}.legal p{color:var(--muted);line-height:1.9}.empty-state{flex-direction:column;justify-content:center;align-items:flex-start;min-height:72vh;display:flex}.empty-state h1{margin-bottom:14px}.empty-state p{color:var(--muted);margin:0 0 30px}.site-footer{border-top:1px solid var(--line);background:#040b10a6}.footer-grid{justify-content:space-between;align-items:flex-start;gap:40px;padding-top:54px;padding-bottom:40px;display:flex}.footer-brand{margin-bottom:14px}.footer-grid p{color:var(--muted)}.footer-links{color:var(--muted);grid-template-columns:repeat(2,auto);gap:14px 32px;font-size:.9rem;display:grid}.footer-bottom{border-top:1px solid var(--line);color:#708589;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:28px;font-size:.78rem;display:flex}@media (width<=860px){.nav{display:none}.menu-button{display:block}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-detail-grid,.guide-grid{grid-template-columns:1fr}.download-card,.cta{flex-direction:column;align-items:flex-start}.page-hero{padding-top:80px}.footer-grid{flex-direction:column}}@media (width<=560px){.section{padding:72px 0}.feature-grid{grid-template-columns:1fr}.page-hero{padding:70px 0 32px}.download-switch{grid-template-columns:1fr 1fr;width:100%;display:grid}.download-card{padding:25px}.cta{margin-bottom:72px;padding:30px}.support-box,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{grid-template-columns:1fr 1fr;width:100%}.shortcuts{grid-template-columns:1fr}.shortcuts dd{margin-bottom:8px}}:root{color-scheme:light;color:#172629;--surface:#ffffffd1;--line:#1e4c4e24;--muted:#5f7375;--aqua:#187f79;--gold:#9b6a24;background:#f6f8f5}body{background:radial-gradient(circle at 76% 9%,#7bd3c93d 0,#0000 31rem),radial-gradient(circle at 8% 45%,#e1c38929 0,#0000 28rem),#f6f8f5}.site-header{min-height:70px}.brand img{box-shadow:0 8px 22px #20636021}.nav a:hover{color:#172629}.menu-button{color:#193033;background:#ffffffbd}.mobile-nav{background:#fffffff5;box-shadow:0 18px 50px #1b3d3f1f}.mobile-nav a:hover{color:#172629;background:#187f7912}.hero{gap:64px;min-height:auto;padding:72px 0 88px}.eyebrow{font-size:.72rem}h1{letter-spacing:-.045em;margin:18px 0 22px;font-size:clamp(2.8rem,5.6vw,5rem);line-height:1.02}.lead{font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.75}.actions{margin-top:32px}.button-primary{color:#fff;background:#187f79;box-shadow:0 12px 32px #187f7933}.button-secondary{border-color:var(--line);background:#ffffffb3}.platform{color:#748789}.roll-window{border-color:#19424624;min-height:460px;box-shadow:0 24px 70px #2040422b}.section{padding:78px 0}.section-heading{margin-bottom:30px}.section-heading h2,.cta h2{letter-spacing:-.025em;font-size:clamp(1.8rem,3.4vw,2.8rem)}.card{box-shadow:0 10px 34px #2244440e}.card h3{margin-top:16px;font-size:1.15rem}.cta{background:linear-gradient(110deg,#d9f3eee6,#fff9eddb);border-color:#187f7929;margin-bottom:78px;padding:36px 40px;box-shadow:0 18px 55px #28514f12}.page-hero{padding:84px 0 42px}.page-hero h1{margin:17px 0 18px;font-size:clamp(2.55rem,5vw,4.15rem);line-height:1.04}.page-hero p{font-size:1.04rem;line-height:1.7}.detail-card h2{font-size:1.35rem}.download-switch{background:#ffffffad}.download-switch button.active{color:#fff;background:#187f79}.download-card{box-shadow:0 14px 42px #22444412}.badge{color:#fff;background:#187f79}.badge.muted{color:#835917;background:#b47e2b1f}.notice{background:#be8b3513}code,kbd{color:#245253;background:#edf3f1}.steps article{background:#fff}.timeline-dot{border-color:#f6f8f5}.support-box{box-shadow:0 12px 36px #2244440f}.site-footer{background:#ebf1edbf}.footer-links a:hover{color:#172629}@media (width<=860px){.hero{gap:44px;padding-top:48px}.page-hero{padding-top:62px}.roll-window{min-height:410px}}@media (width<=560px){.site-header{min-height:64px}h1{font-size:2.7rem}.hero{padding:40px 0 62px}.section{padding:60px 0}.page-hero{padding:56px 0 28px}.page-hero h1{font-size:2.55rem}.cta{margin-bottom:60px;padding:26px}.roll-window{min-height:350px}}.roll-window{background:linear-gradient(150deg,#fffffff5,#e8f3f0f0);border-color:#265b5b2e;box-shadow:0 24px 68px #29585626}.window-bar{background:#ffffff9e;border-bottom-color:#265b5b21}.window-bar i{background:#b6c7c5}.window-bar i:first-child{background:#e0b368}.window-bar i:nth-child(2){background:#8fc4bb}.window-title,.window-bar span{color:#637a7b}.roll{background-color:#f5f9f7;background-image:linear-gradient(#2d5b5c17 1px,#0000 1px),linear-gradient(90deg,#2d5b5c16 1px,#0000 1px);box-shadow:inset 0 0 40px #397b7609}.keys{background:#eef4f1;border-right-color:#265b5b2e}.keys:after{opacity:1;background:repeating-linear-gradient(#fff 0 18px,#b9c8c5 18px 19px,#50615f 19px 30px,#b9c8c5 30px 32px)}.note{background:linear-gradient(90deg,#2d9b92,#69cfc3);box-shadow:0 5px 13px #22898033}.note.gold{background:linear-gradient(90deg,#c58f39,#e4bd71);box-shadow:0 5px 13px #b27c292e}.playhead{background:#168b83;box-shadow:0 0 8px #168b8361}.roll-caption{color:#426566;background:#ffffffdb;border-color:#265b5b26;box-shadow:0 5px 18px #254b4a14}.release-bar{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px;padding:18px 22px;display:flex}.release-bar>div:first-child{gap:5px;display:grid}.release-kicker{color:var(--muted);letter-spacing:.08em;font-size:.72rem;font-weight:750}.release-bar strong{font-size:1.2rem}.release-meta{color:var(--muted);align-items:center;gap:22px;font-size:.85rem;display:flex}.release-meta a,.asset-links a{color:var(--aqua);font-weight:700}.button[data-download]{flex-direction:column;gap:2px;min-width:190px}.button[data-download] small{opacity:.75;font-size:.68rem;font-weight:600}.asset-links{gap:14px;margin-top:20px;font-size:.8rem;display:flex}.release-error{color:#8b641f;margin:14px 0 0;font-size:.84rem}@media (width<=680px){.release-bar,.release-meta{flex-direction:column;align-items:flex-start}.release-meta{gap:8px}.button[data-download]{width:100%}}.interactive-roll{min-height:510px}.interactive-roll .window-bar{z-index:4;position:relative}.demo-play{color:#176f6a;cursor:pointer;background:#eaf8f5e6;border:1px solid #187f7933;border-radius:9px;align-items:center;gap:6px;margin-left:auto;padding:7px 11px;font:700 .72rem inherit;display:inline-flex}.demo-play:hover{background:#dff3ef}.demo-play:disabled{cursor:wait;opacity:.62}.interactive-roll .roll,.interactive-roll .keys{bottom:151px}.interactive-roll .n1{width:82px;top:36px;left:28px}.interactive-roll .n2{width:70px;top:68px;left:78px}.interactive-roll .n3{width:96px;top:100px;left:128px}.interactive-roll .n4{width:82px;top:132px;left:200px}.interactive-roll .n5{width:92px;top:100px;left:270px}.interactive-roll .n6{width:74px;top:68px;left:330px}.interactive-roll .n7{width:70px;top:36px;left:376px}.interactive-roll .note{transition:filter .12s,transform .12s,box-shadow .12s}.interactive-roll .note.active{filter:saturate(1.25);transform:scaleY(1.35);box-shadow:0 0 0 2px #187f792e,0 7px 18px #187f7942}.interactive-roll.playing .playhead{animation:2.94s linear forwards scan-roll}.demo-keyboard{z-index:3;background:#e8f0ed;border-top:1px solid #265b5b26;grid-template-columns:repeat(7,1fr);height:116px;padding:0 14px;display:grid;position:absolute;bottom:34px;left:58px;right:0}.piano-key{color:#586c6d;cursor:pointer;background:linear-gradient(#fff,#f4f7f5);border-top:0;border-bottom:1px solid #b0c1bd;border-left:0;border-right:1px solid #bbc9c6;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;padding:0 0 10px;font:700 .72rem inherit;transition:background .1s,transform .1s;display:flex;position:relative;box-shadow:inset 0 -5px 8px #304b490a}.piano-key:first-of-type{border-left:1px solid #bbc9c6}.piano-key kbd{color:#78908e;background:0 0;padding:1px 4px;font-size:.58rem}.piano-key:hover{background:#edf8f5}.piano-key.active{color:#0b5d58;background:linear-gradient(#d8f1eb,#bde5dc);transform:translateY(2px);box-shadow:inset 0 -2px 6px #187f7924}.black-key{z-index:2;pointer-events:none;background:linear-gradient(#405352,#243535);border-radius:0 0 6px 6px;width:8%;height:65px;position:absolute;top:0;box-shadow:0 5px 9px #1c2f2e38}.black-key.b1{left:12.7%}.black-key.b2{left:26.9%}.black-key.b3{left:55.5%}.black-key.b4{left:69.7%}.black-key.b5{left:84%}.demo-status{z-index:4;color:#587071;background:#ffffffe6;justify-content:space-between;align-items:center;height:34px;padding:0 14px 0 72px;font-size:.68rem;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes scan-roll{0%{left:8%}to{left:92%}}@media (width<=560px){.interactive-roll{min-height:430px}.interactive-roll .roll,.interactive-roll .keys{bottom:135px}.demo-keyboard{height:100px;left:44px}.interactive-roll .keys{width:44px}.interactive-roll .roll{left:44px}.demo-status{padding-left:54px}.piano-key span,.interactive-roll .n6,.interactive-roll .n7{display:none}}@media (prefers-reduced-motion:reduce){.interactive-roll.playing .playhead{animation:none}.interactive-roll .note,.piano-key{transition:none}}.language-switch{letter-spacing:.04em;background:#ffffffad;border:1px solid #187f7933;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:30px;padding:0 10px;font-size:.72rem;font-weight:800;display:inline-flex;color:var(--aqua)!important}.language-switch:hover{background:#e8f6f3;border-color:#187f7961}.mobile-nav .language-switch{width:max-content;margin:8px 12px 10px;padding-inline:14px}.hero>div:first-child{min-width:0}.hero-title .title-line{color:inherit;display:block}.hero-title em{color:var(--aqua);font-style:normal}.hero-title{max-width:none}html[lang=zh-CN] .hero-title{letter-spacing:-.025em;font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:clamp(2.7rem,4.8vw,4.25rem);font-weight:700;line-height:1.13}html[lang=en] .hero-title{letter-spacing:-.035em;font-family:Segoe UI Variable Display,Segoe UI,Inter,system-ui,sans-serif;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:720;line-height:1.07}@media (width>=561px){.hero-title .title-line{white-space:nowrap}}@media (width<=560px){html[lang=zh-CN] .hero-title,html[lang=en] .hero-title{letter-spacing:-.02em;font-size:clamp(2.35rem,11vw,2.8rem);line-height:1.14}.hero-title .title-line{white-space:normal}}html[lang=zh-CN] .hero-title{letter-spacing:.035em;font-weight:600;line-height:1.18}html[lang=en] .hero-title{letter-spacing:-.012em;font-weight:650;line-height:1.1}@media (width<=560px){html[lang=zh-CN] .hero-title{letter-spacing:.025em;font-weight:600;line-height:1.2}html[lang=en] .hero-title{letter-spacing:-.006em;font-weight:650;line-height:1.12}}.docs-hero{padding-bottom:34px}.docs-search{background:#ffffffe6;border:1px solid #187f7933;border-radius:15px;align-items:center;gap:12px;max-width:660px;margin-top:32px;padding:0 18px;display:flex;box-shadow:0 12px 34px #1f4c4912}.docs-search span{color:var(--aqua);font-size:1.35rem}.docs-search input{width:100%;height:54px;color:inherit;font:inherit;background:0 0;border:0;outline:0}.docs-search:focus-within{border-color:#187f798c;box-shadow:0 0 0 3px #187f7914}.docs-layout{grid-template-columns:220px minmax(0,760px);align-items:start;gap:64px;padding-top:34px;padding-bottom:110px;display:grid}.docs-nav{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;gap:4px;padding:17px;display:grid;position:sticky;top:24px}.docs-nav strong{letter-spacing:.09em;text-transform:uppercase;padding:7px 10px 11px;font-size:.78rem}.docs-nav a{color:var(--muted);border-radius:9px;padding:9px 10px;font-size:.88rem}.docs-nav a:hover{color:var(--aqua);background:#187f7912}.docs-content article{border-bottom:1px solid var(--line);margin:0 0 45px;padding:0 0 45px;scroll-margin-top:30px}.docs-content article:last-of-type{border-bottom:0}.docs-content h2{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(1.55rem,3vw,2.1rem)}.docs-content p{color:var(--muted);line-height:1.8}.docs-content ul{color:#3e5557;margin:18px 0 0;padding-left:22px;line-height:1.9}.docs-content li::marker{color:var(--aqua)}.docs-empty{border:1px dashed var(--line);text-align:center;border-radius:16px;padding:28px}.release-controls{border:1px solid var(--line);background:#ffffffb3;border-radius:14px;padding:5px;display:inline-flex}.release-controls button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-size:.88rem;font-weight:700}.release-controls button.active{color:#fff;background:var(--aqua)}.release-feed-status{color:var(--muted);margin:18px 0 26px;font-size:.84rem}.release-feed-status.error{color:#8b641f}.release-feed-list{gap:16px;max-width:900px;display:grid}.release-entry{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:30px;box-shadow:0 12px 38px #2244440e}.release-entry-head{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.release-entry h2{margin:0;font-size:1.45rem}.release-entry time{color:var(--muted);margin-left:auto;font-size:.8rem}.release-notes{max-width:760px;color:var(--muted);white-space:pre-line;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:18px 0;line-height:1.75;display:-webkit-box;overflow:hidden}.release-feed-empty{border:1px dashed var(--line);color:var(--muted);border-radius:16px;padding:28px}@media (width<=760px){.docs-layout{grid-template-columns:1fr;gap:30px}.docs-nav{grid-template-columns:1fr 1fr;position:static}.docs-nav strong{grid-column:1/-1}.release-entry{padding:23px}.release-entry time{width:100%;margin-left:0}}.product-showcase{padding:28px 0 82px}.product-showcase .section-heading{max-width:760px}.product-showcase .section-heading p{color:var(--muted);margin:15px 0 0;line-height:1.75}.product-shot{background:#fff;border:1px solid #1d545429;border-radius:24px;margin:0;overflow:hidden;box-shadow:0 28px 80px #1f464524}.product-shot img{background:#edf2f4;width:100%;height:auto;display:block}.product-shot figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;font-size:.8rem;display:flex}.product-shot figcaption a{color:var(--aqua);font-weight:700}.product-shot figcaption a:hover{text-decoration:underline}@media (width<=560px){.product-showcase{padding-bottom:60px}.product-shot{border-radius:16px}.product-shot figcaption{flex-direction:column;align-items:flex-start;gap:7px}.product-shot img{object-fit:cover;object-position:center;min-height:230px}}.product-shot-viewport{touch-action:pan-y;overflow:hidden}.product-shot-track{will-change:transform;width:200%;transition:transform .45s cubic-bezier(.22,.8,.24,1);display:flex;transform:translate(0)}.product-slide{flex:0 0 50%;min-width:0}.product-slide img{user-select:none;-webkit-user-drag:none}.shot-switch{border:1px solid var(--line);background:#f3f7f5;border-radius:11px;gap:4px;padding:4px;display:inline-flex}.shot-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:.76rem;font-weight:700}.shot-switch button.active{color:#fff;background:var(--aqua)}.product-shot figcaption a{display:none}@media (prefers-reduced-motion:reduce){.product-shot-track{transition:none}}@media (width<=560px){.product-slide img{object-fit:contain;height:auto;min-height:0}}.practice-page{padding:70px 0 110px}.practice-intro h1{letter-spacing:-.04em;margin:16px 0 14px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.06}.practice-intro p{color:var(--muted);margin:0;font-size:1.04rem;line-height:1.7}.practice-studio{background:#ffffffd4;border:1px solid #1f59572b;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px #1f464521}.practice-toolbar{border-bottom:1px solid var(--line);background:#f7faf8eb;align-items:center;gap:18px;padding:18px 22px;display:flex}.practice-piece{gap:3px;margin-right:auto;display:grid}.practice-piece span{color:var(--muted);letter-spacing:.11em;font-size:.65rem;font-weight:800}.practice-piece strong{font-size:.98rem}.practice-mode{border:1px solid var(--line);background:#fff;border-radius:12px;padding:4px;display:flex}.practice-mode button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 13px;font:700 .78rem inherit}.practice-mode button.active{color:#fff;background:var(--aqua)}.practice-speed{color:var(--muted);align-items:center;gap:8px;font-size:.76rem;display:flex}.practice-speed select{border:1px solid var(--line);color:inherit;font:inherit;background:#fff;border-radius:9px;padding:8px}.practice-action{color:#fff;cursor:pointer;background:#183f40;border:0;border-radius:11px;min-width:100px;padding:10px 14px;font:700 .8rem inherit}.practice-progress{background:#e3ece8;height:3px}.practice-progress i{background:linear-gradient(90deg,var(--aqua),#69cfc3);width:0;height:100%;transition:width .25s;display:block}.cue-stage{background:radial-gradient(circle at 50% 0,#79d3c829,#0000 64%);grid-template-columns:1fr 1.35fr auto;align-items:center;gap:28px;min-height:155px;padding:26px 32px;display:grid}.cue-copy{gap:6px;display:grid}.cue-copy span{color:var(--aqua);letter-spacing:.1em;font-size:.67rem;font-weight:800}.cue-copy strong{font-size:1.55rem}.cue-copy p{color:var(--muted);margin:0;font-size:.78rem}.cue-sequence{justify-content:center;align-items:center;gap:10px;display:flex}.cue-sequence span{border:1px solid var(--line);color:#809091;background:#ffffffb3;border-radius:13px;place-items:center;min-width:58px;height:48px;padding:0 10px;font:750 .8rem ui-monospace,Consolas,monospace;transition:all .2s;display:grid}.cue-sequence .current{color:#fff;background:#183f40;border-color:#0000;min-width:82px;height:65px;font-size:1.03rem;box-shadow:0 12px 28px #183f402e}.practice-stats{gap:18px;display:flex}.practice-stats span{color:var(--muted);text-align:center;gap:3px;font-size:.66rem;display:grid}.practice-stats b{color:#233839;font-size:1.05rem}.lyre-board{border-block:1px solid var(--line);background:linear-gradient(145deg,#edf4f1,#f8f5ec);gap:13px;padding:28px 32px 32px;display:grid}.lyre-row{grid-template-columns:62px 1fr;align-items:center;gap:14px;display:grid}.lyre-register{color:#76908d;place-items:center;display:grid}.lyre-register span{letter-spacing:.08em;font-size:.65rem;font-weight:800}.lyre-register i{font-size:1.3rem;font-style:normal}.lyre-keys{grid-template-columns:repeat(7,1fr);gap:11px;display:grid}.lyre-key{aspect-ratio:1.08;color:#315253;cursor:pointer;background:linear-gradient(145deg,#fffffff7,#e9f1edf2);border:1px solid #235b572b;border-radius:20px;min-width:0;transition:transform .12s,box-shadow .18s,border-color .18s,background .18s;position:relative;box-shadow:0 7px 18px #25464312,inset 0 1px #fff}.lyre-key:before{content:"";pointer-events:none;border:1px solid #22706a1a;border-radius:14px;position:absolute;inset:9px}.lyre-key span{color:#81928f;font-size:.64rem;position:absolute;top:13px;left:0;right:0}.lyre-key strong{font-size:clamp(1rem,2vw,1.35rem)}.lyre-key i{background:#bdd0cc;border-radius:50%;width:5px;height:5px;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.lyre-key:hover{border-color:#187f795c;transform:translateY(-2px)}.lyre-key.target{background:linear-gradient(145deg,#e8faf6,#cceee6);border-color:#1a928a;animation:1.1s ease-in-out infinite key-pulse;box-shadow:0 0 0 3px #187f791a,0 10px 24px #187f7926}.lyre-key.target i{background:var(--aqua);box-shadow:0 0 10px var(--aqua)}.lyre-key.pressed{background:#dceae6;transform:translateY(3px)scale(.97)}.lyre-key.correct{color:#fff;background:#278f7c}.lyre-key.wrong{color:#fff;background:#c76b5e}.practice-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;font-size:.75rem;display:flex}.practice-footer button{color:var(--aqua);cursor:pointer;background:0 0;border:0;font:700 .75rem inherit}@keyframes key-pulse{50%{box-shadow:0 0 0 5px #187f7912,0 12px 28px #187f792e}}@media (width<=900px){.practice-toolbar{flex-wrap:wrap}.practice-piece{width:100%}.cue-stage{grid-template-columns:1fr}.cue-copy{text-align:center}.practice-stats{justify-content:center}.lyre-board{overflow-x:auto}.lyre-row{min-width:720px}}@media (width<=560px){.practice-page{padding:52px 0 76px}.practice-intro h1{font-size:2.5rem}.practice-studio{border-radius:20px}.practice-toolbar{gap:10px;padding:15px}.practice-mode{order:3;width:100%}.practice-mode button{flex:1}.practice-speed{margin-left:auto}.cue-stage{padding:24px 18px}.cue-sequence{gap:6px}.cue-sequence span{min-width:45px}.cue-sequence .current{min-width:68px}.lyre-board{padding:22px 18px}.practice-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.lyre-key.target{animation:none}.lyre-key,.practice-progress i{transition:none}}.lyre-key{place-items:center;padding:0;display:grid}.practice-key-icon{color:#69918d;filter:drop-shadow(0 3px 5px #2c5c5814);width:38%;max-width:44px;height:auto;transition:color .18s,filter .18s,transform .12s;position:absolute;top:10px;left:50%;overflow:visible;transform:translate(-50%)}.practice-key-icon .glyph-ring{fill:#ffffff52;stroke:currentColor;stroke-width:1.15px}.practice-key-icon .glyph-mark{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round}.lyre-key:first-child .glyph-mark,.lyre-key:nth-child(6) .glyph-mark{fill:currentColor;fill-opacity:.1}.lyre-key .lyre-key-note{letter-spacing:.04em;font-size:.57rem;top:auto;bottom:7px}.lyre-key strong{font-size:clamp(1rem,2vw,1.28rem);position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.lyre-key>i{display:none}.lyre-key.target .practice-key-icon{color:#087c73;filter:drop-shadow(0 0 7px #187f796b);transform:translate(-50%)scale(1.08)}.lyre-key.correct .practice-key-icon,.lyre-key.wrong .practice-key-icon{color:#fff;filter:drop-shadow(0 0 6px #ffffff73)}.lyre-key.correct .lyre-key-note,.lyre-key.wrong .lyre-key-note{color:#fffc}.practice-key-icon{object-fit:contain;pointer-events:none}.lyre-key.target .practice-key-icon{filter:drop-shadow(0 0 7px #187f797a);transform:translate(-50%)scale(1.1)}.lyre-key.correct .practice-key-icon,.lyre-key.wrong .practice-key-icon{filter:brightness(0)invert()drop-shadow(0 0 6px #ffffff73)}.practice-instrument{color:var(--muted);align-items:center;gap:8px;font-size:.76rem;display:flex}.practice-instrument select{border:1px solid var(--line);color:inherit;font:inherit;background:#fff;border-radius:9px;padding:8px}.lyre-key{aspect-ratio:1;border-radius:50%;width:100%;max-width:116px}.lyre-key:before{border-radius:50%;inset:8px}.practice-key-icon{width:39%;max-width:43px;top:9%}.lyre-key strong{bottom:23%}.lyre-key .lyre-key-note{bottom:7%}@media (width<=900px){.practice-instrument{margin-left:auto}.lyre-keys{justify-items:center}}@media (width<=560px){.practice-instrument{margin-left:0}.practice-speed,.practice-instrument{flex:1}.practice-speed select,.practice-instrument select{width:100%;min-width:0}}.practice-studio{--instrument-color:#69918d;--instrument-active:#278f7c}.practice-key-icon{color:var(--instrument-color)}.lyre-key.target{border-color:var(--instrument-active);background:color-mix(in srgb,var(--instrument-active) 16%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--instrument-active) 13%,transparent),0 10px 24px color-mix(in srgb,var(--instrument-active) 22%,transparent)}.lyre-key.target .practice-key-icon{color:var(--instrument-active);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--instrument-active) 52%,transparent))}.lyre-key.correct{background:var(--instrument-active)}.lyre-key.flat-note:after{content:"♭";z-index:1;color:var(--instrument-color);pointer-events:none;font:700 clamp(.72rem,1.35vw,1rem)/1 Georgia,serif;position:absolute;top:12%;left:25%}.lyre-key.flat-note.target:after{color:var(--instrument-active)}.lyre-key.flat-note.correct:after,.lyre-key.flat-note.wrong:after{color:#fff}.lyre-board{background:#39444a;padding:30px 34px}.lyre-key{background:#fffaf0;border:0;overflow:visible;box-shadow:0 5px 10px #0c141838}.lyre-key:before{background:#fffaf0;border:clamp(3px,.42vw,6px) solid #e1d6bd;border-radius:50%;inset:7%}.practice-key-border{z-index:1;color:#eae3ce;pointer-events:none;width:90%;height:90%;position:absolute;inset:5%}.practice-key-icon{z-index:2;width:49%;max-width:none;color:var(--instrument-color);filter:none;top:22%}.lyre-key strong{z-index:3;color:#a8aa79;font-family:Georgia,Times New Roman,serif;font-size:clamp(.75rem,1.4vw,1.05rem);line-height:1;bottom:12%}.lyre-key .lyre-key-note{display:none}.lyre-key.flat-note:after{z-index:3;top:20%;left:22%}.lyre-key:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0c14184d}.lyre-key.target{box-shadow:0 0 0 4px color-mix(in srgb,var(--instrument-active) 42%,transparent),0 0 24px color-mix(in srgb,var(--instrument-active) 50%,transparent);background:#fffaf0}.lyre-key.target:before{border-color:color-mix(in srgb,var(--instrument-active) 42%,#e1d6bd);background:#fffaf0}.lyre-key.pressed,.lyre-key.correct{background:var(--instrument-active);transform:scale(.91)}.lyre-key.pressed:before,.lyre-key.correct:before{background:var(--instrument-active);border-color:color-mix(in srgb,var(--instrument-active) 70%,#fff)}.lyre-key.pressed .practice-key-border,.lyre-key.correct .practice-key-border{opacity:.22}.lyre-key.pressed .practice-key-icon,.lyre-key.correct .practice-key-icon{color:#fff;filter:none}.lyre-key.pressed strong,.lyre-key.correct strong{color:#fff}.lyre-key.wrong:before{background:#c76b5e;border-color:#e3a198}.lyre-key.wrong .practice-key-border{opacity:.2}.lyre-board{background:linear-gradient(145deg,#edf4f1,#f8f5ec)}.lyre-register{color:#76908d}.lyre-key:before{display:none}.practice-key-border{width:100%;height:100%;inset:0}.lyre-key.flat-note:after{-webkit-text-stroke:3px #fffaf0;paint-order:stroke fill;filter:drop-shadow(0 1px #5b543714);font-size:clamp(1.2rem,2.25vw,1.75rem);font-weight:700;top:13%;left:8%}.lyre-key.flat-note.target:after{-webkit-text-stroke-color:#fffaf0}.lyre-key.flat-note.pressed:after,.lyre-key.flat-note.correct:after,.lyre-key.flat-note.wrong:after{-webkit-text-stroke-color:var(--instrument-active)}.practice-key-icon{background:var(--instrument-color);max-width:none;height:49%;-webkit-mask-image:var(--key-icon);mask-image:var(--key-icon);display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lyre-key.target .practice-key-icon{background:var(--instrument-active)}.lyre-key.pressed .practice-key-icon,.lyre-key.correct .practice-key-icon,.lyre-key.wrong .practice-key-icon{filter:none;background:#fff}.lyre-key .practice-key-icon{background:var(--instrument-color);width:82%;height:82%;position:absolute;top:5%;left:50%;right:auto;transform:translate(-50%)}.lyre-key.target .practice-key-icon{transform:translate(-50%)scale(1.06)}.lyre-key.pressed .practice-key-icon,.lyre-key.correct .practice-key-icon{transform:translate(-50%)scale(1)}.practice-studio:focus{outline:none}.practice-studio:focus-visible{outline:2px solid color-mix(in srgb,var(--aqua) 45%,transparent);outline-offset:4px}.cue-center{gap:13px;min-width:0;display:grid}.cue-sequence{min-height:68px;overflow:hidden}.cue-sequence .cue-note{border:1px solid var(--line);color:#809091;cursor:pointer;background:#ffffffb8;border-radius:13px;flex:0 58px;place-items:center;min-width:48px;height:48px;padding:0 10px;font:750 .8rem ui-monospace,Consolas,monospace;transition:opacity .25s,transform .3s,border-color .2s,background .2s;animation:.32s cubic-bezier(.22,.75,.25,1) both cue-shift-left;display:grid}.cue-sequence .cue-note.past{opacity:.32;transform:scale(.88)}.cue-sequence .cue-note.current{color:#fff;opacity:1;background:#183f40;border-color:#0000;flex-basis:82px;min-width:72px;height:64px;font-size:1.04rem;box-shadow:0 12px 28px #183f402e}.cue-sequence .cue-note:hover{opacity:1;border-color:color-mix(in srgb,var(--aqua) 48%,var(--line))}.cue-sequence .cue-note.cue-arrive{animation:.38s cubic-bezier(.2,.85,.3,1.2) both cue-current-arrive}.practice-scrubber{grid-template-columns:30px 1fr 30px;align-items:center;gap:9px;display:grid}.practice-scrubber button{border:1px solid var(--line);width:30px;height:30px;color:var(--aqua);cursor:pointer;background:#fff;border-radius:50%;padding:0;font:700 1.25rem/1 inherit}.practice-scrubber input{appearance:none;background:linear-gradient(90deg,var(--aqua) 0 var(--seek-progress,0%),#dce7e3 var(--seek-progress,0%) 100%);cursor:grab;border-radius:999px;width:100%;height:5px;margin:0}.practice-scrubber input:active{cursor:grabbing}.practice-scrubber input::-webkit-slider-thumb{appearance:none;background:var(--aqua);border:4px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #183f404d}.practice-scrubber input::-moz-range-thumb{background:var(--aqua);border:4px solid #fff;border-radius:50%;width:11px;height:11px;box-shadow:0 2px 8px #183f404d}.loop-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.loop-controls button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffffc7;border-radius:8px;padding:5px 9px;font:700 .66rem inherit}.loop-controls button:hover,.loop-controls button.active{color:#fff;border-color:var(--aqua);background:var(--aqua)}.loop-controls button:disabled{opacity:.38;cursor:default}.loop-controls span{min-width:120px;color:var(--muted);text-align:center;font-size:.66rem}@keyframes cue-shift-left{0%{opacity:0;translate:18px}to{translate:0}}@keyframes cue-current-arrive{0%{opacity:.35;transform:scale(.72)translate(16px)}65%{transform:scale(1.09)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.cue-center{width:min(100%,620px);margin-inline:auto}}@media (width<=560px){.cue-sequence .cue-note{flex-basis:42px;min-width:38px;padding-inline:6px}.cue-sequence .cue-note.current{flex-basis:62px;min-width:58px}.loop-controls span{width:100%}}@media (prefers-reduced-motion:reduce){.cue-sequence .cue-note,.cue-sequence .cue-note.cue-arrive{animation:none}}.cue-sequence{will-change:transform;grid-template-columns:repeat(5,64px);justify-content:center;align-items:center;gap:10px;min-height:68px;display:grid;overflow:visible}.cue-sequence .cue-note{width:64px;min-width:64px;height:48px;transition:opacity .28s,color .28s,background-color .28s,border-color .28s,box-shadow .28s;animation:none}.cue-sequence .cue-note.current{width:64px;min-width:64px;height:64px;animation:.4s ease-out both cue-current-highlight}.cue-sequence .cue-note.placeholder{visibility:hidden;pointer-events:none}@keyframes cue-current-highlight{0%{color:#537071;border-color:color-mix(in srgb,var(--aqua) 55%,var(--line));background:#e5f1ee;box-shadow:0 0 #183f4000}to{color:#fff;background:#183f40;border-color:#0000;box-shadow:0 12px 28px #183f402e}}@media (width<=560px){.cue-sequence{grid-template-columns:repeat(5,48px);gap:6px}.cue-sequence .cue-note,.cue-sequence .cue-note.current{width:48px;min-width:48px}.cue-sequence .cue-note.current{height:60px}}@media (prefers-reduced-motion:reduce){.cue-sequence{transform:none!important}.cue-sequence .cue-note.current{animation:none}}.cue-center{position:relative}.cue-sequence{scroll-behavior:smooth;scrollbar-width:none;will-change:scroll-position;justify-content:flex-start;gap:10px;min-height:72px;padding:4px calc(50% - 32px);display:flex;overflow:hidden visible}.cue-sequence::-webkit-scrollbar{display:none}.cue-sequence .cue-note,.cue-sequence .cue-note.current{border:1px solid var(--line);color:#718687;width:64px;min-width:64px;height:56px;box-shadow:none;opacity:.72;background:#ffffffc7;border-radius:13px;flex:0 0 64px;padding:0 8px;font:750 .82rem ui-monospace,Consolas,monospace;transition:opacity .26s,color .26s,filter .26s,transform .26s;animation:none;transform:none}.cue-sequence .cue-note.past{opacity:.3}.cue-sequence .cue-note.current{color:#183f40;opacity:1;filter:brightness(1.04)saturate(1.08);transform:scale(1.08)}.cue-sequence .cue-note.future{opacity:.66}.cue-center:before{content:"";z-index:4;pointer-events:none;border:1px solid #187f7961;border-radius:17px;width:76px;height:68px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #183f401f,inset 0 0 0 4px #ffffff6b}@media (width<=560px){.cue-sequence{grid-template-columns:none;gap:7px;padding-inline:calc(50% - 25px)}.cue-sequence .cue-note,.cue-sequence .cue-note.current{flex-basis:50px;width:50px;min-width:50px;height:52px}.cue-center:before{width:60px;height:64px}}@media (prefers-reduced-motion:reduce){.cue-sequence{scroll-behavior:auto}.cue-sequence .cue-note{transition:none}}.cue-center:before{display:none}.cue-sequence .cue-note,.cue-sequence .cue-note.current{box-sizing:border-box;transition:opacity .36s cubic-bezier(.22,.75,.25,1),color .36s cubic-bezier(.22,.75,.25,1),background-color .36s cubic-bezier(.22,.75,.25,1),border-color .36s cubic-bezier(.22,.75,.25,1),box-shadow .36s cubic-bezier(.22,.75,.25,1),filter .36s cubic-bezier(.22,.75,.25,1),transform .36s cubic-bezier(.22,.75,.25,1)}.cue-sequence .cue-note.current{color:#183f40;filter:brightness(1.03)saturate(1.06);background:#fffffff5;border-color:#315f60;transform:scale(1.08);box-shadow:0 8px 22px #183f4026,inset 0 0 0 1px #315f601f}.cue-sequence .cue-note.past{border-color:color-mix(in srgb,var(--line) 74%,transparent)}.cue-sequence .cue-note.future{border-color:var(--line)}.practice-scrubber input{opacity:.46;background:linear-gradient(90deg,color-mix(in srgb,var(--aqua) 58%,#dce7e3) 0 var(--seek-progress,0%),#e5ece9 var(--seek-progress,0%) 100%);height:3px;transition:height .22s,opacity .22s,background .22s,filter .22s}.practice-scrubber input:hover,.practice-scrubber input:focus-visible,.practice-scrubber input:active{opacity:1;background:linear-gradient(90deg,var(--aqua) 0 var(--seek-progress,0%),#dce7e3 var(--seek-progress,0%) 100%);filter:drop-shadow(0 2px 5px #187f791f);outline:none;height:5px}.practice-scrubber input::-webkit-slider-thumb{opacity:.7;border-width:3px;width:11px;height:11px;transition:width .22s,height .22s,border-width .22s,opacity .22s,box-shadow .22s}.practice-scrubber input:hover::-webkit-slider-thumb,.practice-scrubber input:focus-visible::-webkit-slider-thumb,.practice-scrubber input:active::-webkit-slider-thumb{opacity:1;border-width:4px;width:18px;height:18px;box-shadow:0 3px 10px #183f404d}.practice-scrubber input::-moz-range-thumb{opacity:.7;border-width:3px;width:7px;height:7px;transition:width .22s,height .22s,border-width .22s,opacity .22s,box-shadow .22s}.practice-scrubber input:hover::-moz-range-thumb,.practice-scrubber input:focus-visible::-moz-range-thumb,.practice-scrubber input:active::-moz-range-thumb{opacity:1;border-width:4px;width:11px;height:11px;box-shadow:0 3px 10px #183f404d}@media (prefers-reduced-motion:reduce){.practice-scrubber input,.practice-scrubber input::-webkit-slider-thumb,.practice-scrubber input::-moz-range-thumb{transition:none}}.seek-track{--seek-progress:0%;width:100%;height:20px;position:relative}.seek-track:before,.seek-track>i{content:"";pointer-events:none;border-radius:999px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.seek-track:before{background:#e5ece9;width:100%;transition:height .22s,background-color .22s}.seek-track>i{width:var(--seek-progress);background:color-mix(in srgb,var(--aqua) 58%,#dce7e3);transition:width .34s cubic-bezier(.22,.75,.25,1),height .22s,background-color .22s}.seek-track>b{z-index:2;top:50%;left:var(--seek-progress);background:var(--aqua);opacity:.7;pointer-events:none;border:3px solid #fff;border-radius:50%;width:11px;height:11px;transition:left .34s cubic-bezier(.22,.75,.25,1),width .22s,height .22s,border-width .22s,opacity .22s,box-shadow .22s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #183f4033}.seek-track>input{z-index:3;opacity:0;cursor:grab;width:100%;height:100%;margin:0;position:absolute;inset:0}.seek-track>input:active{cursor:grabbing}.seek-track:has(input:hover):before,.seek-track:has(input:focus-visible):before,.seek-track:has(input:active):before,.seek-track:has(input:hover)>i,.seek-track:has(input:focus-visible)>i,.seek-track:has(input:active)>i{height:5px}.seek-track:has(input:hover)>i,.seek-track:has(input:focus-visible)>i,.seek-track:has(input:active)>i{background:var(--aqua)}.seek-track:has(input:hover)>b,.seek-track:has(input:focus-visible)>b,.seek-track:has(input:active)>b{opacity:1;border-width:4px;width:18px;height:18px;box-shadow:0 3px 10px #183f404d}.seek-track:has(input:active)>i,.seek-track:has(input:active)>b{transition-duration:70ms}@media (prefers-reduced-motion:reduce){.seek-track:before,.seek-track>i,.seek-track>b{transition:none}}.practice-mode{isolation:isolate;transition:border-color .24s,box-shadow .24s,transform .18s;position:relative;overflow:hidden}.practice-mode:before{content:"";z-index:-1;background:var(--aqua);border-radius:8px;width:calc(50% - 4px);transition:transform .32s cubic-bezier(.22,.8,.25,1),background-color .24s,box-shadow .24s;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:0 4px 12px #187f792e}.practice-mode[data-active=timed]:before{transform:translate(100%)}.practice-mode button,.practice-mode button.active{color:var(--muted);background:0 0;transition:color .25s,transform .16s;position:relative}.practice-mode button.active{color:#fff}.practice-mode button:hover{color:#183f40}.practice-mode button.active:hover{color:#fff}.practice-mode button:active{transform:scale(.95)}.practice-mode:hover,.practice-mode:focus-within{border-color:color-mix(in srgb,var(--aqua) 42%,var(--line));box-shadow:0 5px 16px #1f464514}.practice-speed,.practice-instrument{transition:color .24s,transform .2s}.practice-speed:focus-within,.practice-instrument:focus-within{color:var(--aqua)}.practice-speed select,.practice-instrument select{transition:border-color .24s,box-shadow .24s,background-color .24s,transform .18s}.practice-speed select:hover,.practice-instrument select:hover{border-color:color-mix(in srgb,var(--aqua) 46%,var(--line));background:#fbfefd;transform:translateY(-1px)}.practice-speed select:focus,.practice-instrument select:focus{border-color:var(--aqua);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #187f791c,0 6px 18px #1f464514}.practice-speed select:active,.practice-instrument select:active{transform:translateY(0)scale(.985)}.practice-action{transition:transform .18s,background-color .24s,box-shadow .24s}.practice-action:hover{background:#205556;transform:translateY(-2px);box-shadow:0 8px 20px #183f402e}.practice-action:active{transform:translateY(0)scale(.97);box-shadow:0 3px 9px #183f4024}.practice-action:focus-visible,.practice-mode button:focus-visible{outline:2px solid color-mix(in srgb,var(--aqua) 62%,#fff);outline-offset:2px}@media (prefers-reduced-motion:reduce){.practice-mode,.practice-mode:before,.practice-mode button,.practice-speed,.practice-instrument,.practice-speed select,.practice-instrument select,.practice-action{transition:none}}.practice-toolbar{z-index:8;position:relative}.native-select{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.custom-select{min-width:84px;position:relative}.practice-instrument .custom-select{min-width:170px}.custom-select-trigger{border:1px solid var(--line);width:100%;min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:7px 11px;transition:border-color .24s,box-shadow .24s,background-color .24s,transform .18s;display:flex}.custom-select-trigger:hover,.custom-select.open .custom-select-trigger{border-color:color-mix(in srgb,var(--aqua) 48%,var(--line));background:#fbfefd;box-shadow:0 5px 16px #1f464517}.custom-select-trigger i{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .3s cubic-bezier(.22,.8,.25,1),color .24s;transform:translateY(-2px)rotate(45deg)}.custom-select.open .custom-select-trigger i{color:var(--aqua);transform:translateY(2px)rotate(225deg)}.custom-select-menu{z-index:30;border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;background:#fffffffa;border-radius:11px;width:max-content;min-width:100%;max-height:260px;padding:5px;transition:opacity .22s,transform .28s cubic-bezier(.22,.8,.25,1),visibility 0s linear .28s;position:absolute;top:calc(100% + 7px);left:0;overflow:auto;transform:translateY(-8px)scale(.98);box-shadow:0 16px 38px #1f464529}.custom-select.open .custom-select-menu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.custom-select-option{width:100%;color:var(--muted);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;padding:8px 10px;transition:color .18s,background-color .18s,transform .16s;display:flex}.custom-select-option:hover,.custom-select-option:focus-visible{color:#183f40;background:#edf6f3;outline:none;transform:translate(2px)}.custom-select-option.selected{color:var(--aqua);background:#f0f8f6;font-weight:700}@media (width<=560px){.custom-select,.practice-instrument .custom-select{width:100%;min-width:0}.custom-select-menu{max-width:min(82vw,280px);left:auto;right:0}}@media (prefers-reduced-motion:reduce){.custom-select-trigger,.custom-select-trigger i,.custom-select-menu,.custom-select-option{transition:none}}.practice-intro{max-width:700px;margin-bottom:30px}.practice-intro h1{letter-spacing:-.03em;margin:13px 0 11px;font-size:clamp(2rem,3.7vw,3.25rem);font-weight:720;line-height:1.12}.practice-intro p{max-width:660px;font-size:.96rem;line-height:1.65}.practice-fullscreen{border:1px solid var(--line);color:#537071;cursor:pointer;background:#fff;border-radius:11px;flex:0 0 40px;width:40px;height:40px;padding:0;transition:color .24s,border-color .24s,background-color .24s,box-shadow .24s,transform .18s;position:relative}.practice-fullscreen svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:opacity .24s,transform .32s cubic-bezier(.22,.8,.25,1);position:absolute;inset:9px}.practice-fullscreen .restore-icon{opacity:0;transform:rotate(-90deg)scale(.68)}.practice-fullscreen.active .expand-icon{opacity:0;transform:rotate(90deg)scale(.68)}.practice-fullscreen.active .restore-icon{opacity:1;transform:rotate(0)scale(1)}.practice-fullscreen:hover{color:#fff;border-color:var(--aqua);background:var(--aqua);transform:translateY(-2px);box-shadow:0 7px 18px #187f7933}.practice-fullscreen:active{transform:translateY(0)scale(.94)}.practice-fullscreen:focus-visible{outline:2px solid color-mix(in srgb,var(--aqua) 58%,#fff);outline-offset:2px}.practice-studio.is-fullscreen{border-radius:0;transition:border-radius .3s,background-color .3s,box-shadow .3s}.practice-studio:fullscreen{width:100vw;height:100vh;box-shadow:none;background:#f7faf8;border:0;grid-template-rows:auto 3px auto minmax(0,1fr) auto;display:grid}.practice-studio:fullscreen .lyre-board{align-content:center;min-height:0;overflow:auto}body.practice-page-fullscreen .practice-studio{max-height:calc(100vh - 40px)}@media (width<=900px){.practice-fullscreen{margin-left:auto}.practice-studio:fullscreen .practice-toolbar{flex-wrap:nowrap;gap:10px;padding:10px 14px}.practice-studio:fullscreen .practice-piece{width:auto}.practice-studio:fullscreen .cue-stage{grid-template-columns:minmax(150px,.8fr) minmax(310px,1.4fr) auto;gap:18px;min-height:122px;padding:14px 20px}.practice-studio:fullscreen .cue-copy{text-align:left}.practice-studio:fullscreen .lyre-board{gap:8px;padding:14px 24px}.practice-studio:fullscreen .lyre-row{min-width:650px}.practice-studio:fullscreen .practice-footer{padding:8px 18px}}@media (width<=560px){.practice-intro h1{font-size:2rem}.practice-intro{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){.practice-fullscreen,.practice-fullscreen svg,.practice-studio.is-fullscreen{transition:none}}body.practice-page-fullscreen{overflow:hidden}body.practice-page-fullscreen .practice-page{max-width:var(--shell);padding:70px 24px 110px}body.practice-page-fullscreen .practice-intro{display:block}.practice-studio.page-expanded{z-index:1000;width:100vw;height:100dvh;box-shadow:none;background:#f7faf8;border:0;border-radius:0;grid-template-rows:auto 3px auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.practice-studio.page-expanded .lyre-board{align-content:center;min-height:0;overflow:auto}.practice-studio.page-expanded .practice-toolbar{padding-inline:max(22px,50vw - 720px)}.practice-studio.page-expanded .cue-stage{padding-inline:max(32px,50vw - 690px)}.practice-studio.page-expanded .practice-footer{padding-inline:max(22px,50vw - 720px)}@media (width<=900px){body.practice-page-fullscreen{overflow:auto}.practice-studio.page-expanded{width:auto;height:auto;display:block;position:static}}.practice-settings-panel{display:contents}.practice-settings-toggle{border:1px solid var(--line);color:#537071;cursor:pointer;background:#fff;border-radius:11px;width:40px;height:40px;padding:0;display:none}.practice-settings-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:21px;height:21px}@media (width<=900px),(pointer:coarse){.practice-studio:fullscreen{--mobile-key-size:min(calc((100vw - 96px)/7),calc((100dvh - 176px)/3));grid-template-rows:52px 3px 112px minmax(0,1fr);overflow:hidden}.practice-studio:fullscreen .practice-toolbar{justify-content:flex-end;gap:8px;height:52px;padding:6px 12px}.practice-studio:fullscreen .practice-piece{display:none}.practice-studio:fullscreen .practice-settings-toggle{order:1;place-items:center;transition:color .22s,background-color .22s,transform .18s;display:grid}.practice-studio:fullscreen .practice-settings-toggle:hover,.practice-studio:fullscreen.settings-open .practice-settings-toggle{color:#fff;background:var(--aqua)}.practice-studio:fullscreen .practice-fullscreen{order:2;margin-left:0}.practice-studio:fullscreen .practice-action{order:3;min-width:94px;height:40px}.practice-studio:fullscreen .practice-settings-panel{z-index:100;border-left:1px solid var(--line);opacity:0;visibility:hidden;background:#f9fcfafa;flex-direction:column;align-items:stretch;gap:16px;width:min(82vw,320px);padding:70px 18px 22px;transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .24s,visibility 0s linear .34s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-18px 0 42px #1f464529}.practice-studio:fullscreen.settings-open .practice-settings-panel{opacity:1;visibility:visible;transition-delay:0s;transform:translate(0)}.practice-studio:fullscreen .practice-settings-panel .practice-mode{order:0;width:100%;display:flex}.practice-studio:fullscreen .practice-settings-panel .practice-mode button{flex:1}.practice-studio:fullscreen .practice-settings-panel .practice-speed,.practice-studio:fullscreen .practice-settings-panel .practice-instrument{grid-template-columns:48px 1fr;width:100%;margin:0;display:grid}.practice-studio:fullscreen .practice-settings-panel .custom-select{width:100%;min-width:0}.practice-studio:fullscreen .cue-stage{grid-template-columns:1fr;gap:0;min-height:0;padding:8px 18px}.practice-studio:fullscreen .cue-copy,.practice-studio:fullscreen .practice-stats,.practice-studio:fullscreen .loop-controls{display:none}.practice-studio:fullscreen .cue-center{gap:6px;width:min(72vw,620px);margin:auto}.practice-studio:fullscreen .cue-sequence{min-height:58px}.practice-studio:fullscreen .cue-sequence .cue-note,.practice-studio:fullscreen .cue-sequence .cue-note.current{height:46px}.practice-studio:fullscreen .practice-scrubber{grid-template-columns:26px 1fr 26px}.practice-studio:fullscreen .practice-scrubber button{width:26px;height:26px}.practice-studio:fullscreen .lyre-board{grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;gap:4px;min-height:0;padding:6px 14px 8px;display:grid;overflow:hidden}.practice-studio:fullscreen .lyre-row{grid-template-columns:42px 1fr;gap:8px;min-height:0;min-width:0!important}.practice-studio:fullscreen .lyre-register span{font-size:.58rem}.practice-studio:fullscreen .lyre-register i{font-size:1rem}.practice-studio:fullscreen .lyre-keys{align-items:center;gap:6px;height:100%}.practice-studio:fullscreen .lyre-key{width:var(--mobile-key-size);justify-self:center;max-width:100%;max-height:100%}.practice-studio:fullscreen .practice-footer{display:none}}@media (height<=430px) and (orientation:landscape){.practice-studio:fullscreen{grid-template-rows:48px 3px 94px minmax(0,1fr)}.practice-studio:fullscreen .cue-sequence{min-height:48px}.practice-studio:fullscreen .cue-sequence .cue-note,.practice-studio:fullscreen .cue-sequence .cue-note.current{height:40px}.practice-studio:fullscreen .lyre-board{padding-block:3px}}@media (prefers-reduced-motion:reduce){.practice-studio:fullscreen .practice-settings-panel,.practice-settings-toggle{transition:none}}.practice-studio.mobile-preview.virtual-landscape{transform-origin:50%;width:100dvh;height:100dvw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.practice-studio.mobile-preview,.practice-studio.mobile-preview.virtual-landscape{grid-template-rows:52px 3px 112px minmax(0,1fr);overflow:hidden}.practice-studio.mobile-preview .practice-toolbar{flex-wrap:nowrap;justify-content:flex-end;gap:8px;height:52px;padding:6px 12px}.practice-studio.mobile-preview .practice-piece{display:none}.practice-studio.mobile-preview .practice-settings-toggle{order:1;place-items:center;display:grid}.practice-studio.mobile-preview .practice-fullscreen{order:2;margin-left:0}.practice-studio.mobile-preview .practice-action{order:3;min-width:94px;height:40px}.practice-studio.mobile-preview .cue-stage{grid-template-columns:1fr;gap:0;min-height:0;padding:8px 18px}.practice-studio.mobile-preview .cue-copy,.practice-studio.mobile-preview .practice-stats,.practice-studio.mobile-preview .loop-controls,.practice-studio.mobile-preview .practice-footer{display:none}.practice-studio.mobile-preview .cue-center{gap:6px;width:min(72%,620px);margin:auto}.practice-studio.mobile-preview .lyre-board{grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;gap:4px;min-height:0;padding:6px 14px 8px;display:grid;overflow:hidden}.practice-studio.mobile-preview .lyre-row{grid-template-columns:42px 1fr;gap:8px;min-height:0;min-width:0!important}.practice-studio.mobile-preview .lyre-keys{align-items:center;gap:6px;height:100%}.practice-studio.mobile-preview .lyre-key{width:var(--mobile-key-size);justify-self:center;max-width:100%;max-height:100%}.practice-studio.mobile-preview .practice-settings-panel{z-index:100;border-left:1px solid var(--line);opacity:0;visibility:hidden;background:#f9fcfafa;flex-direction:column;align-items:stretch;gap:16px;width:min(82%,320px);padding:70px 18px 22px;transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .24s,visibility 0s linear .34s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-18px 0 42px #1f464529}.practice-studio.mobile-preview.settings-open .practice-settings-panel{opacity:1;visibility:visible;transition-delay:0s;transform:translate(0)}.practice-studio.mobile-preview{--mobile-key-size:min(calc((100dvw - 148px)/7),calc((100dvh - 174px)/3))}.practice-studio.mobile-preview.virtual-landscape{--mobile-key-size:min(calc((100dvh - 148px)/7),calc((100dvw - 174px)/3))}.practice-scrubber .seek-track>input,.practice-scrubber .seek-track>input:hover,.practice-scrubber .seek-track>input:focus,.practice-scrubber .seek-track>input:focus-visible,.practice-scrubber .seek-track>input:active{-webkit-appearance:none;appearance:none;cursor:grab;outline:none;width:100%;height:100%;margin:0;position:absolute;inset:0;opacity:0!important;filter:none!important;background:0 0!important}.practice-scrubber .seek-track>input:active{cursor:grabbing}.practice-scrubber .seek-track>input::-webkit-slider-runnable-track{background:0 0;border:0;height:100%}.practice-scrubber .seek-track>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:1px;box-shadow:none;opacity:0;background:0 0;border:0;margin:0}.practice-scrubber .seek-track>input::-moz-range-track,.practice-scrubber .seek-track>input::-moz-range-progress{background:0 0;border:0;height:100%}.practice-scrubber .seek-track>input::-moz-range-thumb{width:1px;height:1px;box-shadow:none;opacity:0;background:0 0;border:0}.seek-track:before,.seek-track>i,.seek-track>b{transition-timing-function:cubic-bezier(.22,.75,.25,1)}.seek-track:has(input:focus-visible)>b{box-shadow:0 0 0 4px #187f7921,0 3px 10px #183f404d}.seek-track:has(input:focus-visible):before{background:#dce8e4}.seek-track:not(:has(input:hover,input:focus-visible,input:active)):before{background:#e5ece9;height:3px}.seek-track:not(:has(input:hover,input:focus-visible,input:active))>i{background:color-mix(in srgb,var(--aqua) 58%,#dce7e3);height:3px}.seek-track:not(:has(input:hover,input:focus-visible,input:active))>b{opacity:.7;border-width:3px;width:11px;height:11px;box-shadow:0 2px 8px #183f4033}.cue-center{gap:9px}.practice-scrubber{grid-template-columns:30px minmax(120px,1fr) 30px auto;gap:8px}.practice-scrubber .loop-controls{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:5px;margin-left:4px;display:flex}.practice-scrubber .loop-controls button{border-radius:9px;width:30px;height:30px;padding:0;font-size:.67rem}.practice-scrubber .loop-controls button:last-of-type{font-size:.92rem}.practice-scrubber .loop-controls span{color:#78908e;text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:42px;max-width:66px;padding-left:2px;font-size:.64rem;overflow:hidden}.practice-scrubber .loop-controls button,.practice-scrubber .loop-controls span{transition:color .2s,background-color .2s,border-color .2s,opacity .2s,transform .18s}.practice-scrubber .loop-controls button:hover:not(:disabled){transform:translateY(-1px)}.practice-scrubber .loop-controls button:active:not(:disabled){transform:scale(.94)}@media (width<=720px){.practice-scrubber{grid-template-columns:28px minmax(100px,1fr) 28px}.practice-scrubber .loop-controls{grid-column:1/-1;justify-content:center;margin-left:0}}@media (width<=900px),(pointer:coarse){.practice-studio:fullscreen .practice-scrubber{grid-template-columns:26px 1fr 26px}.practice-studio:fullscreen .practice-scrubber .loop-controls{display:none}}.practice-studio.mobile-preview .practice-scrubber{grid-template-columns:26px 1fr 26px}.practice-studio.mobile-preview .practice-scrubber .loop-controls{display:none}.practice-studio{position:relative}.practice-footer-actions{flex:none;align-items:center;gap:8px;display:flex}.practice-import{border:1px solid var(--line);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 13px;font-size:.72rem;font-weight:700;transition:color .2s,border-color .2s,background-color .2s,transform .18s,box-shadow .2s;display:inline-flex;position:relative}.practice-import:hover{color:var(--aqua);border-color:color-mix(in srgb,var(--aqua) 42%,var(--line));transform:translateY(-1px);box-shadow:0 5px 14px #183f4014}.practice-import:active{transform:scale(.97)}.practice-import input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.practice-import:focus-within{outline-offset:2px;outline:3px solid #187f7924}.practice-drop-overlay{z-index:150;border:2px dashed color-mix(in srgb,var(--aqua) 70%,white);color:var(--aqua);text-align:center;opacity:0;visibility:hidden;backdrop-filter:blur(8px);pointer-events:none;background:#f4fbf8ed;border-radius:24px;place-content:center;gap:6px;transition:opacity .2s,transform .25s cubic-bezier(.22,.8,.25,1),visibility 0s linear .25s;display:grid;position:absolute;inset:10px;transform:scale(.985)}.practice-drop-overlay strong{font-size:1.15rem}.practice-drop-overlay span{color:var(--muted);letter-spacing:.08em;font-size:.72rem}.practice-drop-overlay.visible{opacity:1;visibility:visible;transition-delay:0s;transform:scale(1)}@media (width<=720px){.practice-footer-actions{gap:4px}.practice-import{min-height:30px;padding:0 9px;font-size:.65rem}}@media (width<=900px),(pointer:coarse){.practice-studio:fullscreen .practice-import,.practice-studio.mobile-preview .practice-import{display:none}}