:root{--bg:#0c0d12;--sunken:#090a0e;--panel:#12141b;--raised:#191b24;--border:#2a2b36;--border-strong:#464450;--text:#f4f0f3;--muted:#b1acbc;--faint:#a29aaf;--radius:16px;--radius-sm:9px;--container:1280px}::selection{background:#f490b0;color:#16121a}.site-header{background:rgba(12,13,18,.94);border-bottom-color:var(--border)}.site-header-inner{min-height:78px}.brand-wordmark{width:122px;height:auto}.primary-nav{gap:8px}.primary-nav a{font-size:.88rem;font-weight:550}.btn{max-width:100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere;border-radius:9px;box-shadow:none;transition:background .18s,border-color .18s,transform .18s}.btn:hover{transform:translateY(-2px)}.btn-create{background:#ef97b3;border:1px solid #ef97b3;color:#24111a}.btn-create:hover{background:#ffb3cd;border-color:#ffb3cd;color:#24111a}.btn-create .mode-icon{filter:none}.hero-copy{position:relative;z-index:1;min-width:0}.hero.hero-home{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 78px)}.hero-home .hero-inner{width:100%}.hero-home .hero-cta{justify-content:center;align-items:stretch;gap:12px}.hero-cta-modes .hero-mode-btn{flex:1 1;min-width:0;max-width:240px;padding:15px 16px;min-height:82px;box-shadow:none;font-size:1rem;font-weight:700}.hero-mode-main{display:inline-flex;gap:8px;align-items:center}.hero-mode-sub{font-size:.66rem;font-weight:500;letter-spacing:0}.rhythm-art{width:100%;max-width:570px;justify-self:end;position:relative}.rhythm-art:before{content:"";position:absolute;inset:14%;border-radius:50%;background:#a9608f;filter:blur(90px);opacity:.12}.rhythm-art svg{display:block;width:100%;height:auto;position:relative}main.home-landing{max-width:var(--container);padding:0 var(--gutter) 72px}.home-landing .home-section{margin-top:88px}.home-landing>.home-section:first-child{margin-top:46px}.home-landing .section-head.center{text-align:left;margin:0 0 28px}.home-landing .section-head.center .section-sub{margin-inline:0}.home-landing .section-head h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.04em}.home-landing .eyebrow{color:var(--muted);font-size:.7rem;letter-spacing:.1em;margin-bottom:12px}.home-landing .demo-heading{display:flex;align-items:center;gap:14px}.home-landing .demo-heading:after{content:"";flex:1 1;height:1px;background:var(--border)}.home-demo .demo-duo-cards{gap:18px;margin-top:16px}.home-demo .demo-col{gap:10px}.home-demo .demo-card{border:0;background:none;border-radius:0;padding:8px 0}.home-demo .demo-card-label,.home-demo .demo-card-note{display:none}.home-demo .demo-card-title{font-size:1.1rem}.home-demo .demo-card-facts{color:var(--muted);font-size:.73rem}.home-demo .demo-col-cta{background:none;border:1px solid var(--border-strong);color:var(--text);font-size:.85rem;min-height:46px;box-shadow:none}.home-demo .demo-col-cta:hover{border-color:#ef97b3;background:#ef97b30c}.home-landing .mode-pick{gap:14px}.home-landing .mode-pick-card{position:relative;overflow:hidden;border:1px solid var(--border);background:var(--panel);padding:20px;box-shadow:none;border-radius:14px;gap:12px}.home-landing .mode-pick-card.live{background:linear-gradient(155deg,#30212d66,transparent 65%),var(--panel);border-color:#654453}.home-landing .mode-card-standard.live{background:linear-gradient(155deg,#302b4266,transparent 65%),var(--panel);border-color:#524563}.home-landing .mode-pick-product{font-size:1.3rem}.home-landing .mode-pick-osu{font-size:.8rem;color:var(--muted)}.home-landing .mode-pick-p{font-size:.86rem;line-height:1.6}.home-landing .mode-pick-actions{gap:14px;padding-top:12px}.home-landing .mode-pick-actions .btn{width:100%;font-size:.86rem;min-height:44px}.home-landing .mode-pick-link{font-size:.76rem;color:var(--muted);line-height:1.5}.mode-info{width:32px;height:32px;font-family:var(--code);font-weight:500;font-size:.8rem}.home-landing .mode-pick-card.soon{background:var(--panel)}.home-landing .mode-pick-card.soon .mode-pick-name{flex-direction:column}.home-landing .how-grid{gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.home-landing .how-card{border:0;border-radius:0;background:none;padding:28px 28px 28px 0;box-shadow:none}.home-landing .how-card+.how-card{border-left:1px solid var(--border);padding-left:28px}.home-landing .how-num{background:none;width:auto;height:auto;color:#ef97b3;font:500 .8rem var(--code)}.home-landing .how-card h3{font-size:1.2rem;margin-top:20px}.home-landing .how-card p{font-size:.88rem;color:var(--muted)}.home-landing #community{border:1px solid var(--border);border-radius:16px;padding:32px;background:var(--panel)}.home-landing #community .section-cta{text-align:left}.home-landing #community .section-sub{font-size:.95rem}.home-landing .home-deep{margin-top:56px;padding-top:0;border-bottom:1px solid var(--border)}.home-deep>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:24px 0}.home-deep>summary::-webkit-details-marker{display:none}.home-deep>summary.deep-h{margin:0;font-size:.94rem}.home-deep>summary span{font-size:1.5rem;font-weight:400}.home-deep[open]>summary span{transform:rotate(45deg)}.home-reference{padding:0 0 32px}.home-reference .home-section{margin-top:24px;margin-bottom:40px}.home-reference .benefit-grid{gap:24px}.home-reference .benefit-card{border:0;border-radius:0;background:none;padding:0}.home-reference .benefit-card h3{font-size:1rem}.home-reference .benefit-card h3:before{display:none}.home-reference .benefit-card p{font-size:.87rem}.site-footer{border-top-color:var(--border)}.site-footer-about{max-width:70ch;font-size:.8rem;color:var(--muted)}.creator-head{padding-top:44px;padding-bottom:20px}.creator-title h1{font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.18}.creator-lede{font-size:.96rem;max-width:62ch;color:var(--muted)}.creator-reference{margin:56px auto 0;border-block:1px solid var(--border);max-width:960px}.creator-reference>summary{display:flex;align-items:center;justify-content:space-between;padding:24px 0;font-weight:600;cursor:pointer;list-style:none}.creator-reference>summary::-webkit-details-marker{display:none}.creator-reference>summary span{font-size:1.5rem;font-weight:400}.creator-reference[open]>summary span{transform:rotate(45deg)}.creator-reference .mode-ref{margin-top:16px;padding-top:0}.inline-mode{white-space:nowrap}.inline-mode .mode-icon{width:1.12em;height:1.12em;margin-right:.2em}.mode-switch-wrap{margin-bottom:20px}.mode-switch{background:var(--sunken);border-color:var(--border);border-radius:12px;padding:5px}.mode-switch a{border-radius:8px}.mode-switch a.on{background:#2b202c;border-color:#82536b;box-shadow:none}.gen-step{background:var(--panel);padding:24px;border-radius:14px}.gen-step.current{border-color:#a56a83;box-shadow:none}.gen-step.current .step-num{background:#ef97b3;color:#24111a}.gen-go{background:var(--panel)}.gen-go .btn-gold{background:#ef97b3;border-color:#ef97b3;color:#24111a;box-shadow:none}.gen-step .dropzone{border-radius:10px;background:var(--sunken)}.gen-step .star-chip{border-radius:7px}.gen-step .star-chip.on{background:#35212d;border-color:#ad718a;color:#ffc1d5}.customize-toggle{font-size:.88rem}.customize-state{font-size:.73rem}.pattern-val,.pattern-val.rec{color:var(--muted)}.pattern-val.edited{color:var(--accent-text)}.info-btn{width:28px;height:28px;font-size:.75rem;cursor:pointer}.info-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;margin:auto;border:1px solid var(--border-strong);border-radius:16px;color:var(--text);background:var(--panel);box-shadow:0 24px 100px #0009;overflow:auto}.info-dialog::-webkit-backdrop{background:#04050acf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-dialog::backdrop{background:#04050acf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--border)}.info-dialog-head h2{margin:0;font-size:1rem}.info-dismiss{width:40px;height:40px;background:var(--raised);border:1px solid var(--border);border-radius:50%;font-size:1.5rem;color:var(--text);cursor:pointer}.info-dialog-body{padding:20px;overflow-x:auto}.info-content{display:flex;flex-direction:column;gap:18px;font-size:.88rem;color:var(--muted)}.info-content .info-table{font-size:.78rem}.info-content .info-table td,.info-content .info-table th{padding:10px 8px}.info-content .info-table tbody th{white-space:normal;min-width:74px}@media (max-width:1100px){.hero-cta-modes .hero-mode-btn{padding-inline:10px;font-size:.9rem}.home-landing .mode-pick{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.site-header-inner{min-height:66px}.hero.hero-home{min-height:calc(100svh - 66px)}.hero-cta-modes .hero-mode-btn{max-width:none}.rhythm-art{width:min(100%,390px);margin:8px auto -12px;justify-self:center}.home-landing .home-section{margin-top:56px}.home-landing .section-head h2{font-size:1.85rem}.home-landing .how-grid{grid-template-columns:1fr}.home-landing .how-card,.home-landing .how-card+.how-card{border-left:0;padding:24px 0}.home-landing .how-card+.how-card{border-top:1px solid var(--border)}.home-landing .how-card h3{margin-top:10px}.home-landing #community{padding:24px}.home-reference .benefit-grid,.home-reference .deep-cols{grid-template-columns:1fr}}@media (max-width:480px){.hero-cta-modes{flex-wrap:nowrap}.hero-cta-modes .hero-mode-btn{width:auto;padding:14px 8px;font-size:.85rem}.hero-mode-main{gap:5px}.hero-mode-sub{font-size:.6rem}.home-landing .mode-pick{grid-template-columns:1fr}.gen-step{padding:18px}.info-dialog-body{padding:14px}.info-content .eta-table{min-width:470px}.info-content .info-table td,.info-content .info-table th{padding:9px 6px}}.mode-artwork{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mode-icon{border-radius:0;object-fit:contain;background:none}.product-name{vertical-align:middle;line-height:1.2;gap:.5em}.product-name .mode-icon{width:1.75em;height:1.75em;border-radius:7px}.primary-nav a{display:inline-flex;align-items:center;gap:7px}.primary-nav .mode-icon{width:28px;height:28px}.hero-mode-main .mode-icon{width:30px;height:30px;border-radius:6px;filter:none}.hero-mode-btn{position:relative}.hero-home .hero-mode-btn{background:#191b24;border-color:#49414c;color:var(--text)}.hero-home .hero-mode-btn:hover{background:#25222d;border-color:#ef97b3}.hero-home .hero-mode-btn:first-child{border-color:#477e91}.hero-home .hero-mode-btn:first-child:hover{border-color:#7ad5f0}.hero-mode-sub{color:var(--muted);opacity:1}.product-hero-art{height:480px;max-width:550px;isolation:isolate}.product-hero-art:before{display:none}.hero-product{position:absolute;width:57%;aspect-ratio:1;background:var(--panel);border:1px solid var(--border);border-radius:22px;overflow:hidden}.hero-product img{height:100%}.hero-product span{position:absolute;inset:auto 0 0;padding:32px 22px 16px;background:linear-gradient(transparent,#090a0eeb);text-align:center;font:650 1.1rem/1.2 var(--display);letter-spacing:-.03em;color:#f4f0f3}.hero-product-mania{top:15px;left:0}.hero-product-standard{bottom:0;right:0}.home-landing .mode-pick-card,.home-landing .mode-pick-card.soon{display:flex;flex-direction:column;padding:0;gap:0;background:var(--panel);border:1px solid var(--border)}.home-landing .mode-pick-card.live{box-shadow:none;background:var(--panel);border-color:#524250}.home-landing .mode-card-mania.live{border-color:#345968}.mode-pick-visual{position:relative;aspect-ratio:1;border-bottom:1px solid var(--border);overflow:hidden;background:#101117}.mode-pick-visual .mode-artwork{height:100%}.home-landing .mode-pick-top{position:absolute;inset:12px 12px auto;gap:8px}.mode-pick-top .mode-info{background:#090a0edb;border-color:#4d4756;color:#e0d9e7;width:32px;height:32px}.mode-pick-top .mode-badge,.mode-pick-top button.version-tag{background:#090a0ee8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mode-pick-content{display:flex;flex-direction:column;flex:1 1;gap:12px;padding:22px 20px 20px}.home-landing .mode-pick-card.soon .mode-pick-name,.home-landing .mode-pick-name{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0}.home-landing .mode-pick-card.soon .mode-pick-product,.home-landing .mode-pick-product{font-size:clamp(1.25rem,1.7vw,1.6rem);font-weight:750;line-height:1.2}.home-landing .mode-pick-p{line-height:1.7;min-height:4.9em}.home-landing .mode-pick-actions,.home-landing .mode-pick-card.soon .mode-pick-actions{display:flex;flex-direction:column;align-items:stretch;margin-top:auto;gap:16px;padding-top:8px}.home-landing .mode-pick-actions .btn{min-height:46px}.home-landing .mode-card-mania .btn-create{background:#a1dfef;border-color:#a1dfef;color:#10242d}.home-landing .mode-pick-link{display:block;min-height:2.9em}.home-landing .mode-pick-card.soon .mode-pick-link{border-top:1px solid var(--border);padding-top:16px}button.version-tag{align-items:center;justify-content:center;flex:none;align-self:center;gap:6px;margin:0;padding:5px 9px;min-height:28px;font:600 .68rem/1 var(--code);letter-spacing:0;white-space:nowrap;vertical-align:middle}.version-tag-i{display:block;width:13px;height:13px;flex:none}.duo-h.demo-col-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;min-height:74px;padding:14px 18px;text-align:left;font-size:1.18rem;line-height:1.2}.demo-col-h .version-tag{margin:0;font-size:.68rem}.gen-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;line-height:1.2}.gen-head{align-items:center;min-height:48px;margin-bottom:24px}.gen-title .product-name{font-size:1.3rem}.cap-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cap-title .product-name{white-space:normal}.cap-title .cap-version{font:600 .85rem/1 var(--code)}.cap-head{padding-right:36px}.mode-switch a{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:14px}.mode-switch-product{display:block}.mode-switch-osu{display:block;font-size:.76rem}.creator-head.creator-branded{display:grid;grid-template-columns:164px minmax(0,1fr);grid-gap:32px;gap:32px;align-items:center;max-width:960px;margin-inline:auto;padding-top:32px;padding-bottom:32px;text-align:left}.creator-identity,.mode-guide-identity{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--panel)}.creator-title.creator-title-first{justify-content:flex-start;margin:0}.creator-title h1{max-width:26ch}.creator-lede{margin:16px 0 0;line-height:1.7}.mode-hero-branded{display:flow-root}.mode-guide-identity{width:176px;float:right;margin:0 0 24px 32px}.mode-hero-branded .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px}footer.site-footer{margin-top:56px;padding-top:40px;border-top:1px solid var(--border)}.site-footer-groups{grid-template-columns:1.1fr 1fr .85fr 1.2fr .8fr 1.35fr;gap:28px 22px;align-items:start}.site-footer-group{min-width:0}.site-footer-title{margin-bottom:16px;color:var(--text);font:600 .68rem/1.4 var(--code);letter-spacing:.1em}.site-footer-group ul{gap:10px}.site-footer-group a{display:inline-block;font-size:.76rem;line-height:1.6;overflow-wrap:anywhere}.site-footer-bottom{display:grid;grid-template-columns:minmax(0,76ch) auto;align-items:end;grid-gap:24px;gap:24px;border-top:1px solid var(--border);margin-top:36px;padding-top:24px}.site-footer-bottom .site-footer-about,.site-footer-bottom .site-footer-copy{margin:0;font-size:.73rem;line-height:1.8}.site-footer-copy{white-space:nowrap}.site-footer-bottom .site-footer-copy{justify-self:end}.site-header .btn-sm{white-space:nowrap;flex:none}.creator-page .home-section.creator-gen{margin-top:20px}.footer-signature{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.footer-brand{display:inline-flex;align-items:center}.footer-brand img{width:105px;height:28px}.footer-signature em{color:var(--muted);font-style:normal}.mode-card-mania button.version-tag{color:#a1dfef;border-color:#4b899b}.mode-pick-top .mode-badge.soon{color:#e1dce6;border-color:#5b5362;font-size:.65rem;padding:5px 9px;min-height:28px;display:inline-flex;align-items:center;line-height:1}@media (max-width:1100px){.site-footer-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.product-hero-art{height:400px}}@media (max-width:760px){.product-hero-art{width:min(100%,440px);height:370px;margin:32px auto 0}.hero-product span{font-size:1.05rem}.creator-head.creator-branded{grid-template-columns:104px minmax(0,1fr);gap:20px;padding-block:28px}.creator-title h1{font-size:clamp(1.45rem,4.6vw,2.3rem)}.creator-lede{font-size:.85rem;margin-top:12px}.mode-switch a{flex-direction:column;gap:6px;padding:12px}.mode-switch-product .product-name{font-size:.9rem}.site-footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.site-footer-bottom{grid-template-columns:1fr;gap:16px}.site-footer-bottom .site-footer-copy{justify-self:start}.mode-guide-identity{width:136px;margin-left:20px}}@media (max-width:480px){.site-header-inner{gap:10px}.header-right{gap:6px}.header-right .invite-btn{display:none}.site-header .lang-select select{max-width:104px}.product-hero-art{height:310px}.home-landing .mode-pick{gap:24px}.mode-pick-content{padding:24px}.home-landing .mode-pick-card.soon .mode-pick-product,.home-landing .mode-pick-product{font-size:1.6rem}.home-landing .mode-pick-p{min-height:0}.creator-head.creator-branded{grid-template-columns:80px minmax(0,1fr);gap:16px}.creator-identity{border-radius:12px}.creator-title{gap:8px}.creator-title .mode-info{width:28px;height:28px}.creator-lede{grid-column:1/-1}.duo-h.demo-col-h{min-height:68px;font-size:1.1rem;padding:12px 16px}.mode-guide-identity{float:none;width:min(100%,240px);margin:0 auto 28px}}.btn.btn-create:focus-visible,.btn.btn-create:hover:not(:disabled),.btn.cta-create:focus-visible,.btn.cta-create:hover:not(:disabled),.gen-go .btn.cta-create:hover:not(:disabled),.hero-home .btn.hero-mode-btn:first-child:hover,.hero-home .btn.hero-mode-btn:focus-visible,.hero-home .btn.hero-mode-btn:hover{background:#ffc24b;border-color:#ffe08a;color:#1d1405;box-shadow:0 0 0 1px #ffe08a,0 0 18px 2px rgba(255,194,75,.55),0 10px 30px -10px rgba(255,194,75,.7)}.btn.btn-create:focus-visible .hero-mode-sub,.btn.btn-create:hover .hero-mode-sub{color:#4a3510!important;-webkit-text-fill-color:#4a3510}:is(.btn-create,.cta-create):is(:hover,:focus-visible):not(:disabled),:is(.btn-create,.cta-create):is(:hover,:focus-visible):not(:disabled) :not(.hero-mode-sub){color:#1d1405!important;-webkit-text-fill-color:#1d1405}:root{--reading:760px;--page-space:clamp(28px,5vw,64px);--code:var(--font-mono),ui-monospace,"Cascadia Mono","Microsoft JhengHei","PingFang TC",monospace}:where(main,footer) :where([id]){scroll-margin-top:110px}main.reading-page{max-width:var(--container);padding:var(--page-space) var(--gutter) 80px}.reading-head{padding:0 0 40px;margin-bottom:36px;border-bottom:1px solid var(--border)}.reading-breadcrumb{display:flex;align-items:baseline;gap:12px;margin:0 0 36px;color:var(--muted);font-size:.74rem;line-height:1.6}.reading-breadcrumb a{color:var(--text);text-decoration:none;flex:none}.reading-breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-head h1{max-width:24ch;margin:0;font-size:clamp(2.1rem,4.4vw,3.8rem);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}.reading-head .mode-hero .tagline,.reading-head>.tagline{max-width:66ch;margin:22px 0 0;font-size:1.04rem;color:var(--muted);line-height:1.8}.reading-shell{display:grid;grid-template-columns:210px minmax(0,var(--reading));grid-gap:clamp(32px,5vw,72px);gap:clamp(32px,5vw,72px);align-items:start}.reading-shell.without-contents{grid-template-columns:minmax(0,var(--reading))}.reading-column{min-width:0}.reading-rail{position:-webkit-sticky;position:sticky;top:110px;min-width:0;max-height:calc(100dvh - 140px);overflow:auto;scrollbar-width:thin}.reading-rail nav>p{margin:0 0 18px;color:var(--faint);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.reading-mobile ol,.reading-rail ol{list-style:none;padding:0;margin:0;display:grid;grid-gap:3px;gap:3px}.reading-mobile nav a,.reading-rail a{display:grid;grid-template-columns:22px minmax(0,1fr);grid-gap:10px;gap:10px;padding:9px 0;color:var(--muted);text-decoration:none;font-size:.77rem;line-height:1.65}.reading-mobile nav a>span,.reading-rail a>span{color:#82788e;font:.65rem/1.9 var(--code)}.reading-mobile nav a:hover,.reading-rail a:hover{color:var(--accent-text)}.reading-mobile{display:none}.reading-body{font-size:1rem;line-height:1.85;overflow-wrap:anywhere}.reading-body>:first-child{margin-top:0}.reading-body p{margin:0 0 20px;line-height:1.85;color:#d1ccd8}.reading-body strong{color:var(--text);font-weight:650}.reading-body h2{margin:48px 0 20px;padding-top:28px;border-top:1px solid var(--border);font-size:1.6rem;line-height:1.3;letter-spacing:-.025em;color:var(--text);scroll-margin-top:110px}.reading-body h3{margin:30px 0 12px;font-size:1.12rem;line-height:1.45;color:var(--text)}.blog-body h2:target,.reading-body h2:target{color:var(--accent-text)}.reading-body :is(ul,ol){margin:16px 0 28px;padding-left:22px}.reading-body li{padding-left:4px;margin:10px 0;color:#d1ccd8}.reading-body li::marker{color:#ef97b3}.reading-body a:not(.btn):not(.support){color:#e4b2c5;-webkit-text-decoration-color:#795064;text-decoration-color:#795064;text-underline-offset:4px}.blog-body code,.reading-body code{padding:2px 6px;border:1px solid var(--border);border-radius:5px;background:var(--raised);font-size:.85em}.reading-body .hint{padding:14px 18px;background:var(--panel);border-left:2px solid var(--border-strong);color:var(--muted);font-size:.82rem}.reading-body>footer,.reading-body>footer:last-child{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);text-align:left;font-size:.8rem;line-height:2.2}.reading-body .mode-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:0;list-style:none}.reading-body .mode-list li{padding:16px;margin:0;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.reading-body .mode-list .mode-badge{display:inline-flex;margin-top:10px}.reading-head .mode-hero{margin:0;padding:0}.reading-head .mode-hero .eyebrow{margin-top:0}.reading-head .mode-guide-identity{width:200px;margin-top:0;margin-bottom:0}.reading-body .about-features{display:grid;grid-template-columns:1fr 1fr;padding:0;grid-gap:14px;gap:14px;list-style:none}.reading-body .about-features li{border:1px solid var(--border);border-radius:12px;padding:20px;margin:0;background:var(--panel);font-size:.91rem}.reading-body .about-features li:before{content:"";display:block;width:22px;height:2px;background:#9dddeb;margin-bottom:14px}.faq-item{border:0;border-bottom:1px solid var(--border);padding:0;margin:0;background:none}.faq-item summary{padding:20px 30px 20px 0;cursor:pointer;list-style:none;position:relative;font-weight:600;font-size:.96rem;line-height:1.65}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:2px;top:20px;font-size:1.2rem;font-weight:400;color:var(--muted)}.faq-item[open] summary:after{content:"−"}.faq-item>p{color:var(--muted);padding-bottom:8px}.principles-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:24px 0 40px}.principle-card{padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.principle-number{font:.73rem var(--code);color:#9dddeb}.principle-card h3{margin-top:20px}.principle-card p{font-size:.9rem;margin:0}.reading-body .story-principles{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.reading-body .story-principles li{margin:0;padding:20px;border:1px solid var(--border);background:var(--panel);border-radius:12px;font-size:.91rem}.reading-body .story-timeline{list-style:none;padding:0 0 0 26px;border-left:1px solid var(--border-strong);margin:32px 0}.story-timeline .story-milestone{position:relative;border:0;padding:0 0 28px;margin:0}.story-timeline .story-milestone:before{content:"";position:absolute;width:9px;height:9px;left:-31px;top:7px;background:#ef97b3;border:2px solid var(--bg);border-radius:50%}.story-timeline .dated{color:var(--muted);font:.72rem var(--code);margin-bottom:10px}.story-timeline h3{margin-top:0;font-size:1.2rem}.reading-body .cl-entry{padding:24px;margin:20px 0;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.cl-entry .dated{font:.73rem/1.5 var(--code);color:var(--muted)}.cl-entry .cl-title{font-size:1.25rem;line-height:1.4}.cl-entry .cl-title a{color:var(--text);text-decoration:none}.cl-tags{display:flex;align-items:center;gap:8px;margin:12px 0}.cl-kind,.cl-product{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;line-height:1.3}.cl-product .product-name{font-size:.72rem}.reading-body .cl-index{list-style:none;padding:0}.cl-index li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding:12px 0;margin:0}.page-head{text-align:left;margin-bottom:40px}.g-head h1,.page-head h1{font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:1.12;letter-spacing:-.045em;max-width:24ch;text-wrap:balance}.page-head .tagline{max-width:64ch;color:var(--muted);line-height:1.8;margin-inline:0}.tech-page .tech-head{max-width:none;text-align:left;padding-bottom:32px;border-bottom:1px solid var(--border)}.tech-jump{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.82rem;color:var(--muted)}.tech-jump a{color:#d9afc0;text-underline-offset:4px}.story-flow{border:1px solid var(--border);border-radius:14px;gap:0;padding:0;overflow:hidden;background:var(--panel)}.story-step{border:0;border-radius:0;background:none;box-shadow:none}.story-step+.story-step{border-left:1px solid var(--border)}.story-step:after{display:none}.story-step a{padding:24px 20px}.story-flow .story-step a{border:0;border-radius:0;background:none;height:100%}.story-flow .story-step:last-child a{background:#201c24;border:0}.story-num{color:#9dddeb;font-size:.73rem}.story-h{font-size:1.07rem;margin-top:18px}.story-p{font-size:.8rem;color:var(--muted);line-height:1.7}.tech-headline-numbers{border:0;border-block:1px solid var(--border);border-radius:0;background:none;padding:24px 0;margin:36px 0 56px;gap:24px}.tech-headline-numbers>div{padding:0 24px;background:none;border:0;border-radius:0}.tech-headline-numbers>div:first-child{padding-left:0}.tech-headline-numbers>div+div{border-left:1px solid var(--border)}.tech-headline-numbers dd{font-size:clamp(1.7rem,2.6vw,2.4rem);color:var(--text)}.tech-headline-numbers dt{font-size:.75rem;color:var(--muted)}.tech-page>article.tech{max-width:none;margin:0}.reading-body table{width:100%;border-collapse:collapse;font-size:.88rem;line-height:1.6;margin:24px 0}.reading-body table td,.reading-body table th{padding:13px 15px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.reading-body table th{color:var(--text);background:var(--panel);font-weight:600}.reading-body table td{color:#c9c3d1}.tech-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;margin:24px 0}.tech-table-wrap .tech-table{margin:0;min-width:520px}.tech-flow{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.tech-flow li{padding:10px 14px;margin:0;border-radius:8px;color:var(--text);font-size:.8rem}.tech-flow li,.tech-numbers{background:var(--panel);border:1px solid var(--border)}.tech-numbers{border-radius:12px;overflow:hidden}.tech-numbers>div{padding:16px 20px;border-bottom:1px solid var(--border)}.tech-numbers>div:last-child{border-bottom:0}.tech-cta{background:var(--panel);border-color:var(--border);padding:28px;margin-top:48px}.tech-tags{gap:8px;opacity:.8}main.blog-article,main.blog-index{max-width:var(--container);padding:var(--page-space) var(--gutter) 80px}.blog-index>h1{font-size:clamp(2.4rem,5vw,4.2rem);margin-bottom:18px;line-height:1.1}.blog-index>.tagline{max-width:64ch;color:var(--muted);font-size:1.05rem;line-height:1.75}.blog-grid,.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.blog-card,.blog-card-lead{display:flex;flex-direction:column;padding:0 0 24px;margin:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:none}.blog-card-cover,.blog-card-visual{width:100%;aspect-ratio:16/7;overflow:hidden;border-bottom:1px solid var(--border);object-fit:cover;margin:0}.editorial-artwork{width:100%;height:100%;display:block}.blog-card .blog-card-meta{padding:0 24px;margin:22px 0 14px;font-size:.69rem;color:var(--muted)}.blog-card h2,.blog-card h3{padding:0;line-height:1.3}.blog-card h2,.blog-card h3,main.blog-index .blog-card h2,main.blog-index .blog-card h3{margin:0 24px 16px;font-size:1.4rem}.blog-card h2 a,.blog-card h3 a{color:var(--text);text-decoration:none}.blog-card h2 a:hover,.blog-card h3 a:hover{color:var(--accent-text)}.blog-card>p:not(.blog-card-meta){padding:0 24px;margin:0;font-size:.88rem;line-height:1.75;color:var(--muted)}.blog-card-cat{color:#9dddeb;letter-spacing:.04em}.blog-index>.blog-card-lead{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:0;column-gap:0;margin-top:36px;padding:0 0 24px}.blog-index>.blog-card-lead .blog-card-cover,.blog-index>.blog-card-lead .blog-card-visual{grid-column:1;grid-row:1/4;height:100%;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--border);margin-bottom:-24px}.blog-index>.blog-card-lead>:not(.blog-card-visual):not(.blog-card-cover){grid-column:2}.blog-section-h{font-size:1.25rem;margin:48px 0 24px;border-top:1px solid var(--border);padding-top:24px}.blog-story{padding:24px 0;border-block:1px solid var(--border);margin-top:40px}.blog-foot,.blog-index>footer{text-align:left;margin-top:48px;padding-top:24px;border-top:1px solid var(--border);font-size:.82rem;line-height:2}.blog-crumbs{margin-bottom:36px;font-size:.74rem;color:var(--muted)}.blog-crumbs ol{flex-wrap:wrap}.blog-crumbs li:last-child{display:none}.blog-head{max-width:none;margin-bottom:40px}.blog-kicker{color:#9dddeb;font:.72rem var(--code);letter-spacing:.06em}.blog-head h1{overflow-wrap:anywhere;max-width:27ch;font-size:clamp(2.15rem,4.3vw,3.8rem);line-height:1.13;letter-spacing:-.04em;margin:18px 0 24px}.blog-head .tagline{max-width:74ch;font-size:1.05rem;line-height:1.8;color:var(--muted)}.blog-byline{font-size:.75rem;color:var(--muted);margin:24px 0}.blog-hero-art{height:220px;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:32px}.blog-hero-art .editorial-artwork{object-fit:cover}.blog-layout{display:grid;grid-template-columns:210px minmax(0,var(--reading));grid-gap:clamp(32px,5vw,72px);gap:clamp(32px,5vw,72px);align-items:start}.blog-body{grid-column:2;min-width:0;font-size:1rem;overflow-wrap:anywhere}.blog-body,.blog-body li,.blog-body p{line-height:1.85;color:#d1ccd8}.blog-body h2{font-size:1.6rem;line-height:1.3;margin:44px 0 20px;padding-top:24px;border-top:1px solid var(--border);scroll-margin-top:110px}.blog-body h2:first-child{margin-top:0}.blog-body h3{font-size:1.15rem;margin:28px 0 14px}.blog-body blockquote{padding:22px 26px;border-left:2px solid #9dddeb;border-radius:0 12px 12px 0;background:var(--panel);margin:28px 0}.blog-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;grid-gap:14px;gap:14px;list-style:none}.blog-related li{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin:0}.community .g-head{position:relative;display:grid;grid-template-columns:1.2fr .8fr;grid-column-gap:40px;column-gap:40px;padding-block:16px 40px;border-bottom:1px solid var(--border);margin-bottom:32px}.g-head>:not(.community-identities){grid-column:1}.g-head h1{margin:14px 0 20px}.g-tagline{font-size:1.02rem;line-height:1.8;color:var(--muted)}.community-identities{grid-column:2;grid-row:1/5;align-self:center}.community-identities .product-hero-art{height:280px;width:100%;margin:0}.community-identities .hero-product{width:62%}.community-identities .hero-product span{font-size:.9rem;padding-bottom:12px}.g-head-row{margin-top:20px}.g-card{border-radius:14px;border:1px solid var(--border);background:var(--panel);box-shadow:none;transition:border-color .2s}.g-card:hover{border-color:#62505f;transform:none}.g-meta{padding:18px}.g-title{font-size:1.08rem}.g-artist,.g-by,.g-made{font-size:.76rem;line-height:1.7}.g-note a{color:var(--accent-text);text-underline-offset:4px}.empty-state,.g-empty{padding:48px 28px;border:1px dashed var(--border-strong);border-radius:14px;text-align:center;color:var(--muted);background:var(--panel)}.g-cta{padding:32px;margin-top:48px;border:1px solid var(--border);background:var(--panel);border-radius:14px;text-align:left}.g-cta h2{font-size:1.65rem;margin-top:0}.g-cta .btn-gold,.g-head-row .btn-gold{background:#ef97b3;color:#24111a;border-color:#ef97b3}.pricing-head{max-width:none;text-align:left;border-bottom:1px solid var(--border);padding-bottom:32px}.pricing-head .tagline{margin-inline:0}.plan-grid{max-width:none;gap:20px}.plan{border-radius:16px;padding:28px;background:var(--panel);box-shadow:none}.plan.tone-emphasis{border-color:#a56a83;background:linear-gradient(#34222d66,transparent 180px),var(--panel)}.plan.tone-unlimited{background:var(--panel);border-color:var(--border-strong)}.plan-head{min-height:74px}.plan-name{font-size:1.4rem}.plan-for{font-size:.82rem}.plan-amount{font-size:3.2rem;letter-spacing:-.06em}.plan-price{margin-top:24px}.plan-allowance{min-height:58px;font-size:.91rem;line-height:1.6}.plan.tone-emphasis .plan-allowance{color:#efb3c9}.plan-cta{margin-top:24px}.plan-cta .btn{min-height:46px}.plan-cta .btn-gold{background:#ef97b3;border-color:#ef97b3;color:#24111a}.plan-features{padding-top:20px;gap:14px}.plan-features li{font-size:.84rem;line-height:1.7}.plan-features svg{color:#a1dfef}.referrals{max-width:none}.referral-card{padding:28px;box-shadow:none;border-radius:14px}.referral-card h2{font-size:1.4rem}.referral-lead{font-size:.9rem;line-height:1.8}.pricing-faq{max-width:860px;margin-top:56px}main.doc.auth-layout{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;grid-gap:72px;gap:72px;padding:64px var(--gutter) 80px}.auth-head h1{font-size:clamp(2.1rem,3.5vw,3.1rem);line-height:1.15;margin:18px 0}.auth-head .tagline{color:var(--muted);font-size:.99rem;line-height:1.8}.auth-identities{display:flex;gap:16px;margin-top:32px}.auth-identities img{width:calc(50% - 8px);border:1px solid var(--border);border-radius:14px}.auth-form-column{min-width:0}.auth-form-column>.panel{padding:30px;border-radius:16px;background:var(--panel);border-color:var(--border);box-shadow:none}.auth-form-column .signup-tracks{gap:16px}.auth-form-column .cred-btn{border-radius:10px;padding:20px;background:var(--raised);border-color:var(--border-strong);box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.auth-form-column .cred-meta{display:flex;align-items:center;margin:0;flex:none}.auth-form-column .cred-btn.osu{border-color:#975d77;background:#2c1d29}.auth-form-column .cred-main{font-size:1rem}.auth-form-column .selfreport{padding:12px 0;border-block:1px solid var(--border)}.auth-form-column .selfreport-q{font-size:.8rem}.auth-form-column .wall-fine,.signup-legal{font-size:.77rem;line-height:1.8;color:var(--muted)}.auth-form-column footer{text-align:left;font-size:.77rem;line-height:2;margin-top:24px}.hero.compact:is(.account-hero,.new-to-osu-hero){background:var(--bg);border-bottom:1px solid var(--border);padding:42px var(--gutter);text-align:left}.hero.compact:is(.account-hero,.new-to-osu-hero) :is(.hero-lanes,.grain,.vignette){display:none}.hero.compact:is(.account-hero,.new-to-osu-hero) .hero-inner{max-width:calc(var(--container) - var(--gutter) * 2);text-align:left}.hero.compact .hero-headline{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15}.hero.compact .hero-hook{margin:18px 0 0;max-width:65ch;color:var(--muted);font-size:1rem}.hero.compact .hero-eyebrow{color:#9dddeb}main.doc.account-page{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.account-page>.panel{margin:0;padding:28px;background:var(--panel);border-radius:14px;box-shadow:none;border-color:var(--border)}.account-page>.account-actions,.account-page>.error-box,.account-page>.panel:has(.bindings),.account-page>.status,.account-page>footer{grid-column:1/-1}.bindings li{padding-block:16px;align-items:baseline}.bind-have{overflow-wrap:anywhere}.credit-line{padding-top:20px;border-top:1px solid var(--border)}.account-page .account-actions{display:flex;align-items:center;justify-content:space-between}.account-page footer{text-align:left}main.doc.onboarding-page{max-width:var(--container);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.onboarding-page .panel{padding:28px;margin:0;background:var(--panel);box-shadow:none;border-color:var(--border);border-radius:14px}.onboarding-page .panel:not(:has(.step-no)),.onboarding-page footer{grid-column:1/-1}.onboarding-page .panel-title{font-size:1.35rem;line-height:1.5;display:flex;align-items:flex-start;gap:12px}.onboarding-page .step-no{border-radius:8px;background:#2e2533;color:#efb3c9;flex:none}.onboarding-page .panel p{font-size:.92rem;line-height:1.85;color:var(--muted)}.chart-card{border-radius:14px;box-shadow:none;background:var(--panel);border-color:var(--border)}.chart-body{padding:20px}.chart-top{gap:14px;align-items:center}.chart-title{font-size:1.3rem;line-height:1.35}.history-empty-page{min-height:45vh}.history-empty-page>h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:20px}.history-empty-page>.tagline{padding:32px;border:1px dashed var(--border-strong);border-radius:14px;background:var(--panel);color:var(--muted)}.map-share .result{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:28px}.map-share .result-head{align-items:center;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--border)}.map-share .result-title{font-size:clamp(1.8rem,3.5vw,3rem)}.map-share .result-cover{border-radius:12px}.map-share .result-side{border-radius:12px;border:1px solid var(--border);padding:22px;background:var(--sunken)}.map-share .diff-row{padding:12px 14px}@media (max-width:560px){.map-share .diff-row{padding:10px 12px;gap:8px}.map-share .diff-name{min-width:4.5em}.map-share .diff-notes{white-space:nowrap}}.editor .ed-bar{background:var(--panel);border-bottom:1px solid var(--border);padding:18px 22px}.editor .ed-card,.editor .ed-stage{border-radius:14px;border-color:var(--border);background:var(--panel);box-shadow:none}.editor .ed-tools,.editor .ed-transport{padding:14px 18px;border-color:var(--border)}.editor .ed-tbtn{border-radius:7px}.editor .ed-side{gap:20px}.editor .ed-card{padding:22px}.notfound{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.notfound-code{font-size:clamp(5rem,15vw,9rem);line-height:1;color:#ef97b3;letter-spacing:-.07em;margin:0 0 24px}.notfound h1{font-size:2rem}.notfound .home-btn{display:inline-flex;align-items:center;min-height:46px;padding:12px 22px;margin-top:20px;border:1px solid var(--border-strong);border-radius:9px;background:var(--panel);color:var(--text);text-decoration:none}@media (max-width:1100px){.blog-layout,.reading-shell{grid-template-columns:175px minmax(0,1fr);gap:32px}.reading-head h1{font-size:clamp(2.1rem,4.8vw,3.4rem)}.community .g-head{grid-template-columns:1.1fr .9fr;gap:24px}main.doc.auth-layout{gap:36px}.story-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.story-step:nth-child(4){border-left:0}.story-step:nth-child(n+4){border-top:1px solid var(--border)}}@media (max-width:860px){.blog-layout,.reading-shell{display:block}.reading-rail{display:none}.reading-mobile{display:block;border:1px solid var(--border);border-radius:10px;padding:0 18px;margin:0 0 32px;background:var(--panel)}.reading-mobile summary{padding:16px 0;cursor:pointer;font-size:.84rem;font-weight:600}.reading-mobile nav{padding-bottom:14px}.blog-body,.reading-body{max-width:var(--reading);margin-inline:auto}.blog-head h1{overflow-wrap:anywhere;max-width:28ch}.plan-grid{gap:18px}.plan{padding:24px}.community .g-head{display:block}.community-identities{display:none}main.doc.auth-layout{grid-template-columns:1fr;max-width:600px;gap:28px;padding-top:36px}.auth-identities{display:none}.auth-head h1{font-size:2.3rem}main.doc.account-page,main.doc.onboarding-page{grid-template-columns:1fr}.tech-headline-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-headline-numbers>div{padding:12px 16px}.tech-headline-numbers>div:nth-child(odd){padding-left:0;border-left:0}}@media (max-width:560px){.reading-head{padding-bottom:28px;margin-bottom:28px}.reading-breadcrumb{margin-bottom:28px;font-size:.69rem}.reading-head h1{font-size:2.15rem;line-height:1.2}.reading-head .mode-hero .tagline,.reading-head>.tagline{font-size:.95rem;margin-top:20px}.reading-body{font-size:.94rem}.blog-body h2,.reading-body h2{font-size:1.4rem;margin-top:36px}.principles-grid,.reading-body .about-features,.reading-body .mode-list,.reading-body .story-principles{grid-template-columns:1fr}.reading-body .cl-entry{padding:20px}.reading-head .mode-guide-identity{float:none;width:180px;margin:0 0 24px}.story-flow{display:grid;grid-template-columns:1fr}.story-step+.story-step{border-left:0;border-top:1px solid var(--border)}.story-step:last-child{grid-column:auto}.story-step a{padding:20px;display:grid;grid-template-columns:28px 1fr;grid-gap:8px 12px;gap:8px 12px}.story-h{margin:0}.story-p{grid-column:2}.blog-grid,.blog-list,.blog-related{grid-template-columns:1fr}.blog-index>.blog-card-lead{display:flex}.blog-index>.blog-card-lead .blog-card-cover,.blog-index>.blog-card-lead .blog-card-visual{height:auto;aspect-ratio:16/7;margin-bottom:0;border-right:0;border-bottom:1px solid var(--border)}.blog-card h2,.blog-card h3{font-size:1.3rem}.blog-hero-art{height:150px}.blog-head h1{font-size:2.1rem}.blog-body{font-size:.94rem}.g-empty{padding:36px 20px}.g-cta{padding:24px}.auth-form-column>.panel{padding:22px}.map-share .result{padding:18px}.map-share .result-head{align-items:flex-start}.tech-headline-numbers dd{font-size:1.6rem}}.product-comparison{overflow-x:auto;margin:32px 0;border:1px solid var(--border);border-radius:16px;background:#15121d}.technology-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:28px 0 36px}.technology-nav a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;color:var(--muted);font-size:.9rem;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}.technology-nav a[aria-current=page]{background:#211824;border-color:#775468;color:var(--text)}.technology-nav a:hover{border-color:var(--accent);color:var(--text)}.technology-nav .mode-icon{width:36px;height:36px;flex:0 0 36px}.reading-body .osu-tech-pipeline{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.osu-tech-pipeline li{margin:0}.osu-tech-pipeline a{display:block;height:100%;padding:14px 10px;background:#17141f;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.77rem;line-height:1.6;text-decoration:none}.osu-tech-pipeline span{display:block;color:#9dddeb;font:.72rem var(--code);margin-bottom:10px}.osu-tech-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden}.osu-tech-metrics>div{display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#17141f}.osu-tech-metrics dt{font-size:.73rem;color:var(--muted);line-height:1.6}.osu-tech-metrics dd{margin:12px 0 0;font:700 clamp(1.15rem,2vw,1.7rem) var(--code);color:var(--text)}@media (max-width:700px){.osu-tech-pipeline,.technology-nav{grid-template-columns:1fr}.osu-tech-pipeline a{display:flex;align-items:baseline;gap:14px}.osu-tech-pipeline span{margin:0}.osu-tech-metrics{grid-template-columns:1fr 1fr}.osu-tech-metrics>div{padding:14px}}.product-comparison table{width:100%;border-collapse:collapse;font-size:.85rem;line-height:1.7}.product-comparison caption{padding:18px;text-align:left;font-size:1rem;font-weight:700;color:var(--text)}.product-comparison td,.product-comparison th{padding:16px;text-align:left;vertical-align:top;border-top:1px solid var(--border);overflow-wrap:anywhere}.product-comparison thead th{width:40%;font-size:1rem}.product-comparison th small{display:block;color:var(--muted);font:.7rem var(--code)}.product-comparison tbody th{width:20%;font-weight:500;color:var(--muted)}@media (max-width:600px){.product-comparison td,.product-comparison th{padding:10px}.product-comparison table{font-size:.75rem}}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_1243c3{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_1243c3{--font-display:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b06b356f834173cc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/23d669af23d19c95-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1a4aa50920b5315c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo Fallback;src:local("Arial");ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.00%;size-adjust:98.70%}.__className_fab2aa{font-family:Archivo,Archivo Fallback;font-style:normal}.__variable_fab2aa{--font-body:"Archivo","Archivo Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_4dc837{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_4dc837{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}.preview-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;padding:14px 16px}.preview-transport{display:grid;grid-template-columns:38px 38px max-content minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;min-width:0}.preview-transport .preview-btn{flex:none;width:38px;height:38px}.preview-transport .preview-btn:disabled{opacity:.3;cursor:default}.preview-transport .preview-time{min-width:0;font-size:.72rem;white-space:nowrap}.preview-transport .preview-seek{min-width:0;width:100%;margin:0}.preview-adjustments{display:grid;grid-template-columns:112px 112px;grid-gap:16px;gap:16px;min-width:0;border-left:1px solid var(--border);padding-left:18px}.preview-adjustments .preview-speed{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:4px;gap:4px;min-width:0;align-content:center;font-size:.68rem;line-height:1.3}.preview-adjustments .preview-speed>span{overflow-wrap:anywhere}.preview-adjustments .preview-speed input{width:100%;min-width:0;height:18px;margin:0}.preview-adjustments .is-pending{opacity:.45}@media (max-width:680px){.preview-controls{grid-template-columns:minmax(0,1fr);gap:12px}.preview-adjustments{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:10px}}@media (max-width:440px){.preview-controls{padding:12px}.preview-transport{grid-template-columns:34px 34px max-content minmax(0,1fr);gap:8px}.preview-transport .preview-btn{width:34px;height:34px}.preview-transport .preview-time{font-size:.64rem}.preview-adjustments{gap:18px}}.live-generation-estimate{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--sunken);font-size:.8rem;color:var(--muted)}.live-generation-estimate output{font:600 1rem var(--code);color:var(--text);white-space:nowrap}