@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap');
:root { color-scheme: light; --color-paper:#FDF3EA; --color-ink:#344331; --color-primary:#4e983d; --color-card:#fffaf2; --radius-card:18px; --shadow-card:0 8px 22px #503b281c; --font-display:'Bowlby One SC', 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif; --font-body:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family:var(--font-body); }
* { box-sizing:border-box; }
html, body { margin:0; width:100%; height:100%; min-height:100%; overflow:hidden; background:var(--color-paper); color:var(--color-ink); touch-action:pan-x pan-y; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
@supports (height:100dvh) { html, body { height:100dvh; } }
body { position:relative; }
body::before { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.34; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='844' viewBox='0 0 390 844' fill='none'%3E%3Cpath d='M-28 146C58 99 89 186 153 150S270 61 418 111' stroke='%23b7a98f' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='1 8'/%3E%3Cpath d='M-34 612C47 570 91 650 143 619s72-110 136-74 74 101 145 58' stroke='%23b7a98f' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='1 8'/%3E%3Cpath d='M294 -24C270 71 334 100 298 180s-101 91-74 183 104 84 72 184-90 128-66 321' stroke='%23b7a98f' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='1 8'/%3E%3Ccircle cx='153' cy='150' r='3' fill='%23b7a98f'/%3E%3Ccircle cx='298' cy='180' r='3' fill='%23b7a98f'/%3E%3Ccircle cx='143' cy='619' r='3' fill='%23b7a98f'/%3E%3C/svg%3E"); background-size:390px 844px; background-position:center; }
body > #app { position:relative; z-index:1; }
button, input { font:inherit; }
h1, h2, h3, .album-name, .eyebrow, .staff-details span { font-family:var(--font-display); font-weight:400; }