/* Public WHYZ274 surfaces share the current studio-interface palette.
   Intentionally scoped: the signed-in app never loads this stylesheet. */
.public-site-root{
 --ps-bg:#070707;--ps-surface:#141614;--ps-raised:#202420;
 --ps-copy:#f4f6f4;--ps-muted:#b6c0b9;--ps-accent:#d7ff3f;
 --ps-line:#d7e3d530;--ps-line-soft:#d7e3d51c;
 --ink:#070707;--paper:#141614;--white:#f4f6f4;--red:#d7ff3f;
 --muted:#b6c0b9;--line:#d7e3d530;--header-height:88px;
 --sans:WhyzSans,Arial,sans-serif;--serif:WhyzSans,Arial,sans-serif;
 background:var(--ps-bg);color-scheme:dark;
 scroll-padding-top:calc(var(--header-height) + 20px)
}
.public-site{background:var(--ps-bg);color:var(--ps-copy);font-family:var(--sans);line-height:1.75}
.public-site [hidden]{display:none!important}
.public-site ::selection{background:var(--ps-accent);color:#172009}
.public-site :is(h1,h2,h3,h4){font-family:var(--sans);font-weight:700;letter-spacing:-.035em;text-transform:none;color:var(--ps-copy)}
.public-site :is(h1,h2){line-height:1.12}
.public-site :is(p,li,dt,dd){overflow-wrap:break-word}
.public-site :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--ps-accent);outline-offset:4px}
.public-site :is(a,button,summary){scroll-margin-top:12px}
.public-site :is(section,[id]){scroll-margin-top:12px}
.public-site .skip{background:var(--ps-accent);color:#172009;border-radius:4px 14px 4px 14px;font-weight:700}
.public-site :is(.paper,.projects-section,.story-section){background:var(--ps-surface);background-image:none;color:var(--ps-copy)}
.public-site :is(.kicker,.eyebrow,.legal-kicker){font-family:var(--sans);font-weight:700;font-size:11px;line-height:1.65;letter-spacing:.1em;color:var(--ps-muted)}
.public-site :is(.kicker,.eyebrow)::selection{color:#172009}

/* One quiet floating header, visible keyboard focus, and the original mobile menu. */
.public-site .site-header{background:transparent;border:0;box-shadow:none;height:var(--header-height)}
.public-site .site-header .header-inner{
 width:min(1280px,calc(100% - 48px));height:calc(100% - 16px);min-height:0;
 margin-block:8px;padding:4px 18px;gap:24px;
 border:1px solid var(--ps-line);border-radius:4px 14px 4px 14px;
 background:#101310f5;box-shadow:0 8px 24px #0002
}
.public-site .site-header .brand img{width:135px}
.public-site .site-header .nav{gap:10px 18px;flex-wrap:nowrap}
.public-site .site-header .nav a{font:400 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;min-height:46px;color:var(--ps-muted);white-space:nowrap}
.public-site .site-header .nav a:hover,.public-site .site-header .nav a[aria-current]{color:var(--ps-copy)}
.public-site .site-header .nav a[aria-current]::after{transform:scaleX(1)}
.public-site .site-header .nav a::after{background:var(--ps-accent);bottom:7px;height:2px}
.public-site .site-header .nav a[href="/app/"]{padding:8px 14px;border:1px solid var(--ps-line);border-radius:4px 10px 4px 10px;background:var(--ps-raised);color:var(--ps-copy)}
.public-site .site-header .nav a[href="/app/"]::after{display:none}
.public-site .site-header .nav a[href="/app/"]:hover{border-color:#d7ff3f66;background:#293127}
.public-site .site-header .social-links{gap:3px}
.public-site .site-header .social-links a{width:34px;color:var(--ps-muted)}
.public-site .social-links a:hover,.public-site .contact-link:hover{color:var(--ps-accent)}
.public-site .nav-toggle{border-color:var(--ps-line);border-radius:4px 10px 4px 10px;background:var(--ps-surface);color:var(--ps-copy)}
.public-site .menu-backdrop{background:#030503b8}

/* The same compact controls as the app; disabled downloads remain disabled. */
.public-site .button,.public-site .app-entry .app-entry-button{
 min-height:48px;padding:12px 18px;gap:24px;
 border:1px solid var(--ps-accent);border-radius:4px 14px 4px 14px;
 background:var(--ps-accent);color:#172009;
 font:700 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;
 box-shadow:none;text-decoration:none
}
.public-site .button:hover,.public-site .app-entry .app-entry-button:hover{background:#e2ff75;border-color:#e2ff75;color:#172009}
.public-site .button:disabled,.public-site .button:disabled:hover,
.public-site.sheets-page .hero .button:disabled,.public-site.sheets-page .hero .button:disabled:hover{
 border:1px dashed #7d8980;background:#1d221d;color:#a7b2aa;box-shadow:none;cursor:default
}
.public-site .button>span{font-family:var(--sans)}
.public-site :is(.public-text-link,.artist-links a,.release-links a,.contact-link){font-family:var(--sans);font-size:13px;letter-spacing:0;border-color:var(--ps-line);text-transform:none}
.public-site :is(.public-text-link,.artist-links a,.release-links a):hover{color:var(--ps-accent)}

/* The real artist imagery stays; the first scene now leads into the studio. */
.public-site .artist-hero{height:clamp(530px,44vw,650px);min-height:530px;background:var(--ps-bg)}
.public-site .artist-hero .hero-collage{object-fit:cover;object-position:70% center;opacity:.78;transition:none}
.public-site .hero-depth{display:none}
.public-site .hero-shade{background:linear-gradient(90deg,#070707f2 0%,#070707c2 29%,#07070734 74%),linear-gradient(0deg,#070707 0%,#07070700 40%)}
.public-site .artist-hero .hero-center{left:0;right:0;top:50%;bottom:auto;transform:translateY(-50%);margin-inline:auto;max-width:none;text-align:left;align-items:flex-start}
.public-site .artist-hero .hero-center h1{width:min(270px,65vw);margin-bottom:28px}
.public-site .artist-hero .hero-center p{max-width:16ch;font:700 clamp(30px,3.6vw,49px)/1.16 var(--sans);letter-spacing:-.035em;text-transform:none;color:var(--ps-copy);margin-bottom:27px}
.public-site .hero-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 18px}
.public-site .hero-app-entry{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.public-site .hero-actions .hero-app-link{font-size:13px;gap:20px}
.public-site .hero-app-note{font:400 12px/1.5 var(--sans);color:var(--ps-muted)}
.public-site .hero-scroll{font:700 13px/1.5 var(--sans);color:var(--ps-copy);background:#111810e8;border:1px solid #b6c0b966;border-radius:4px 14px 4px 14px;padding:12px 18px;min-height:48px;gap:24px;text-transform:none;letter-spacing:0}
.public-site .hero-scroll span{font:21px/1 var(--sans)}
.public-site .hero-scroll:hover{color:var(--ps-copy);background:var(--ps-raised);border-color:var(--ps-muted)}
.public-site :is(.hero-note,.hero-margin,.writing-note,.red-script){display:none}
.public-site .release-section{background:var(--ps-bg);border-color:var(--ps-line-soft);padding-block:50px 58px}
.public-site .release-copy h2{font:700 clamp(36px,4.1vw,59px)/1.12 var(--sans);letter-spacing:-.035em}
.public-site .release-art img{border-radius:4px 14px 4px 14px}
.public-site :is(.release-art figcaption,.release-copy .release-date,.release-facts,.release-links a,.date-display span){font-family:var(--sans);color:var(--ps-muted)}
.public-site .date-display{font:700 clamp(42px,4.1vw,62px)/1.1 var(--sans);letter-spacing:-.04em;color:var(--ps-copy)}
.public-site .release-facts>div{border-color:var(--ps-line)}
.public-site .projects-section{padding-block:54px}
.public-site .book-announcement{align-self:center;padding-block:24px;border-top:1px solid var(--ps-line);border-bottom:1px solid var(--ps-line)}
.public-site .book-announcement h3{font-size:clamp(24px,2.4vw,34px);line-height:1.2}
.public-site .book-announcement>p:not(.kicker){font:400 15px/1.7 var(--sans);letter-spacing:0;margin:16px 0 12px}
.public-site .book-announcement .book-more-link{display:inline-flex;align-items:center;min-height:44px;gap:12px;color:var(--ps-accent);font:700 13px/1.5 var(--sans)}
.public-site :is(.projects-intro h2,.about-grid h2,.book-description h2){font-size:clamp(31px,3.5vw,46px);line-height:1.17}
.public-site :is(.project h3,.topic h3,.download-panel h3){font-family:var(--sans);font-weight:700;letter-spacing:-.02em;text-transform:none}
.public-site .project figure,.public-site .project-book figure{background:#202420;border:1px solid var(--ps-line);border-radius:4px 14px 4px 14px}
.public-site .project img{transition:none}
.public-site .project:hover img{transform:none}
.public-site .project h3{font-size:21px;line-height:1.35}
.public-site .project>p{font:400 12px/1.6 var(--sans);color:var(--ps-muted)}
.public-site .project-book figure>span{background:#101310;color:var(--ps-copy);border:1px solid var(--ps-line);border-radius:4px;font:700 9px/1.6 var(--sans)}
.public-site :is(.book-editorial,.topics,.topic,.download-panel,.file-details){border-color:var(--ps-line)}
.public-site :is(.book-description p:not(.kicker),.topic p,.download-panel>p,.permission,.section-top>p){color:var(--ps-muted)}
.public-site :is(.topic-number,.availability-stamp){color:var(--ps-accent);font-family:var(--sans)}
.public-site :is(.permission strong,.file-details){color:var(--ps-copy)}
.public-site .download-panel{border-top:1px solid #d7ff3f66;background:transparent}
.public-site .file-details{font-family:var(--sans);font-size:11px;letter-spacing:0}
.public-site .writing-strip{background:var(--ps-bg)}
.public-site .writing-image{opacity:.54}
.public-site .writing-strip::before{background:linear-gradient(90deg,#07070725,#07070777 40%,#070707ee)}
.public-site .voice-quote blockquote p{font:600 clamp(23px,2.4vw,33px)/1.4 var(--sans);letter-spacing:-.025em;text-transform:none}
.public-site .voice-quote blockquote::after{background:var(--ps-accent);height:2px;transform:none;max-width:80px}
.public-site .voice-quote figcaption{font:400 11px/1.7 var(--sans);letter-spacing:0;color:var(--ps-muted)}
.public-site .about-section{background:var(--ps-bg);border-color:var(--ps-line)}
.public-site .voice-copy p:first-child{font:400 20px/1.7 var(--sans);color:var(--ps-copy)}
.public-site .favorite-list,.public-site .favorite-list li{border-color:var(--ps-line)}
.public-site .favorite-title{font:700 23px/1.35 var(--sans);letter-spacing:-.025em}
.public-site :is(.favorite-artist,.favorite-action,.favorites-date){font-family:var(--sans);font-size:12px;letter-spacing:0}
.public-site .favorite-track:hover{background:#d7ff3f04}
.public-site .app-entry{background:var(--ps-surface);color:var(--ps-copy);border-color:var(--ps-line)}
.public-site .app-entry .app-entry-art{border-color:var(--ps-line);border-radius:4px 14px 4px 14px}
.public-site .app-entry .app-entry-art::after{background:linear-gradient(0deg,#070707f2,transparent 75%)}
.public-site .app-entry .app-entry-art figcaption{color:var(--ps-accent);font-size:clamp(25px,2.8vw,37px);line-height:1.17}
.public-site .app-entry h2{font-size:clamp(33px,4vw,51px);line-height:1.14;text-transform:none;letter-spacing:-.035em;max-width:15ch;color:var(--ps-copy)}
.public-site .app-entry .kicker{color:var(--ps-muted)}
.public-site .app-entry .app-entry-copy>p:not(.kicker){color:var(--ps-muted);font-size:16px}
.public-site .app-entry .app-entry-tags li{border-color:var(--ps-line);background:#111510;border-radius:6px;color:var(--ps-copy);font-size:12px}

/* Product explanation: studio panels replace the earlier paper motif. */
.public-site .public-hero{background:var(--ps-bg)}
.public-site .public-hero-copy>.kicker{display:flex;align-items:center;gap:12px}
.public-site .public-hero-copy>.kicker::before{content:'';width:28px;height:2px;background:var(--ps-accent);flex:none}
.public-site .public-hero h1{font:700 clamp(45px,5.4vw,76px)/1.1 var(--sans);letter-spacing:-.045em}
.public-site .public-hero h1>span{color:var(--ps-copy)}
.public-site .public-hero h1>.public-product-label{font:700 11px/1.6 var(--sans);letter-spacing:.1em;color:var(--ps-muted)}
.public-site .public-lead{font:400 22px/1.65 var(--sans);color:var(--ps-copy)}
.public-site .public-manifest{background:linear-gradient(145deg,#1b231b,#141614);border:1px solid var(--ps-line);border-radius:4px 14px 4px 14px;transform:none;box-shadow:inset 0 1px #e0eadb09;color:var(--ps-copy);margin-right:0}
.public-site .public-manifest::before,.public-site .public-manifest em::after{display:none}
.public-site .public-manifest-number{color:var(--ps-accent);font:700 12px/1.5 var(--sans);letter-spacing:.08em;margin-bottom:35px}
.public-site .public-manifest>p{font:700 clamp(27px,2.7vw,36px)/1.35 var(--sans);letter-spacing:-.025em;text-transform:none}
.public-site .public-manifest em{font-style:normal;color:var(--ps-accent)}
.public-site .public-manifest-bottom{font:400 11px/1.8 var(--sans);letter-spacing:.035em;border-color:var(--ps-line);color:var(--ps-muted)}
.public-site .public-overview{border-color:var(--ps-line);font:400 12px/1.65 var(--sans);text-transform:none;letter-spacing:0;color:var(--ps-muted)}
.public-site .public-overview>span::before{background:var(--ps-accent)}
.public-site :is(.public-look,.public-access){background:var(--ps-surface);border-color:var(--ps-line)}
.public-site .public-screenshot{background:var(--ps-bg);border-color:var(--ps-line);border-radius:4px 14px 4px 14px;box-shadow:none;overflow:hidden}
.public-site .public-screenshot>figcaption{background:#101310;color:var(--ps-muted);font:400 12px/1.6 var(--sans)}
.public-site .public-screenshot figcaption>a{color:var(--ps-copy)}
.public-site :is(.public-process,.public-questions){background:var(--ps-bg)}
.public-site .public-use{background:var(--ps-surface)}
.public-site :is(.public-section-heading h2,.public-process h2,.public-cards h2,.public-access h2,.public-questions h2){font-size:clamp(31px,3.2vw,45px);line-height:1.18}
.public-site :is(.public-process-intro>p:not(.kicker),.public-steps p,.public-use .public-section-heading>p,.public-use-rows p,.public-questions-grid>div:first-child>p:not(.kicker)){color:var(--ps-muted)}
.public-site :is(.public-steps,.public-steps>li,.public-use-rows,.public-use-rows>article,.public-access-list,.public-access-list>div){border-color:var(--ps-line)}
.public-site .public-step-number{font:700 25px/1.4 var(--sans);color:var(--ps-accent)}
.public-site .public-steps h3,.public-site .public-use-rows h3{font-size:24px;line-height:1.35}
.public-site .public-count>span{font:700 clamp(110px,14vw,180px)/1 var(--sans);letter-spacing:-.075em;color:var(--ps-accent)}
.public-site .public-count>p{font:400 23px/1.5 var(--sans);color:var(--ps-copy)}
.public-site .public-cards-grid .public-stance{border-color:#d7ff3f66}
.public-site .public-card-example{max-width:900px;margin-top:42px;padding:28px;border:1px solid var(--ps-line);border-radius:4px 14px 4px 14px;background:var(--ps-surface)}
.public-site .public-card-example h3{font-size:28px;line-height:1.3;margin-block:10px 18px}
.public-site .public-card-example p{font-size:17px;line-height:1.8;color:var(--ps-muted);max-width:72ch}
.public-site .public-card-example .kicker{font-size:11px}
.public-site .public-card-task{border-left:2px solid var(--ps-accent);padding-left:20px;margin-block:24px}
.public-site .public-card-task h4{font-size:17px;line-height:1.5;margin-bottom:8px;letter-spacing:0}
.public-site .public-card-example details{border-top:1px solid var(--ps-line);margin-top:24px;padding-top:8px}
.public-site .public-card-example summary{min-height:48px;padding-block:12px;cursor:pointer;font-size:16px;color:var(--ps-copy)}
.public-site .public-card-example details p{margin-top:14px;font-size:16px}
.public-site .public-use-rows strong{color:var(--ps-copy)}
.public-site .public-access-list dt{font:700 12px/1.6 var(--sans);letter-spacing:.03em;color:var(--ps-accent);text-transform:none}
.public-site .public-questions .faq summary{font:700 20px/1.5 var(--sans);letter-spacing:-.015em}
.public-site .public-finish h2{font:700 clamp(40px,5.3vw,67px)/1.14 var(--sans);letter-spacing:-.04em}
.public-site .public-footer-intro>p{font:400 15px/1.6 var(--sans);color:var(--ps-muted)}
.public-site .public-cta-note,.public-site .public-finish-actions>p{font-family:var(--sans);font-size:12px}

/* Public guides and workbook preview retain calm, continuous reading surfaces. */
.public-site.guide-page main,.public-site.sheets-page main,.public-site.legal-page main{background:var(--ps-surface);background-image:none;color:var(--ps-copy)}
.public-site :is(.guide-hero,.legal-hero){background:var(--ps-bg);border-bottom:1px solid var(--ps-line)}
.public-site .guide-hero h1,.public-site .legal-hero h1{font-size:clamp(34px,4.4vw,61px);line-height:1.15;letter-spacing:-.035em}
.public-site :is(.guide-breadcrumbs,.guide-meta,.legal-kicker,.legal-date){font-family:var(--sans);font-size:12px;letter-spacing:0;color:var(--ps-muted)}
.public-site .guide-hero .guide-lead{font-size:20px;line-height:1.75}
.public-site .guide-copy{font-size:18px;line-height:1.9;color:#dce3dd}
.public-site .guide-copy h2{font-size:clamp(27px,3vw,36px);line-height:1.25;color:var(--ps-copy)}
.public-site :is(.guide-copy a,.guide-aside a,.guide-hub a,.songplan a){color:var(--ps-accent);text-decoration-thickness:1px}
.public-site :is(.guide-copy a,.guide-aside a,.guide-hub a,.songplan a):hover{color:#e2ff75}
.public-site .guide-example{border-left:2px solid #d7ff3f70;border-radius:0 10px 0 0;background:#101410;padding:20px 22px 6px;color:var(--ps-copy)}
.public-site .guide-example .example-label{font:700 11px/1.7 var(--sans);letter-spacing:.08em;color:var(--ps-accent)}
.public-site .guide-lines{font:400 21px/1.8 var(--sans);letter-spacing:0}
.public-site .guide-aside{color:var(--ps-muted)}
.public-site .guide-aside h2{font:700 12px/1.7 var(--sans);letter-spacing:.04em;color:var(--ps-copy)}
.public-site :is(.guide-aside .guide-aside-note,.guide-index p,.songplan dd){color:var(--ps-muted);border-color:var(--ps-line)}
.public-site :is(.guide-next,.guide-index,.guide-index li,.songplan,.songplan dl>div){border-color:var(--ps-line)}
.public-site .guide-next{background:#101310;color:var(--ps-copy)}
.public-site .guide-next h2,.public-site .guide-choice h2,.public-site .songplan h2{font-size:clamp(27px,3vw,37px);line-height:1.25}
.public-site .guide-index .guide-number{font:700 38px/1.25 var(--sans);color:var(--ps-accent)}
.public-site .guide-index h2{font-size:30px;line-height:1.3}
.public-site .guide-index h2 a{color:var(--ps-copy)}
.public-site .guide-index h2 a:hover{color:var(--ps-accent)}
.public-site .songplan .songplan-example{border-color:#d7ff3f70}
.public-site.sheets-page .hero{background:var(--ps-bg);color:var(--ps-copy)}
.public-site.sheets-page .hero-grid-text-only{grid-template-columns:minmax(0,1fr);gap:0}
.public-site.sheets-page .hero-grid-text-only>.hero-copy{max-width:820px}
.public-site.sheets-page main>.songplan{padding-block:45px 15px;border-top:0;margin-top:0}
.public-site.sheets-page .hero::before{display:none}
.public-site.sheets-page h1{font-size:clamp(39px,4.7vw,64px);line-height:1.13;letter-spacing:-.035em}
.public-site.sheets-page h1 span{color:var(--ps-accent)}
.public-site .hero-figure{display:grid;justify-items:start;gap:0;padding:14px 25px;max-width:385px}
.public-site .sheet-preview{transform:none;max-width:280px;border-radius:4px 12px 4px 12px;box-shadow:none}
.public-site .figure-label{position:static;transform:none;padding:0 0 13px;background:transparent;color:var(--ps-muted);font:400 14px/1.7 var(--sans)}
.public-site .figure-number{position:static;font:700 48px/1.15 var(--sans);letter-spacing:-.04em;color:var(--ps-accent);margin-top:20px}
.public-site .figure-number small{display:inline-block;margin:0 0 0 12px;max-width:180px;color:var(--ps-muted);font:400 11px/1.6 var(--sans);letter-spacing:0;vertical-align:middle}
.public-site .figure-note{font:400 12px/1.7 var(--sans);margin-top:13px}
.public-site .section-top h2{font-size:clamp(31px,3.4vw,45px);line-height:1.2}
.public-site.sheets-page .topic-number{font:700 35px/1.2 var(--sans);color:var(--ps-accent)}
.public-site.sheets-page .topic{border-color:var(--ps-line)}
.public-site.sheets-page .topic h3{font-size:24px;line-height:1.35}
.public-site .faq,.public-site .faq details{border-color:var(--ps-line)}
.public-site .faq summary{font:700 20px/1.5 var(--sans);letter-spacing:-.015em}
.public-site .faq summary::after{color:var(--ps-accent)}
.public-site .faq details>p{color:var(--ps-muted);font-size:16px;line-height:1.85}
.public-site .final-note{border-color:var(--ps-line)}
.public-site .final-note p{font:700 31px/1.25 var(--sans);letter-spacing:-.025em;text-transform:none}
.public-site .legal-content{color:#dce3dd;line-height:1.85}
.public-site .legal-content h2{font-size:26px;line-height:1.35;letter-spacing:-.02em}
.public-site .legal-content section{border-color:var(--ps-line)}
.public-site .legal-content a{color:var(--ps-accent)}
.public-site .legal-contact{border-color:#d7ff3f70;color:var(--ps-copy)}
.public-site #vertrag-widerrufen :is(input,select,textarea){max-width:100%;min-height:46px;padding:12px 14px;border:1px solid #68756b;border-radius:4px 10px 4px 10px;background:#0c100c;color:var(--ps-copy);caret-color:var(--ps-accent);font:400 16px/1.5 var(--sans);accent-color:var(--ps-accent)}
.public-site #vertrag-widerrufen :is(input,select,textarea)::placeholder{color:#a6b1a9;opacity:1}
.public-site #vertrag-widerrufen label{color:var(--ps-copy);font:400 15px/1.75 var(--sans)}
.public-site #vertrag-widerrufen :is(input,select,textarea):focus-visible{border-color:var(--ps-accent);outline:2px solid var(--ps-accent);outline-offset:3px}
.public-site .legal-content button:not(.button){min-height:44px;padding:10px 14px;border:1px solid var(--ps-line);border-radius:4px 10px 4px 10px;background:var(--ps-raised);color:var(--ps-copy);font:400 14px/1.6 var(--sans);cursor:pointer}
.public-site .legal-content button:not(.button):hover:not(:disabled){background:#293127;border-color:#d7ff3f66}
.public-site .legal-content button:disabled{color:#a7b2aa;background:#1d221d;border-color:#68756b;cursor:default}

/* Music story and persistent footer share the studio's restrained chrome. */
.public-site .inner-feature{background:var(--ps-bg)}
.public-site .inner-feature::before{display:none}
.public-site .inner-feature h1{font-size:clamp(44px,5.7vw,78px);line-height:1.13}
.public-site .inner-lead{font:400 22px/1.7 var(--sans);color:var(--ps-copy)}
.public-site :is(.ep-story-copy,.story-grid .artist-links a){color:var(--ps-muted);border-color:var(--ps-line)}
.public-site .ep-story-copy .story-lead{font:400 23px/1.7 var(--sans);color:var(--ps-copy)}
.public-site .story-grid h2{font-size:clamp(33px,3.6vw,47px);line-height:1.2}
.public-site .release-note,.public-site .writing-aside{border-color:var(--ps-line)}
.public-site .release-dot{background:var(--ps-accent)}
.public-site .writing-aside h2{font-size:clamp(31px,3.4vw,43px);line-height:1.2}
.public-site .site-footer{background:var(--ps-bg);border-color:var(--ps-line-soft);padding-block:29px 20px}
.public-site .footer-top .brand img,.public-site .public-footer-intro .brand img{width:125px}
.public-site .footer-note{font:400 18px/1.5 var(--sans);transform:none;color:var(--ps-muted)}
.public-site .footer-bottom{font:400 11px/1.6 var(--sans);letter-spacing:0;color:var(--ps-muted);border-color:var(--ps-line)}
.public-site .footer-bottom nav a{font:400 14px/1.6 var(--sans);color:var(--ps-muted)}
.public-site .footer-bottom nav a:hover,.public-site .footer-bottom nav a[aria-current=page]{color:var(--ps-accent)}
.public-site .site-footer .withdrawal-link{font-weight:700}

@media(max-width:1100px){
 .public-site-root.nav-ready{--header-height:76px}
 .public-site-root:not(.nav-ready){--header-height:0px;scroll-padding-top:20px}
 .public-site-root:not(.nav-ready) .public-site{--header-height:0px;padding-top:0}
 .public-site-root:not(.nav-ready) .public-site .site-header{position:relative;height:auto}
 .public-site .site-header .header-inner{width:calc(100% - 24px);margin-block:7px;height:calc(100% - 14px);padding-inline:13px;gap:8px}
 .public-site .site-header .brand img{width:132px}
 .public-site .site-header.nav-enhanced .header-inner{display:flex;align-items:center;padding-block:0;min-height:0}
 .public-site .site-header.nav-enhanced .brand{margin-right:auto}
 .public-site .site-header.nav-enhanced .nav-toggle{display:flex;order:3;flex-shrink:0}
 .public-site .site-header.nav-enhanced .social-links{order:2}
 .public-site .site-header .social-links a{width:30px}
 .public-site .site-header.nav-enhanced .nav{position:absolute;inset:calc(100% - 7px) 12px auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:10px 16px 14px;border:1px solid var(--ps-line);border-radius:4px 14px 4px 14px;background:#101310;box-shadow:0 16px 35px #0005;max-height:calc(100vh - var(--header-height));max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}
 .public-site .site-header.nav-enhanced .nav a{font-size:14px;min-height:50px;padding-block:11px;border-bottom:1px solid var(--ps-line-soft)}
 .public-site .site-header.nav-enhanced .nav a:last-child{border-bottom:0}
 .public-site .site-header.nav-enhanced .nav a[href="/app/"]{margin-top:8px;padding-inline:14px}
 .public-site-root:not(.nav-ready) .public-site .site-header .header-inner{display:flex;flex-wrap:wrap;align-content:center;gap:0;height:auto;padding:10px 13px}
 .public-site-root:not(.nav-ready) .public-site .site-header .brand{width:100%;padding:0 0 2px}
 .public-site-root:not(.nav-ready) .public-site .site-header .social-links{display:none}
 .public-site-root:not(.nav-ready) .public-site .site-header .nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 15px;width:100%;padding-top:3px}
 .public-site-root:not(.nav-ready) .public-site .site-header .nav a{font-size:13px;min-height:44px;padding-block:5px;letter-spacing:0}
 .public-site-root:not(.nav-ready) .public-site .site-header .nav a[href="/app/"]{min-height:34px;padding:5px 9px;align-self:center}
 .public-site-root:not(.nav-ready) .public-site .site-header .nav a::after{bottom:2px}
}
@media(max-width:800px){
 .public-site .artist-hero{height:520px;min-height:520px}
 .public-site .artist-hero .hero-collage{object-position:70% center;opacity:.62}
 .public-site .artist-hero .hero-center h1{width:220px;margin-bottom:24px}
 .public-site .artist-hero .hero-center p{font-size:35px;line-height:1.22;max-width:16ch}
 .public-site .hero-shade{background:linear-gradient(90deg,#070707e8,#07070766),linear-gradient(0deg,#070707,transparent 65%)}
 .public-site .release-copy h2{font-size:43px}
 .public-site .date-display{font-size:46px}
 .public-site .writing-strip::before{background:linear-gradient(0deg,#070707,#070707b8 65%,#07070755)}
 .public-site .voice-quote blockquote p{font-size:25px}
 .public-site .voice-quote figcaption{font-size:10px}
 .public-site .app-entry h2{font-size:37px}
 .public-site .public-hero h1{font-size:clamp(40px,8vw,60px)}
 .public-site .public-lead{font-size:20px;line-height:1.65}
 .public-site .public-manifest{width:min(100%,420px);justify-self:start;margin:0;padding:26px}
 .public-site .public-manifest>p{font-size:29px}
 .public-site .public-manifest-number{margin-bottom:24px}
 .public-site .public-overview{font-size:11px;gap:12px 24px}
 .public-site .public-count{align-items:center}
 .public-site .public-count>span{font-size:110px}
 .public-site .public-count>p{font-size:21px}
 .public-site .public-screenshot>figcaption{font-size:11px;gap:5px 14px}
 .public-site .public-section-heading h2,.public-site .public-process h2,.public-site .public-cards h2,.public-site .public-access h2,.public-site .public-questions h2{font-size:33px}
 .public-site .public-use-rows h3,.public-site .public-steps h3{font-size:23px}
 .public-site .public-finish h2{font-size:43px}
 .public-site .public-questions .faq summary,.public-site .faq summary{font-size:19px;line-height:1.55}
 .public-site .public-footer-intro>p{font-size:14px}
 .public-site .guide-hero h1,.public-site .legal-hero h1{font-size:clamp(34px,6.5vw,48px)}
 .public-site .guide-hero .guide-lead{font-size:18px}
 .public-site .guide-copy{font-size:17px;line-height:1.9}
 .public-site .guide-copy h2{font-size:28px}
 .public-site .guide-aside{border-color:var(--ps-line)}
 .public-site .guide-index h2{font-size:26px}
 .public-site .guide-index .guide-number{font-size:29px}
 .public-site .guide-lines{font-size:19px}
 .public-site .guide-example{padding:17px 16px 4px}
 .public-site .guide-next h2,.public-site .guide-choice h2,.public-site .songplan h2{font-size:28px}
 .public-site.sheets-page h1{font-size:clamp(38px,7vw,52px)}
 .public-site .hero-figure{padding:12px;justify-self:center;max-width:340px}
 .public-site .figure-number{font-size:43px}
 .public-site .figure-number small{max-width:150px;font-size:10px}
 .public-site .section-top h2{font-size:33px}
 .public-site .legal-content h2{font-size:24px}
 .public-site .inner-feature h1{font-size:clamp(40px,7.5vw,58px)}
 .public-site .inner-lead,.public-site .ep-story-copy .story-lead{font-size:20px}
 .public-site .story-grid h2{font-size:34px}
 .public-site .writing-aside h2{font-size:32px}
 .public-site .site-footer .footer-note{font-size:16px}
 .public-site .footer-bottom nav{gap:2px 18px}
}
@media(max-width:560px){
 .public-site .hero-actions{flex-direction:column;gap:16px}
}
@media(max-width:420px){
 .public-site .button,.public-site .app-entry .app-entry-button{font-size:13px;white-space:normal;text-align:left;padding-inline:14px;gap:15px}
 .public-site .artist-hero{height:465px;min-height:465px}
 .public-site .artist-hero .hero-center h1{width:185px}
 .public-site .artist-hero .hero-center p{font-size:30px}
 .public-site .release-copy h2{font-size:38px}
 .public-site .date-display{font-size:37px}
 .public-site .date-display span{font-size:10px;margin-left:6px}
 .public-site .projects-intro h2,.public-site .about-grid h2,.public-site .book-description h2{font-size:31px}
 .public-site .project h3{font-size:18px;line-height:1.4}
 .public-site .project>p{font-size:10px}
 .public-site .project-book figure>span{font-size:7px}
 .public-site .voice-quote blockquote p{font-size:23px}
 .public-site .favorite-title{font-size:21px}
 .public-site .public-manifest{padding:23px}
 .public-site .public-manifest>p{font-size:27px}
 .public-site .public-count{gap:20px}
 .public-site .public-count>span{font-size:94px}
 .public-site .public-count>p{font-size:18px}
 .public-site .public-section-heading h2,.public-site .public-process h2,.public-site .public-cards h2,.public-site .public-access h2,.public-site .public-questions h2{font-size:30px}
 .public-site .public-finish h2{font-size:38px}
 .public-site .public-screenshot figcaption>a{font-size:11px}
 .public-site .public-text-link{font-size:12px}
 .public-site .guide-copy h2{font-size:26px}
 .public-site .guide-copy h3{font-size:19px}
 .public-site .guide-index li{grid-template-columns:30px minmax(0,1fr);gap:12px}
 .public-site .guide-index h2{font-size:24px}
 .public-site.sheets-page h1{font-size:38px}
 .public-site .hero-figure{max-width:288px;padding-inline:8px}
 .public-site .sheet-preview{max-width:250px}
 .public-site .figure-number{font-size:40px}
 .public-site .figure-number small{max-width:142px}
 .public-site .public-footer-intro{gap:15px}
 .public-site .public-footer-intro>p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .public-site-root{scroll-behavior:auto}
 .public-site :is(.button,.project img,.favorite-track,.nav a::after,.nav-toggle>span){transition:none}
}