@layer tokens{:root{color-scheme:light dark;--page:#faf9f7;--surface:#fff;--soft:#f0eeeb;--ink:#252329;--muted:#68636b;--line:#e3dfdf;--accent:#b5475f;--accent-strong:#a73c53;--accent-soft:#f6e5e8;--glass:#ffffffc7;--glass-edge:#ffffffe6;--nav-backdrop:blur(22px) saturate(1.3);--shadow:0 8px 32px #251a1e0f, inset 0 1px 0 var(--glass-edge);--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--display:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--radius:28px;--small-radius:14px;--measure:1120px;--ease:cubic-bezier(.2,.7,.25,1);--smooth:cubic-bezier(.32,.72,0,1);--glass-fill:linear-gradient(180deg, #ffffffbd, #ffffff7a);--glass-line:#ffffffdb;--glass-shadow:0 1px 2px #3c1e2d0f, 0 6px 18px #3c1e2d14, inset 0 1px 0 #ffffffe6;--wash-opacity:.48;--status-tint:#dbcfe2;--safe-top:env(safe-area-inset-top,0px);--gutter:max(40px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px))}@media (prefers-color-scheme:dark){:root{--page:#19191b;--surface:#242326;--soft:#302e32;--ink:#f5f1f2;--muted:#bbb3ba;--line:#403b40;--accent:#ee9aaf;--accent-strong:#f7b7c6;--accent-soft:#3d2931;--glass:#252328de;--glass-edge:#ffffff1a;--shadow:0 8px 32px #0003, inset 0 1px 0 var(--glass-edge);--glass-fill:linear-gradient(180deg, #ffffff26, #ffffff12);--glass-line:#ffffff29;--glass-shadow:0 6px 18px #00000040, inset 0 1px 0 #ffffff1f;--wash-opacity:.62;--status-tint:#6e5e7a}}}@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}img,svg{display:block}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}[hidden]{display:none!important}}@layer base{html{background:var(--page);scroll-behavior:smooth;scroll-padding-top:116px}html:has(.hero):not(.past-hero){background-color:var(--status-tint)}body{background:var(--page);font:17px/1.6 var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}:lang(ja),:lang(ko),:lang(zh-Hans),:lang(zh-Hant){line-break:strict}:lang(ko){word-break:keep-all}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance;line-height:1.15}h1,h2{font-family:var(--display);letter-spacing:-.03em}h2{font-size:clamp(34px,4.25vw,54px);font-weight:700}h3{font-size:23px;font-weight:650}p{text-wrap:pretty}:lang(ja) :is(h1,h2,h3),:lang(ko) :is(h1,h2,h3),:lang(zh-Hans) :is(h1,h2,h3),:lang(zh-Hant) :is(h1,h2,h3){letter-spacing:0}:lang(ja) h2,:lang(ko) h2,:lang(zh-Hans) h2,:lang(zh-Hant) h2{line-height:1.28}:lang(ja) p,:lang(ko) p,:lang(zh-Hans) p,:lang(zh-Hant) p{text-wrap:wrap}:lang(ja) :is(.centered,.hero-copy,.closing) p,:lang(ko) :is(.centered,.hero-copy,.closing) p,:lang(zh-Hans) :is(.centered,.hero-copy,.closing) p,:lang(zh-Hant) :is(.centered,.hero-copy,.closing) p{text-wrap:balance}a,button,summary{-webkit-tap-highlight-color:transparent}a{text-underline-offset:4px}main:focus{outline:none}.container{width:min(var(--measure),calc(100% - 2 * var(--gutter)));margin-inline:auto}.section-space{padding-block:116px}.multiline{white-space:pre-line}.accent{color:var(--accent)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:650;line-height:1.5}.text-link{justify-content:center;align-items:center;gap:10px;font-weight:550;display:inline-flex}.text-link:hover{color:var(--accent)}.text-link svg{transition:transform .18s var(--ease);flex-shrink:0}.text-link:hover svg{transform:translate(3px)}.button{background:var(--accent);min-height:52px;color:var(--page);transition:background .18s, transform .18s var(--ease);border:1px solid #0000;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:13px 25px;font-size:17px;font-weight:600;line-height:1.35;display:inline-flex;box-shadow:0 4px 12px #96324b33,inset 0 1px #ffffff42}.button:hover{background:var(--accent-strong);transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button-small{min-height:38px;padding:9px 18px;font-size:14px}.button-glass,.button-glass:hover{background:var(--glass-fill);color:var(--ink);border-color:var(--glass-line);box-shadow:var(--glass-shadow);backdrop-filter:blur(16px)saturate(1.4)}.button-glass svg{transition:transform .18s var(--ease)}.button-glass:hover svg{transform:translate(3px)}.section-heading{max-width:670px}.section-heading .eyebrow{margin-bottom:24px}.section-heading h2+p{max-width:550px;color:var(--muted);margin-top:24px;font-size:19px}.section-heading .text-link{margin-top:28px}.centered{text-align:center;margin-inline:auto}.centered p{margin-inline:auto}.clause{display:inline-block}:is(.centered,.closing) .hang{margin-inline-end:-1em}}@layer components{.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);color:var(--ink);border-radius:8px;padding:12px;position:fixed;top:10px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:30;padding-top:calc(18px + var(--safe-top));margin-bottom:calc(-80px - var(--safe-top));position:sticky;top:18px}.nav-shell{max-width:1032px;min-height:62px;width:calc(100% - 2 * var(--gutter) + 32px);background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--shadow);backdrop-filter:var(--nav-backdrop);border-radius:99px;justify-content:space-between;align-items:center;gap:22px;margin:0 auto;padding:9px 12px 9px 19px;display:flex}.brand{font-family:var(--display);letter-spacing:-.03em;flex-shrink:0;align-items:center;gap:9px;font-size:23px;font-weight:750;display:inline-flex}.brand img{border-radius:9px}.nav-links{align-items:center;gap:27px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);padding-block:10px;font-size:14px;font-weight:520}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:12px;display:flex}.section-menu{display:none;position:relative}.section-menu .language-options{left:-70px;right:auto}.section-menu summary{border-radius:20px;padding:12px 7px}.language-menu{font-size:14px;position:relative}.language-menu summary{border-radius:25px;align-items:center;gap:7px;padding:11px 5px;display:flex}.language-options{border:1px solid var(--line);background:var(--surface);min-width:184px;box-shadow:var(--shadow);border-radius:20px;padding:8px;position:absolute;top:calc(100% + 17px);right:-10px}.language-options a{border-radius:12px;justify-content:space-between;align-items:center;min-height:43px;padding:10px 12px;display:flex}.language-options a:hover,.language-options a[aria-current]{background:var(--soft)}.hero{isolation:isolate;padding-top:calc(158px + var(--safe-top));padding-bottom:104px;position:relative}.hero-wash{z-index:-1;pointer-events:none;opacity:var(--wash-opacity);background:radial-gradient(60% 80% at 10% 0,#9e61b3,#0000 75%),radial-gradient(55% 70% at 90% 5%,#7d80cf,#0000 72%),radial-gradient(70% 65% at 70% 95%,#fa9e9e,#0000 72%),#f2c9d6;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--status-tint) var(--safe-top), transparent calc(var(--safe-top) * 2.5)), linear-gradient(color-mix(in srgb, var(--page) 10%, transparent), color-mix(in srgb, var(--page) 55%, transparent) 62%, var(--page));position:absolute;inset:0}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(32px,5vw,76px);display:grid}.hero-copy{grid-template-rows:auto auto minmax(36px,112px) auto;align-content:start;padding-top:2%;display:grid}.hero h1{letter-spacing:-.035em;font-size:clamp(44px,5.3vw,74px);font-weight:750;line-height:1.1}.hero h1>span{display:block}:lang(zh-Hans) .hero h1,:lang(zh-Hant) .hero h1,:lang(ja) .hero h1,:lang(ko) .hero h1{letter-spacing:0;line-height:1.22}.hero-description{max-width:30em;color:var(--muted);margin-top:26px;font-size:19px;line-height:1.8}.hero-footer{grid-row:4}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:18px;font-size:13px;display:flex}.hero-meta a:hover{color:var(--accent)}.brew-command{border:1px solid var(--glass-line);background:var(--glass-fill);min-height:52px;box-shadow:var(--glass-shadow);border-radius:99px;align-items:center;padding-left:18px;display:inline-flex}.brew-command code{color:var(--ink);user-select:all;white-space:nowrap;font:500 15px/1 ui-monospace,SF Mono,Menlo,monospace}.brew-command button{border:0;border-left:1px solid var(--line);width:48px;height:50px;color:var(--muted);background:0 0;border-radius:0 99px 99px 0;justify-content:center;align-items:center;margin-left:8px;display:flex}.brew-command button:hover{color:var(--ink)}.brew-command button svg{transition:opacity .18s, transform .18s var(--ease);grid-area:1/1}.brew-command button{place-items:center;display:grid}.brew-command button svg:last-child{opacity:0;transform:scale(.6)}.brew-command button.is-copied{color:#3f7a4c}.brew-command button.is-copied svg:first-child{opacity:0;transform:scale(.6)}.brew-command button.is-copied svg:last-child{opacity:1;transform:none}.stage{min-width:0;position:relative}.stage-record{aspect-ratio:1.384/1.184;position:relative}.stage-record:before{content:"";aspect-ratio:1;background:#fff6;border-radius:50%;width:85.55%;position:absolute;top:0;left:14.45%;box-shadow:inset 0 0 0 1px #ffffffbf,0 26px 52px #3c1e3229}.stage-disc{aspect-ratio:1;border-radius:50%;width:calc(85.55% - 6px);position:absolute;top:3px;left:calc(14.45% + 3px);overflow:hidden}.stage-disc:before{content:"";will-change:transform;background:conic-gradient(transparent 0 12%, #ffffff08 12%, #ffffff2e 20%, transparent 31% 59%, #ffffff12 70%, transparent 82%), repeating-radial-gradient(circle, transparent 0 3px, #ffffff09 3px 4px), radial-gradient(circle, #555153 0, #2a282a 38%, #18171a 100%);animation:16s linear infinite stage-spin;position:absolute;inset:0}.stage-disc:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.stage-label{background:#ffffff0f;border-radius:50%;position:absolute;inset:33%}.stage-label:after{content:"";background:#ffffffb3;border-radius:50%;position:absolute;inset:47.4%}.stage[data-paused] .stage-disc:before{animation-play-state:paused}@keyframes stage-spin{to{transform:rotate(1turn)}}.stage-cover{aspect-ratio:1;background:linear-gradient(145deg,#fffc,#ffffff6b);border:1px solid #ffffffdb;border-radius:12%;width:47.7%;position:absolute;top:22.1%;left:0;box-shadow:0 22px 44px #32192d33,inset 0 1px #fff}.stage-art{clip-path:inset(0 round 9.3%);width:93.4%;height:93.4%;position:absolute;inset:3.3%}.stage-caption{text-align:center;margin-top:18px}.stage-caption :is(strong,span,small){white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.stage-caption strong{font:600 20px/1.35 var(--display)}.stage-caption span{color:var(--muted);margin-top:3px;font-size:15px;font-weight:500}.stage-caption small{letter-spacing:.06em;color:var(--muted);opacity:.75;margin-top:3px;font-size:12px;font-weight:500}.tone-sage{--t1:#dbeae5;--t2:#94bdb6;--t3:#3f6f74;--ink-t:#3a6468}.tone-blue{--t1:#dde7fa;--t2:#93ace8;--t3:#4357b4;--ink-t:#34478f}.tone-sand{--t1:#fcedda;--t2:#e9c495;--t3:#b48050;--ink-t:#7a5432}.library-demo.section-space{padding-top:24px}.library-demo{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.library-heading h2{font-size:clamp(32px,3.6vw,46px)}.library-heading p{font-size:17px}.library-content{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:22px 28px 10px;box-shadow:0 16px 38px #281e230a}.comparison{border:0;margin:0 0 8px;padding:0}.segmented-control{background:var(--soft);border-radius:99px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:inline-grid;position:relative}.segmented-control:before{content:"";background:var(--glass-fill), var(--surface);border:1px solid var(--glass-line);width:calc(50% - 3px);box-shadow:var(--glass-shadow);transition:transform .3s var(--smooth);border-radius:99px;position:absolute;top:3px;bottom:3px;left:3px}.segmented-control:has(input[value=after]:checked):before{transform:translate(100%)}.segmented-control label{z-index:1;cursor:pointer;display:flex;position:relative}.segmented-control input{opacity:0;width:1px;height:1px;position:absolute}.segmented-control span{text-align:center;min-width:112px;min-height:36px;color:var(--muted);transition:color .3s var(--smooth);border-radius:99px;flex:1;padding:8px 20px;font-size:15px;font-weight:500}.segmented-control input:checked+span{color:var(--ink)}.segmented-control input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.song-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:68px;display:flex}.song-row:last-child{border-bottom:0}.song-cover{clip-path:inset(0 round 9px)}.song-art{background:linear-gradient(150deg, var(--t1), var(--t2));width:44px;height:44px;color:var(--ink-t);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-family:Hiragino Mincho ProN,Songti TC,serif;font-size:25px;display:flex}.song-info{flex:1;min-width:0}.song-info strong{overflow-wrap:anywhere;letter-spacing:0;font-size:17px;font-weight:600;line-height:1.45;display:block}.song-info span{color:var(--muted);font-size:15px;line-height:1.5;display:block}.metadata-before{display:none}.library-content:has(input[value=before]:checked) .metadata-before{display:block}.library-content:has(input[value=before]:checked) .metadata-after{display:none}.library-content:has(input[value=before]:checked) .song-state{visibility:hidden}.song-state{color:#426548;flex-shrink:0;align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.song-state.is-preserved{color:var(--muted)}.showcase{background:var(--soft)}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:64px;display:grid}.feature-icon{color:var(--accent);background:var(--accent-soft);border-radius:15px;margin-bottom:22px;padding:12px;display:inline-flex}.feature h3{margin-bottom:13px;font-size:21px;line-height:1.35}.feature p{color:var(--muted);font-size:17px;line-height:1.65}.app-figure{max-width:900px;margin:54px auto 0;container-type:inline-size}.app-window{border-radius:2.556%/4.133%;width:100%;height:auto;box-shadow:0 0 0 .5px #00000038,0 2.44cqi 7.78cqi .44cqi #0000008f}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:58px 0 0;padding:0;list-style:none;display:grid}.step-number{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--accent);border-top:1px solid var(--line);margin-bottom:27px;padding-top:18px;font-size:15px;font-weight:600;display:block}.steps h3{margin-bottom:14px;font-size:21px}.steps p{color:var(--muted);font-size:17px;line-height:1.65}.guide-banner{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:22px;margin-top:66px;padding:30px;display:flex}.guide-symbol{color:var(--accent);flex-shrink:0}.guide-banner h3{font-size:21px}.guide-banner p{color:var(--muted);max-width:555px;margin-top:8px;font-size:16px}.guide-banner .text-link{flex-shrink:0;margin-left:auto;font-size:16px}.sync-note{justify-content:center;align-items:flex-start;gap:18px;max-width:620px;margin:88px auto 0;display:flex}.sync-note>svg{color:var(--accent);flex-shrink:0}.sync-note h3{margin-bottom:9px;font-size:20px}.sync-note p{color:var(--muted);font-size:17px;line-height:1.65}.updates-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:70px;display:grid}.release{min-width:0;scroll-margin-top:116px}.release-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:20px;display:flex}.release-kind{letter-spacing:.06em;color:var(--accent);margin-bottom:6px;font-size:13px;display:block}.release-heading :is(h2,h3){font-family:var(--display);font-size:26px}.release time{color:var(--muted);font-size:13px}.release ul{color:var(--muted);margin:22px 0;padding-left:19px;font-size:16px;line-height:1.65}.release li{margin-block:10px;padding-left:4px}.release .text-link{font-size:16px}.faq{border-top:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:80px;display:grid}.faq h2{font-size:40px}.faq-items details{border-bottom:1px solid var(--line)}.faq-items details:first-child{border-top:1px solid var(--line)}.faq-items summary{justify-content:space-between;align-items:center;gap:24px;min-height:73px;padding:18px 0;font-size:17px;font-weight:560;display:flex}.faq-plus{flex-shrink:0;font-size:25px;font-weight:350;line-height:1;transition:transform .18s}details[open] .faq-plus{transform:rotate(45deg)}.faq-items p{color:var(--muted);padding:0 32px 24px 0;font-size:17px;line-height:1.65}.closing{text-align:center;background:var(--accent-soft);border-radius:34px;padding:64px 24px 38px}.closing>img{border-radius:17px;margin:0 auto 25px}.closing h2{font-size:clamp(32px,4vw,48px)}.closing>p{color:var(--muted);margin:22px auto 26px;font-size:17px}.closing .hero-actions{justify-content:center}.site-footer{padding-top:70px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.footer-top{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding-bottom:25px;display:flex}.footer-top p{color:var(--muted);font-size:13px}.footer-top>a:last-child{margin-left:auto;font-size:13px}.footer-bottom{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:24px;padding-top:23px;font-size:13px;display:flex}.footer-bottom a:hover{text-decoration:underline}.footer-separator{margin-inline:8px}.footer-languages{color:var(--muted);flex-wrap:wrap;gap:22px;margin-top:20px;font-size:14px;display:flex}.footer-languages a{padding-block:8px}.footer-languages [aria-current]{color:var(--ink)}.content-header{max-width:830px;padding-top:170px;padding-bottom:55px}.content-header h1{margin-block:22px;font-size:clamp(38px,5vw,62px)}.content-header>p{color:var(--muted);max-width:680px;font-size:19px}.release-archive{max-width:830px}.release-archive .release{padding-block:35px 50px}.release-archive .release ul{font-size:17px}.selector{text-align:center;max-width:740px;padding-top:190px;padding-bottom:100px}.selector>img{margin:0 auto 30px}.selector h1{font-size:clamp(44px,6vw,74px)}.selector>p{color:var(--muted);margin-block:24px 35px}.language-grid{text-align:left;grid-template-columns:1fr 1fr;gap:12px;display:grid}.language-grid a{border:1px solid var(--line);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;padding:20px;font-weight:550;display:flex}.language-grid a:hover{border-color:var(--accent)}.docs-layout{grid-template-columns:230px minmax(0,1fr);gap:65px;display:grid}.docs-sidebar{align-self:start;max-height:calc(100vh - 150px);padding:2px 4px 12px;position:sticky;top:116px;overflow-y:auto}.docs-sidebar h2{letter-spacing:0;margin-bottom:16px;font-size:13px}.docs-toc{border-left:1px solid var(--line);flex-direction:column;gap:4px;display:flex}.docs-toc a{color:var(--muted);padding:8px 14px;font-size:14px}.docs-toc a:hover{color:var(--accent);background:var(--accent-soft)}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px;margin:24px 0;display:grid}.docs-grid .glass-card{background:var(--soft);border-radius:16px;padding:22px}.docs-grid h3{margin-top:0}.docs-section code{background:var(--soft);overflow-wrap:anywhere;border-radius:4px;padding:2px 4px;font-size:.9em}.docs-section{margin-bottom:58px}.docs-section h2{margin:9px 0 23px;font-size:32px}.docs-section h3{margin:28px 0 14px;font-size:21px}.docs-section p{color:var(--muted);margin-bottom:18px;line-height:1.85}.docs-section li{color:var(--muted);margin-bottom:9px}.docs-section strong{color:var(--ink);font-weight:600}.docs-section a{color:var(--accent);text-decoration:underline}.docs-callout,.docs-note{border-left:3px solid var(--accent);background:var(--soft);border-radius:0 14px 14px 0;margin:24px 0;padding:20px 24px}.docs-callout h3{margin-top:0}.docs-bullet-list{padding-left:20px;font-size:16px;line-height:1.85}.docs-table-wrap{border:1px solid var(--line);border-radius:14px;margin:24px 0;overflow-x:auto}.docs-table{border-collapse:collapse;width:100%;font-size:15px}.docs-table th,.docs-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px}.docs-table th{background:var(--soft);font-weight:600}.docs-table td{color:var(--muted);min-width:145px}.docs-table td:first-child{width:25%}.docs-table tr:last-child td{border-bottom:0}.docs-page-note{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:20px;font-size:13px}}@layer responsive{@media (prefers-color-scheme:dark){.song-state,.brew-command button.is-copied{color:#9cc7a4}.stage-record:before{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff29,0 26px 52px #0000004d}.stage-cover{background:linear-gradient(145deg,#ffffff38,#ffffff14);border-color:#ffffff2e;box-shadow:0 22px 44px #00000059,inset 0 1px #fff3}}@media (width<=1050px){.nav-links,.nav-shell{gap:16px}.language-current{display:none}.hero-grid{grid-template-columns:1fr;max-width:640px}.hero h1 .hang{margin-inline-end:-1em}.hero-copy{text-align:center;grid-template-rows:auto auto 32px auto;justify-items:center;padding-top:0}.hero-actions,.hero-meta{justify-content:center}.stage{width:min(100%,520px);margin:8px auto 0}.library-demo{grid-template-columns:1fr}.guide-banner{flex-wrap:wrap}.guide-banner .text-link{margin-left:52px}.docs-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}}@media (width<=760px){:root{--gutter:max(20px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px))}.section-space{padding-block:76px}.nav-links{display:none}.section-menu{display:block}.nav-shell{width:calc(100% - 2 * var(--gutter) + 16px);gap:12px;min-height:58px;padding-left:12px}.nav-actions{gap:10px}.language-current{display:none}.site-header{padding-top:calc(10px + var(--safe-top));top:10px}.brand{font-size:21px}.nav-shell .brand img{width:29px}.hero{padding-top:calc(128px + var(--safe-top));padding-bottom:48px}.hero h1{font-size:clamp(40px,10vw,58px)}.hero-description{margin-top:20px;font-size:17px}.hero-actions{flex-direction:column;gap:14px}.hero-actions .brew-command{border-color:var(--line);min-height:40px;box-shadow:none;backdrop-filter:none;background:0 0;padding-left:15px}.hero-actions .brew-command code{color:var(--muted);font-size:13px}.hero-actions .brew-command button{width:40px;height:38px;margin-left:6px}.button{padding-inline:21px;font-size:16px}.button-small{padding-inline:15px;font-size:14px}.stage-caption strong{font-size:18px}.stage-caption span{font-size:15px}.library-content{padding:18px 18px 6px}.song-row{gap:12px;min-height:64px}.song-art{width:40px;height:40px;font-size:23px}.segmented-control span{min-width:0;padding-inline:14px}.section-heading h2+p{font-size:17px}.features-grid{grid-template-columns:1fr;gap:34px;margin-top:40px}.feature{padding-left:66px;position:relative}.feature-icon{padding:10px;position:absolute;top:0;left:0}.feature h3{margin-top:3px;font-size:21px}.feature p{font-size:17px}.feature-icon svg{width:25px}.app-figure{margin-top:35px}.sync-note{margin-top:48px}.sync-note h3{font-size:19px}.sync-note p{font-size:16px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.step-number{margin-bottom:15px}.steps h3{margin-bottom:9px}.guide-banner{gap:18px;margin-top:38px;padding:24px}.guide-symbol{display:none}.guide-banner .text-link{margin-left:0}.guide-banner h3{font-size:20px}.closing{border-radius:24px;padding-top:44px}.closing h2{font-size:32px}.closing>p{font-size:17px}.closing>img{width:58px}.updates-section{grid-template-columns:1fr;gap:32px}.release-heading :is(h2,h3){font-size:25px}.release ul{font-size:16px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:34px}.faq-items summary,.faq-items p{font-size:17px}.site-footer{padding-top:45px}.footer-top{flex-wrap:wrap;gap:12px}.footer-top p{width:100%;font-size:13px}.footer-top>a:last-child{margin-left:0}.footer-bottom{flex-direction:column;gap:15px}.footer-languages{gap:18px}.content-header{padding-top:145px;padding-bottom:40px}.content-header>p{font-size:17px}.docs-layout{display:block}.docs-sidebar{max-height:none;margin-bottom:36px;position:static}.docs-toc{grid-template-columns:1fr 1fr;display:grid}.docs-section h2{font-size:29px}.docs-section p{font-size:16px}.language-grid{grid-template-columns:1fr}.selector{padding-top:145px}.release-archive .release ul{font-size:17px}:lang(ja) h2{font-size:29px}}@media (width<=380px){:root{--gutter:max(16px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px))}.language-current{display:none}.hero h1{font-size:38px}.nav-actions{gap:4px}.button-small{padding-inline:12px}.library-content{padding-inline:14px}.song-state>span{display:none}.hero-meta{gap:6px;font-size:13px}.closing h2{font-size:29px}}}@layer accessibility{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.nav-shell{background:var(--surface);--nav-backdrop:none;border-color:var(--muted)}.eyebrow,.hero-meta,.stage-caption span{color:var(--ink)}.hero-wash{display:none}html:has(.hero){background-color:var(--page)}.hero:after{background:0 0}}@supports not selector(:has(*)){.comparison{display:none}}@supports not (backdrop-filter:blur(1px)){.nav-shell,.button-glass{background:var(--surface)}}@media (forced-colors:active){.button,.nav-shell,.segmented-control,.language-options{border:1px solid buttontext}.segmented-control input:checked+span{outline:2px solid highlight}.stage,.hero-wash,.hero:after{display:none}.hero-grid{grid-template-columns:1fr}.song-state{color:canvastext}}}