:root{--ink:#24170E;--ink-soft:#4A3727;--ink-faint:#8A7457;--paper:#F2E8D2;--paper-deep:#E7D8B8;--paper-hi:#F8F1E0;--cta-paper:#FBF3E4;--bronze:#6A5230;--bronze-line:#A88A5A;--wax:#8C2418;--serif:"Garamond",Georgia,serif;--display:"Fell SC",Georgia,serif;--ui:"Proza","Gill Sans",sans-serif;--hand:"Caveat",cursive;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .26 0 0 0 0 .13 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");--stain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .40 0 0 0 0 .18 0 0 0 .22 -.06'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23s)'/%3E%3C/svg%3E");--ruled:repeating-linear-gradient(transparent 0 29px,rgba(106,82,48,.20) 29px 30px);--tabbar-height:calc(64px + env(safe-area-inset-bottom, 0px));--keyboard-inset:0px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-bottom:calc(var(--tabbar-height) + var(--keyboard-inset, 0px))}body,html{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}body{background-color:var(--paper);background-image:var(--noise),var(--stain),radial-gradient(ellipse at 50% 30%,transparent 55%,rgba(120,86,40,.16) 100%);min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.player-main{padding:max(12px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) calc(var(--tabbar-height) + var(--keyboard-inset, 0px)) max(0px,env(safe-area-inset-left))}.player-leave{display:flex;justify-content:flex-end;padding:0 16px}.player-leave button{min-height:44px;min-width:44px;padding:0 8px;background:none;border:0;color:var(--bronze);font:400 14.5px var(--ui);cursor:pointer}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:var(--tabbar-height);min-height:var(--tabbar-height);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#E9DCBE;border-top:1.5px solid #24170e;box-shadow:0 -3px 0 -1.5px #E9DCBE,0 -4px 0 -1.5px #24170E}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:49px;min-width:44px;text-decoration:none;color:#4A3727;font:400 12.5px var(--ui)}.tabbar a.on{color:#24170E;font-weight:600}.tabbar a.on span{text-decoration:underline;-webkit-text-decoration-color:#24170E;text-decoration-color:#24170E;text-decoration-thickness:2px;text-underline-offset:3px}.tabbar svg{width:26px;height:26px}