@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/newsreader-latin-DBQoWVJ5.woff2) format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(/assets/newsreader-latin-italic-DSgQPFUB.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/worksans-latin-BGbNWJ1H.woff2) format("woff2")}:root{--background: #faf9f8;--surface-container-lowest: #ffffff;--surface-container-low: #f4f3f2;--surface-container: #eeeeed;--secondary: #5d5f5a;--primary: #6c0c20;--primary-container: #8b2635;--on-primary: #ffffff;--on-background: #1a1c1c;--on-surface-variant: #897172;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "Work Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-serif);color:var(--on-background);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(145deg,var(--primary),var(--primary-container));color:var(--on-primary)}.app-brand{display:flex;align-items:center;gap:.6rem}.app-logo{width:1.75rem;height:1.75rem;display:block}.app-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;letter-spacing:.05em;line-height:1;transform:translateY(.1em)}.beta-badge{font-family:var(--font-sans);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;padding:.35rem .85rem;background:#ffd86b;color:#1a1c1c}main{flex:1;display:flex;flex-direction:column;gap:1.75rem;padding:1.5rem 2rem 1.25rem;max-width:70rem;margin:0 auto;width:100%}.hero{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.tagline{font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:clamp(2rem,5.5vw,4.25rem);line-height:1.05;letter-spacing:-.02em;width:100%;white-space:nowrap}.description{font-family:var(--font-serif);font-size:1.05rem;line-height:1.5;max-width:44rem;color:var(--secondary)}.play-grid{display:grid;grid-template-columns:minmax(10rem,14rem) 1fr;gap:1.5rem;align-items:stretch}.play-cover{display:block;background:var(--surface-container);padding:.9rem;transition:background .15s}.play-cover:hover{background:var(--surface-container-low)}.play-cover img{width:100%;height:auto;display:block}.play-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}.play-entry{display:flex;flex-direction:column;justify-content:center;padding:.75rem 1rem;background:var(--surface-container-low);text-decoration:none;color:inherit;transition:background .15s}.play-entry:hover{background:var(--surface-container)}.play-entry-byo{background:transparent;outline:1px dashed var(--on-surface-variant);outline-offset:-1px}.play-entry-byo:hover{background:var(--surface-container-low)}.play-name{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--on-background)}.play-sub{font-family:var(--font-sans);font-size:.72rem;color:var(--secondary);margin-top:.2rem;letter-spacing:.01em}.feature-list{list-style:none;font-family:var(--font-serif);font-size:1rem;line-height:1.6;color:var(--on-background)}.feature-list li{padding-left:1.2rem;position:relative}.feature-list li:before{content:"•";position:absolute;left:0;color:var(--on-surface-variant)}@media(max-width:32rem){main{gap:1.5rem;padding:1.5rem 1.25rem 2rem}.play-grid{grid-template-columns:1fr;gap:1.25rem}.play-cover{max-width:12rem}.feature-list{font-size:.95rem}}footer{padding:1rem 2rem 1.25rem;font-family:var(--font-sans);font-size:.82rem;color:var(--on-surface-variant);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:70rem;margin:0 auto;width:100%}.footer-line{margin:0}.footer-line a{color:var(--secondary);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}.footer-line a:hover{color:var(--primary)}.footer-kofi img{vertical-align:middle}