:root{--bg:#f7ead7;--bg-deep:#e6b96d;--ink:#25160b;--accent:#de5f2a;--accent-strong:#ab2f19;--panel:#fff4e7;--tv:#6e3b23;--tv-dark:#432113;--screen:#120d09;--glow:rgba(255,219,160,0.45)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Manrope",sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fff6dd 0%,transparent 36%),linear-gradient(180deg,var(--bg)0%,#efc97f 58%,var(--bg-deep)100%)}body::before,body::after{content:"";position:fixed;inset:auto;border-radius:999px;pointer-events:none;filter:blur(12px);opacity:0.7}body::before{width:18rem;height:18rem;top:4rem;right:6vw;background:rgba(255,255,255,0.4)}body::after{width:24rem;height:24rem;left:-8rem;bottom:-6rem;background:rgba(171,47,25,0.18)}.page-shell{width:min(1600px,calc(100% - 1.25rem));margin:0 auto;padding:1rem 0 3rem}.hero{text-align:center;padding:0.75rem 0 0.5rem}.hero-mark{display:inline-block}.hero-mark__type{display:inline-flex;align-items:baseline;gap:0.2em;flex-wrap:wrap;justify-content:center;font-family:"Abril Fatface",serif;font-size:clamp(3rem,6.4vw,5.1rem);line-height:0.95;text-shadow:0.04em 0.04em 0 #ffd98d}.hero-mark__dabble{color:#3a1d10}.hero-mark__tube-badge{position:relative;display:inline-flex;align-items:center;padding:0.08em 0.34em 0.16em;border-radius:0.42em;color:#fff8ee;background:linear-gradient(180deg,#ff5f2b,#b52d17);box-shadow:0 0.14em 0 rgba(101,31,16,0.34),inset 0 0 0 2px rgba(255,231,196,0.16)}.hero-mark__tube{position:relative;z-index:1;color:#fff8ee}.hero-mark__comedy{position:absolute;right:-0.36em;top:-0.28em;width:1.2em;height:1.15em;pointer-events:none;filter:drop-shadow(0 0.08em 0.08em rgba(67,33,19,0.28))}.hero-mark__tomato{position:absolute;left:0;top:0.14em;width:0.72em;height:0.72em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb07e 0 20%,transparent 21%),radial-gradient(circle at 50% 58%,#ef4f2a 0 58%,#b21d11 59% 100%);box-shadow:inset -0.08em -0.08em 0 rgba(110,13,11,0.3),0 0 0 0.05em rgba(255,236,214,0.22)}.hero-mark__tomato::before{content:"";position:absolute;left:0.22em;top:-0.12em;width:0.28em;height:0.2em;background:#4b7b2d;clip-path:polygon(50% 0%,100% 44%,78% 100%,50% 72%,22% 100%,0% 44%)}.hero-mark__tomato::after{position:absolute;content:"";left:0.62em;top:0.18em;width:0.48em;height:0.48em;border-radius:50%;border-top:0.11em solid #ffd64e;border-right:0.11em solid transparent;border-bottom:0.11em solid transparent;border-left:0.11em solid transparent;transform:rotate(14deg);opacity:0.95}.hero-mark__stand{position:absolute;right:0.08em;bottom:0.02em;width:0.52em;height:0.8em;transform:rotate(24deg)}.hero-mark__stand::before{content:"";position:absolute;top:0;left:0;width:0.3em;height:0.22em;border-radius:50%;background:#2d1f18;box-shadow:inset 0 -0.04em 0 rgba(255,244,229,0.2),0 0 0 0.04em rgba(255,248,238,0.15)}.hero-mark__stand::after{content:"";position:absolute;top:0.14em;left:0.12em;width:0.08em;height:0.66em;border-radius:999px;background:linear-gradient(180deg,#fff1dd,#b79674);box-shadow:0.15em 0.45em 0 -0.02em #fff1dd}.stage{margin-top:0.5rem}.tv-wrap{position:relative;padding:1rem 0.35rem 5.5rem}.tv{position:relative;display:grid;grid-template-columns:minmax(0,1fr)150px;gap:1.25rem;align-items:stretch;width:100%;margin:0;padding:1.75rem;border-radius:2.8rem;background:linear-gradient(145deg,#8b5235 0%,var(--tv)58%,var(--tv-dark)100%);box-shadow:0 1.8rem 4rem rgba(67,33,19,0.28),inset 0 0 0 2px rgba(255,255,255,0.16)}.tv-top{position:absolute;top:-1.2rem;left:9%;width:82%;height:1.2rem;border-radius:999px;background:rgba(255,233,195,0.28)}.screen-bezel{position:relative;min-height:min(74vh,920px);overflow:hidden;border:0.75rem solid #2c160d;border-radius:1.8rem;background:var(--screen);box-shadow:inset 0 0 0 3px rgba(255,227,175,0.08),inset 0 0 45px rgba(255,179,89,0.15)}.screen{width:100%;height:100%;min-height:min(74vh,920px);border:0;background:#120d09}.screen-glare{position:absolute;inset:0 auto 0 0;width:35%;background:linear-gradient(90deg,rgba(255,255,255,0.18),transparent);z-index:1;pointer-events:none}.screen-note{position:absolute;inset:1.25rem;z-index:2;display:none;align-content:center;gap:0.85rem;padding:1.5rem;border-radius:1rem;color:#fff2de;background:linear-gradient(180deg,rgba(18,13,9,0.9),rgba(57,24,10,0.92));box-shadow:inset 0 0 0 1px rgba(255,232,199,0.12)}.screen-note p{margin:0;line-height:1.5}.screen-note a{width:fit-content;color:#fff6ea;font-weight:800}body.local-preview .screen-note{display:grid}.tv-controls{display:grid;align-content:center;gap:1.6rem;padding:1rem 0.7rem}.tv-buttons{display:grid;gap:0.7rem}.tv-button{width:100%;padding:0.8rem 0.7rem;border:0;border-radius:999px;font:inherit;font-size:0.92rem;font-weight:800;color:#fff8ee;cursor:pointer;background:linear-gradient(180deg,#a44a21,#6a2813);box-shadow:inset 0 0 0 1px rgba(255,224,175,0.18),inset 0 -6px 10px rgba(0,0,0,0.24),0 0.65rem 1rem rgba(44,22,13,0.18);transition:transform 160ms ease,filter 160ms ease}.tv-button:hover,.tv-button:focus-visible{transform:translateY(-1px);filter:brightness(1.06)}.tv-button--chevron{display:grid;place-items:center;min-height:3.35rem;padding:0.55rem}.tv-button--chevron span{display:block;font-size:2rem;line-height:1;transform:translateY(-0.05em)}.speaker-grid{height:230px;border-radius:1rem;background:radial-gradient(circle,rgba(34,17,10,0.85)26%,transparent 28%)0 0 / 18px 18px,linear-gradient(180deg,rgba(255,245,225,0.16),rgba(0,0,0,0.2));box-shadow:inset 0 0 0 2px rgba(255,244,223,0.09)}.knobs{display:grid;gap:0.85rem;justify-items:center}.knobs span{display:block;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2cb 0%,#d99453 35%,#6e3116 70%);box-shadow:inset -8px -8px 16px rgba(0,0,0,0.24),inset 2px 2px 8px rgba(255,255,255,0.2)}.tv-legs{position:absolute;inset:auto 19% 1.2rem 19%;display:flex;justify-content:space-between;pointer-events:none}.tv-legs span{width:10px;height:100px;border-radius:999px;background:linear-gradient(180deg,#5f2f19,#2c160d);transform-origin:top center}.tv-legs span:first-child{transform:rotate(20deg)}.tv-legs span:last-child{transform:rotate(-20deg)}.playlist-caption{width:min(100%,980px);margin:0 auto 1rem;text-align:center;font-size:1rem;line-height:1.6}.playlist-caption a{color:var(--accent-strong);font-weight:800}@media (max-width:960px){.tv{width:min(98vw,1100px);grid-template-columns:minmax(0,1fr)120px}.screen,.screen-bezel{min-height:min(62vh,680px)}}@media (max-width:720px){.page-shell{width:min(100% - 1rem,100%);padding-top:1rem}.hero-mark{max-width:100%}.tv{grid-template-columns:1fr;padding:1.1rem;border-radius:1.7rem}.tv-wrap{padding-left:0;padding-right:0}.tv-controls{grid-template-columns:1fr auto;align-items:center}.tv-buttons{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);order:3}.speaker-grid{height:92px}.knobs{grid-auto-flow:column}.screen,.screen-bezel{min-height:260px}}