:root{--bg: #E7E1D2;--screen: #F6EFDB;--red: #A4282A;--red-dark: #7E1F21;--navy: #1E3A5F;--cream: #F0E6C8;--ink: #2A211A;--muted: #6b5f4a;--muted2: #8a7d62;--line: #cbbf9f;--gold: #C9A227}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);font-family:Archivo,system-ui,sans-serif;color:var(--ink);overscroll-behavior:none}#root{min-height:100dvh}a{color:var(--red)}a:hover{color:var(--red-dark)}button{font-family:inherit}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.staff-shell{min-height:100dvh;width:100%;max-width:460px;margin:0 auto;position:relative;background:var(--screen);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 480px){.staff-shell{min-height:auto;height:min(880px,calc(100dvh - 32px));margin:16px auto;border-radius:22px;box-shadow:0 20px 50px #2a211a47}}.tape{height:6px;flex-shrink:0;background:repeating-linear-gradient(90deg,var(--red) 0 16px,var(--screen) 16px 24px,var(--navy) 24px 40px,var(--screen) 40px 48px)}.btn-press{transition:filter .12s,transform .12s;cursor:pointer}.btn-press:active{transform:scale(.98)}.btn-red:hover{filter:brightness(1.08)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg,#e8dcc0 0,#e8dcc0 40%,#f0e6c8,#e8dcc0 60%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}::-webkit-scrollbar{width:0;height:0}