:root{--paper:#fbfaf8;--surface:#fff;--ink:#17181a;--primary:#1c1d20;--muted-ink:#5c5d61;--text:var(--ink);--muted:var(--muted-ink);--soft:#f1f0ec;--line:#e3e2dd;--gold:#f1c77d;--gold-tint:#fbf1dc;--brick:#b3372a;--brand:linear-gradient(135deg,#5b1f47 0%,#c1553f 45%,#ec8a58 70%,#e8c690 100%);--border:1px solid var(--line);--shadow:0 1px 2px #17181a0a,0 8px 24px #17181a0f;--shadow-lg:0 2px 6px #17181a0f,0 24px 60px #17181a2e;--radius:16px;--display:"Chakra Petch",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:17px;line-height:1.5}a{color:var(--ink);text-underline-offset:3px}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;margin:0 0 .5em;font-weight:600;line-height:1.08}h2{font-size:clamp(22px,5vw,30px)}img{max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:14px}.error{color:var(--brick);font-weight:600}.row{display:flex;gap:12px;margin-top:18px}.grow{flex:1}.screen{position:relative;display:flex;color:#fff;--muted:#fffc;flex-direction:column;min-height:100svh;padding:24px 16px}.screen.center{justify-content:center;align-items: center}.video-bg{position:fixed;z-index:-1;overflow:hidden;background:var(--ink);inset:0}.video-bg video{position:absolute;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s;inset:0;transform:scale(1.04)}.video-bg video.on{opacity:1;animation:slowzoom 14s ease-in-out infinite alternate}.video-bg-tint{position:absolute;background:var(--ink);inset:0}@keyframes slowzoom{to{transform:scale(1.12)}}.brand{display:inline-flex;text-decoration:none;align-items: center}.brand img{display:block;width:auto;height:34px}.brand-big{box-shadow:var(--shadow-lg);background:#fbfaf8f0;border-radius:999px;margin-bottom:32px;padding:10px 20px}.brand-big img{height:clamp(34px,7vw,48px)}.btn{display:inline-flex;border:var(--border);background:var(--surface);color:var(--ink);text-decoration:none;cursor:pointer;border-radius:999px;justify-content:center;align-items: center;gap:8px;padding:12px 22px;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;font-weight:600}.btn:hover:not(:disabled){background:var(--soft);border-color:#c9c8c2}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-glow{background:var(--primary);border-color:var(--primary);color:#fff}.btn-glow:hover:not(:disabled){background:#33343a;border-color:#33343a}.screen .btn-glow{color:var(--ink);background:#fff;border-color:#fff;box-shadow:0 8px 30px #0000004d}.screen .btn-glow:hover:not(:disabled){background:var(--paper);border-color:var(--paper)}.screen .card .btn-glow{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:none}.screen .card .btn-glow:hover:not(:disabled){background:#33343a;border-color:#33343a}.btn-big{font-family:var(--display);padding:16px 30px;font-size:clamp(16px,4vw,19px);font-weight:600}.btn-ghost{background:var(--surface)}.btn-small{padding:7px 14px;font-size:15px}.chip{display:inline-flex;border:var(--border);background:var(--surface);color:var(--ink);text-decoration:none;cursor:pointer;border-radius:999px;align-items: center;gap:6px;padding:6px 14px;font-size:15px;font-weight:500}.chip-cta{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.chip-pick{transition:background .15s,border-color .15s,color .15s}.chip-pick:hover{background:var(--soft);border-color:#c9c8c2}.chip-pick.on,.chip-pick.on:hover{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}.diamonds{background:var(--gold-tint);border-color:#efd9ab;transition:background .15s;font-weight:700}.diamonds:hover{background:#f8e6bf}.card{background:var(--surface);color:var(--ink);--muted:var(--muted-ink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.screen .card{box-shadow:var(--shadow-lg);border-color:#0000}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brick);margin-bottom:8px;font-size:13px;font-weight:600}.pop-in{animation:popin .45s cubic-bezier(.2,.9,.3,1)both}@keyframes popin{0%{opacity:0;transform:translateY(16px)scale(.98)}}.welcome{justify-content:center}.welcome-inner{text-align:center;display:flex;flex-direction:column;align-items: center;max-width:760px;margin:0 auto}.welcome-title{text-shadow:0 3px 24px #00000073;animation:popin .8s .1s cubic-bezier(.2,.9,.3,1)both;margin-bottom:22px;font-size:clamp(38px,8.5vw,80px)}.welcome-title em{color:var(--gold);font-style:normal}.welcome-sub{color:#fff;text-shadow:0 2px 16px #000000e6;animation:popin .8s .3s both;max-width:560px;margin:0 0 34px;font-size:clamp(18px,3.6vw,22px);font-weight:400}.welcome .btn-big{animation:popin .8s .5s backwards}.welcome-skip{color:#fff;text-shadow:0 1px 10px #000000e6;margin-top:18px;font-weight:500}.progress{display:flex;gap:5px}.progress span{background:var(--soft);border-radius:99px;flex:1;height:6px;transition:background .3s}.progress span.on{background:var(--brand)}.chat-screen{justify-content:center;padding:16px}.card.chat{display:flex;overflow:hidden;animation:popin .45s cubic-bezier(.2,.9,.3,1)both;flex-direction:column;width:100%;max-width:680px;height:calc(100svh - 32px);margin:0 auto;padding:0}.chat-head{display:flex;border-bottom:var(--border);align-items: center;gap:16px;padding:14px 20px}.chat-head .brand img{height:28px}.chat-head .progress{flex:1;max-width:220px;margin-left:auto}.chat-log{overflow-y:auto;display:flex;overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;padding:20px}.chat-turn{display:flex;flex-direction:column;gap:10px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;animation:fadeup .25s both;border-radius:20px;max-width:85%;margin:0;padding:12px 16px}.bubble-bot{background:var(--soft);border-bottom-left-radius:6px;align-self: flex-start}.bubble-row{display:flex;flex-direction:row-reverse;align-self: flex-end;align-items: flex-end;gap:8px;max-width:85%}.bubble-me{background:var(--primary);color:#fff;border-bottom-right-radius:6px;max-width:100%}.bubble-edit{color:var(--muted);text-decoration:underline;cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px}.bubble-edit:disabled{opacity:.4;cursor:default}.bubble-typing{display:flex;gap:5px;padding:16px 18px}.bubble-typing span{background:var(--muted-ink);animation:typing 1s infinite ease-in-out;border-radius:50%;width:7px;height:7px}.bubble-typing span:nth-child(2){animation-delay:.15s}.bubble-typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}.chat-chips{animation:fadeup .25s both;margin:0}.chat-chips .chip:disabled{opacity:.4;cursor:not-allowed}.chat-error{margin:0}.chat-compose{border-top:var(--border);display:flex;flex-direction:column;gap:6px;padding:12px 16px 14px}.chat-compose>.btn{width:100%}.chat-compose>.error{margin:0}.compose-row{display:flex;align-items: flex-end;gap:8px}.compose-input{resize:none;flex:1;min-height:52px;max-height:40vh;margin:0;padding:12px 14px;font-size:17px;line-height:1.45}.compose-input::placeholder{color:#9a9b9e}.compose-mic,.compose-send{flex:none;width:52px;height:52px;padding:0;font-size:20px}.compose-mic.on{background:var(--brick);border-color:var(--brick);color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #b3372a40}}.compose-hint{color:var(--muted);margin:0;font-size:13px}.recaptcha-note{color:var(--muted);margin:0;font-size:11px}.recaptcha-note a{color:inherit}.grecaptcha-badge{visibility:hidden}@media (max-width:520px){.chat-screen{padding:0}.card.chat{box-shadow:none;border:0;border-radius:0;height:100svh}.chat-head{padding:12px 16px}.chat-log{padding:16px}.bubble,.bubble-row{max-width:92%}}.input{background:var(--surface);color:var(--ink);font:inherit;outline:none;border:1px solid #d6d5cf;border-radius:14px;width:100%;margin-top:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;font-size:18px}.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #17181a14}.building-inner{text-align:center;max-width:720px}.building-title{text-shadow:0 4px 30px #0009;font-size:clamp(28px,6.5vw,54px)}.building-line{display:inline-block;animation:fadeup .5s both;color:var(--ink);box-shadow:var(--shadow-lg);background:#fbfaf8f0;border-radius:999px;min-height:1.6em;padding:6px 18px;font-size:18px;font-weight:500}.building-slow{animation:fadeup .5s both;text-shadow:0 2px 12px #000000e6}.building-slow a{color:var(--gold)}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}}.reveal{justify-content:center;align-items: center}.reveal-card{width:100%;max-width:720px}.reveal-title{color:var(--ink);font-size:clamp(28px,6vw,46px)}.story-text{margin:18px 0 22px;font-size:18px;line-height:1.65}.reveal-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.reveal-card .story-text{margin:16px 0 14px}.next-steps{background:var(--paper);border:var(--border);display:grid;color:#3c3d40;border-radius:12px;gap:6px;margin:0 0 20px;padding:14px 16px 14px 36px;font-size:15px}.next-steps b{color:var(--ink)}.slide-pending{display:flex;color:var(--muted-ink);position:relative;overflow:hidden;background:linear-gradient(120deg,#f6f2ea,#efe9dd);flex-direction:column;flex:0 0 100%;justify-content:center;align-items: center;gap:6px;height:100%;font-weight:600}.slide-pending span{animation:bob 1.6s ease-in-out infinite;font-size:36px}.slide-pending:after{content:"";position:absolute;animation:sweep 1.6s infinite;background:linear-gradient(100deg,#0000 20%,#fff9 50%,#0000 80%);inset:0}@keyframes fadein{0%{opacity:0}}@keyframes bob{50%{transform:translateY(-6px)rotate(-8deg)}}.timeline-page{background:var(--paper);min-height:100svh}.header{position:sticky;z-index:10;display:flex;border-bottom:var(--border);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);background:#fbfaf8e0;justify-content:space-between;align-items: center;gap:12px;padding:12px 16px;top:0}.header-left,.header-right{display:flex;align-items: center;gap:8px}.icon-btn{position:relative;display:inline-grid;border:var(--border);background:var(--surface);color:var(--ink);text-decoration:none;cursor:pointer;border-radius:50%;flex:none;place-items: center;width:38px;height:38px;transition:background .15s,border-color .15s;font-size:18px;line-height:1}.icon-btn:hover{background:var(--soft);border-color:#c9c8c2}.bell{font-size:16px}.bell-count,.menu-count{background:var(--brick);color:#fff;text-align:center;border-radius:99px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.bell-count{position:absolute;top:-4px;right:-4px}.diamonds-plus{display:inline-grid;background:var(--ink);color:#fff;border-radius:50%;place-items: center;width:18px;height:18px;font-size:13px;line-height:1}@media (max-width:420px){.header .brand img{height:28px}.header{gap:6px;padding:10px 12px}}.avatar-fallback{display:inline-grid;font-family:var(--display);place-items: center;font-size:16px;font-weight:600}.avatar-guest{background:var(--soft);font-size:18px}.avatar{background:var(--soft);border:var(--border);object-fit:cover;border-radius:50%;flex:none;width:38px;height:38px}.timeline{display:flex;flex-direction:column;gap:22px;max-width:640px;margin:0 auto;padding:28px 16px 80px}.timeline-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px}.timeline-top h1{margin:0;font-size:clamp(26px,6vw,34px)}.create-cta{display:flex;border-radius:var(--radius);background:var(--brand);color:#fff;text-decoration:none;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:16px;padding:20px 22px;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 30px #5b1f4740}.create-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px #5b1f4752}.create-cta-text{display:flex;flex-direction:column;flex:260px;gap:4px}.create-cta-title{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(20px,5vw,24px);font-weight:600}.create-cta-sub{color:#ffffffe6;font-size:15px}.create-cta-btn{color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;padding:11px 20px;font-weight:700}.flash{background:var(--gold-tint);color:var(--ink);cursor:pointer;animation:popin .5s both;border:1px solid #efd9ab;border-radius:14px;padding:14px 18px;font-weight:600}.empty{text-align:center}.loader{text-align:center;animation:spin 1.2s linear infinite;font-size:34px}@keyframes spin{to{transform:rotate(360deg)}}.activity{display:flex;animation:popin .5s both;flex-direction:column;gap:12px;padding:18px}.activity-head{display:flex;align-items: center;gap:10px}.activity-who{font-size:16px}.activity-title{margin:4px 0 0;font-size:21px}.activity-text{color:#3c3d40;margin:0}.activity-body{display:grid;grid-template-columns:minmax(0,38%)minmax(0,1fr);align-items: start;gap:16px}.activity-main{display:flex;flex-direction:column;gap:12px;min-width:0}.activity-main .activity-title{margin:0}@media (max-width:520px){.activity-body{gap:12px}.activity-main .activity-title{font-size:18px}}.activity-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px}.btn-vote{padding:7px 16px}.btn-vote:hover:not(:disabled){background:var(--gold-tint);border-color:#efd9ab}.btn-vote.voted{background:var(--gold);border-color:var(--gold);color:var(--ink)}.btn-vote.voted:hover:not(:disabled){background:#eab95f;border-color:#eab95f}.cta-follow{display:flex;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;font-family:var(--display);border-radius:14px;flex-direction:column;gap:2px;padding:14px 18px;transition:background .15s;font-size:16px}.cta-follow:hover{background:#33343a}.cta-follow-sub{font-family:var(--body);color:#ffffffbf;font-size:14px;font-weight:400}.unlock-card{display:flex;background:var(--gold-tint);box-shadow:none;border:1px solid #efd9ab;border-radius:14px;flex-direction:column;align-items: flex-start;gap:10px;padding:18px}.unlock-card p{margin:0}.avatar-menu{position:relative}.avatar-button{cursor:pointer;display:block;background:0 0;border:0;border-radius:50%;padding:0}.avatar-button:hover .avatar{border-color:var(--ink)}.avatar-button:focus-visible .avatar{border-color:var(--ink)}.menu{position:absolute;z-index:30;background:var(--surface);border:var(--border);box-shadow:var(--shadow-lg);border-radius:16px;width:260px;padding:8px;top:calc(100% + 10px);right:0}.menu-head{display:flex;border-bottom:var(--border);align-items: center;gap:10px;min-width:0;margin-bottom:6px;padding:8px 10px 12px}.menu-head>div{overflow:hidden;text-overflow:ellipsis;min-width:0}.menu-item{display:flex;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items: center;gap:8px;width:100%;padding:10px 12px;font-weight:500}.menu-item:hover{background:var(--soft)}.menu-item:focus-visible{background:var(--soft)}.menu form{margin:0}.profile{display:flex;flex-direction:column;gap:14px}.profile-head{display:flex;align-items: center;gap:14px}.profile-head .avatar{width:64px;height:64px;font-size:26px}.profile-head h1{margin:0;font-size:28px}.profile-diamonds{display:flex;background:var(--gold-tint);border:1px solid #efd9ab;border-radius:14px;justify-content:space-between;align-items: center;gap:12px;padding:12px 14px}.my-series{display:flex;color:inherit;text-decoration:none;align-items: center;gap:14px;padding:14px;transition:border-color .15s,box-shadow .15s}.my-series:hover{box-shadow:var(--shadow-lg);border-color:#c9c8c2}.my-series img{aspect-ratio:9/16;object-fit:cover;border-radius:10px;flex:none;width:72px}.my-series .activity-title{margin:0 0 4px;font-size:18px}@media (max-width:520px){.my-series img{width:60px}}.activity-link,.episode-link{color:inherit;text-decoration:none;display:block}.activity-link:hover .activity-title,.episode-link:hover .activity-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.activity-series{color:var(--ink);text-decoration:none;font-weight:700}.activity-series:hover{text-decoration:underline}.user-link{color:inherit;text-decoration:none}.user-link b{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}.user-link:hover b{text-decoration-color:var(--ink)}.avatar-link{display:block;border-radius:50%}.avatar-link:hover .avatar{border-color:var(--ink)}.user-hero{flex-wrap:wrap;padding:8px 2px 4px}.user-hero .avatar{width:72px;height:72px;font-size:28px}.user-hero h1{margin:0;font-size:clamp(26px,6vw,34px)}.vote{display:flex;flex-wrap:wrap;align-items: center;gap:12px}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical}.series-hero{padding:8px 2px 4px}.series-hero .reveal-title{margin:0;font-size:clamp(24px,5vw,36px)}.series-logline{margin:0;font-size:19px}@media (max-width:520px){.series-logline{font-size:16px}}.series-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px}.series-watch{align-self: flex-start}.series-creator{display:inline-flex;align-items: center;gap:8px}.series-creator .avatar{width:30px;height:30px}.episode-number{font-family:var(--display);color:var(--brick);font-size:14px;font-weight:600}.reveal-card .cover{width:min(100%,280px,60vw);margin-inline-start:auto;margin-inline-end:auto}.footer{text-align:center;padding:0 16px 40px}.footer a{color:inherit}.page-title{margin:0;font-size:clamp(26px,6vw,34px)}.signin{display:flex;flex-direction:column;gap:12px;width:100%;max-width:460px;margin:24px auto 0}.signin h1{margin:0;font-size:30px}.signin p{margin:0}.signin form{display:flex;flex-direction:column;gap:12px}.signin-wide{width:100%}.signin-or{display:flex;color:var(--muted);align-items: center;gap:12px;margin:6px 0;font-size:14px}.signin-or:before,.signin-or:after{content:"";background:var(--line);flex:1;height:1px}.signin-email .input{margin-top:0}.notif-list{display:flex;flex-direction:column;padding:6px}.notif{display:flex;color:inherit;text-decoration:none;border-radius:12px;align-items: center;gap:12px;padding:12px;transition:background .15s}.notif+.notif{border-top:var(--border);border-radius:0}.notif:hover{background:var(--paper)}.notif.unread{background:var(--gold-tint)}.notif img,.notif-img{aspect-ratio:9/16;object-fit:cover;background:var(--soft);border-radius:8px;flex:none;width:48px}.notif-body{display:flex;flex-direction:column;gap:2px;font-size:15px}.modal-backdrop{position:fixed;z-index:50;display:grid;animation:fadeup .2s both;background:#17181a80;place-items: center;padding:16px;inset:0}.modal{position:relative;box-shadow:var(--shadow-lg);border-color:#0000;width:100%;max-width:520px}.modal-close{position:absolute;cursor:pointer;color:var(--muted-ink);background:0 0;border:0;font-size:28px;top:10px;right:14px}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.pack{display:flex;border:var(--border);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;align-items: center;gap:4px;padding:16px 8px;transition:transform .12s,border-color .15s,background .15s}.pack:hover:not(:disabled){background:var(--gold-tint);border-color:#efd9ab}.pack:active:not(:disabled){transform:scale(.98)}.pack-emoji{font-size:34px}.pack-name{font-family:var(--display);font-size:15px;font-weight:600}.pack-diamonds{font-weight:700}.pack-price{color:var(--muted-ink);font-weight:600}.admin-series{display:flex;flex-direction:column;gap:10px}.admin-episode{display:flex;background:var(--paper);border:var(--border);border-radius:12px;flex-wrap:wrap;align-items: center;gap:10px;padding:12px}.admin-episode .grow{min-width:180px}.badge{display:inline-block;background:var(--soft);color:var(--muted-ink);border-radius:99px;padding:1px 10px;font-size:13px;font-weight:600}.badge-live{background:var(--brand);color:#fff}.admin-user{display:flex;align-items: center;gap:12px}.admin-user img{border:var(--border);border-radius:50%}.admin-user .activity-title{margin:0}.admin-answers{display:block}.admin-answers dl{display:grid;gap:10px;margin:8px 0}.admin-answers dt{color:var(--muted);font-size:13px;font-weight:700}.admin-answers dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0}.admin-answers ol{display:grid;gap:4px;margin:6px 0 0;padding-left:20px}.admin-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.admin-form .input{margin-top:0;padding:12px 14px;font-size:16px}textarea.input{resize:vertical;min-height:90px}@media (max-width:520px){.card{padding:18px}.packs{grid-template-columns:1fr}.pack{flex-direction:row;justify-content:space-between;padding:12px 16px}.pack-emoji{font-size:24px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.cover-link{display:block;color:inherit;text-decoration:none}.cover{position:relative;overflow:hidden;aspect-ratio:9/16;background:var(--soft);border-radius:12px}.cover>img{object-fit:cover;display:block;user-select:none;animation:fadein .8s ease both;width:100%;height:100%}.cover>.slide-pending{height:100%}.cover-video{position:absolute;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;inset:0}.cover-video.on{opacity:1}.cover-play{position:absolute;display:grid;color:var(--ink);background:#ffffffeb;border-radius:50%;place-items: center;width:40px;height:40px;transition:opacity .3s;font-size:14px;bottom:12px;left:12px;box-shadow:0 4px 14px #00000040}.cover:hover .cover-play{opacity:0}.episode-row{display:flex;color:inherit;text-decoration:none;align-items: flex-start;gap:14px;padding:14px;transition:border-color .15s,box-shadow .15s}.episode-row:hover{box-shadow:var(--shadow-lg);border-color:#c9c8c2}.episode-row .cover{flex:none;width:96px}.episode-row .activity-title{margin:2px 0 4px;font-size:18px}.episode-row .activity-text{font-size:15px}@media (max-width:520px){.episode-row .cover{width:76px}}.link-button{color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.studio{max-width:1200px;margin:0 auto;padding:24px 16px 80px}.studio-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:16px;margin-bottom:20px}.studio-head h1{margin-bottom:4px}.studio-head p{max-width:640px;margin:0}.studio-spend{display:flex;flex-direction:column;align-items: flex-end}.studio-spend b{font-family:var(--display);font-size:28px}.studio-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items: start;gap:20px}.studio-rail{position:sticky;display:flex;flex-direction:column;gap:2px;top:16px}.studio-rail-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:12px 0 4px;font-size:12px;font-weight:700}.studio-rail-title:first-child{margin-top:0}.studio-rail-item{display:flex;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items: center;gap:8px;padding:8px 12px;font-weight:500}.studio-rail-item:hover{background:var(--soft)}.studio-rail-item.on{background:var(--primary);color:#fff}.studio-rail-note{padding:0 12px}.studio-step-icon{text-align:center;width:18px;font-weight:700}.studio-step-done{color:#2f8a4f}.studio-step-busy{color:#c98a1b;animation:studio-pulse 1.2s ease-in-out infinite}.studio-step-stale{color:var(--brick)}.studio-step-todo{color:var(--muted)}.studio-rail-item.on .studio-step-icon{color:#fff}@keyframes studio-pulse{50%{opacity:.3}}.studio-main{min-width:0}.studio-step{display:flex;flex-direction:column;gap:14px}.studio-step h3{margin:10px 0 4px;font-size:18px}.studio-intro h2{margin-bottom:4px}.studio-intro p{margin:0}.studio-row{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.studio-inline{display:inline-flex;flex-wrap:wrap;align-items: center;gap:8px}.studio-proposal{display:flex;background:var(--paper);border:var(--border);border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:14px}.studio-proposal-meta,.studio-proposal-inputs{display:flex;flex-wrap:wrap;align-items: center;gap:6px}.studio-prompt,.studio-input{border:var(--border);background:var(--surface);color:var(--ink);resize:vertical;border-radius:10px;width:100%;padding:10px 12px;font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.studio-input{font-family:var(--body);font-size:15px}.studio-chip{display:inline-flex;border:var(--border);background:var(--surface);font:inherit;cursor:pointer;border-radius:99px;align-items: center;gap:6px;padding:3px 10px 3px 3px;font-size:13px}.studio-chip img,.studio-chip video{object-fit:cover;background:#000;border-radius:50%;width:22px;height:22px}.studio-chip:not(:has(img,video)){padding-left:10px}.studio-chips{display:flex;flex-wrap:wrap;gap:4px}.studio-assets-group{display:grid;gap:10px;margin-top:8px}.studio-badge-busy{color:#8a5a00;background:#fbefd5}.studio-badge-ok{color:#1f6a3a;background:#dff1e4}.studio-badge-bad{color:var(--brick);background:#f8dfdb}.studio-badge-warn{color:#8a4a00;background:#fbe4c8}.studio-take-badges{display:flex;flex-wrap:wrap;gap:4px}.studio-current{display:flex;border:var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px}.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.studio-box{background:var(--paper);border:var(--border);border-radius:12px;padding:12px}.studio-box p{margin:6px 0 0}.studio-table{border-collapse:collapse;width:100%}.studio-table th,.studio-table td{text-align:left;border-bottom:var(--border);vertical-align:top;padding:6px 8px}.studio-dialogue{border-left:2px solid var(--accent,currentColor);margin-top:4px;padding-left:8px;font-style:italic}.studio-turn{margin-bottom:2px;font-weight:600}.studio-history{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px}.studio-take{display:flex;border:var(--border);background:var(--surface);font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;flex:none;gap:4px;width:120px;padding:6px}.studio-take.on{border-color:#2f8a4f;box-shadow:0 0 0 2px #dff1e4}.studio-take img{object-fit:cover;border-radius:6px;width:100%;height:80px}.studio-take-text{display:grid;background:var(--soft);border-radius:6px;place-items: center;height:80px;font-family:ui-monospace,monospace}.studio-take .badge{padding:0 6px;font-size:11px}.studio-looks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.studio-look{display:flex;border:var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:10px}.studio-look.on{border-color:#2f8a4f;box-shadow:0 0 0 2px #dff1e4}.studio-look p{margin:0}.studio-look-img{background:var(--soft);overflow:hidden;cursor:zoom-in;display:grid;aspect-ratio:9/16;border:none;border-radius:8px;place-items: center;width:100%;padding:0}.studio-look-img img{object-fit:cover;display:block;width:100%;height:100%}.studio-own summary{cursor:pointer;font-weight:600}.studio-own[open]{display:flex;flex-direction:column;gap:8px}.studio-asset{display:flex;border:var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px}.studio-asset-current{display:flex;flex-direction:column;gap:8px}.studio-asset-current.wide .studio-look-img{aspect-ratio:16/9;max-width:640px}.studio-asset-current.tall .studio-look-img{max-width:260px}.studio-storyboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.studio-storyboard .studio-asset-current.tall .studio-look-img{max-width:none}.studio-storyboard .studio-take{width:90px}.studio-storyboard .studio-take img{height:120px}.studio-episode{display:flex;flex-direction:column;gap:14px}.studio-episode-head h2{margin-bottom:4px}.studio-episode-head p{margin:0}.studio-rail-ep{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-rail-item{min-width:0}.studio-nowrap{white-space:nowrap}.studio-video{aspect-ratio:9/16;display:block;background:#000;border-radius:8px;width:100%;max-width:260px}.studio-storyboard .studio-video{max-width:none}.studio-cut-video{max-width:320px}.studio-take video{object-fit:cover;background:#000;border-radius:6px;width:100%;height:80px}.studio-storyboard .studio-take video{height:120px}.studio-keyframe-mini{display:flex;border:var(--border);background:var(--paper);cursor:zoom-in;font:inherit;color:inherit;border-radius:8px;align-items: center;gap:8px;width:-moz-fit-content;width:fit-content;padding:4px}.studio-keyframe-mini img{aspect-ratio:9/16;object-fit:cover;border-radius:4px;width:44px}.studio-proposal-frames{display:flex;gap:10px}.studio-proposal-frames figure{margin:0}.studio-proposal-frames img{aspect-ratio:9/16;object-fit:cover;border:var(--border);display:block;border-radius:8px;width:140px}.studio-reject{display:flex;flex-direction:column;gap:8px;width:100%}.studio-reject .chips{margin:0}.studio-inspector{position:fixed;z-index:50;overflow-y:auto;display:flex;background:var(--surface);border-left:var(--border);box-shadow:var(--shadow-lg);flex-direction:column;gap:10px;width:min(480px,100vw);padding:16px;top:0;bottom:0;right:0}.studio-inspector-head{justify-content:space-between}.studio-inspector h4{font-family:var(--display);margin:8px 0 0}.studio-inspector-img{border:var(--border);border-radius:10px;width:100%}.studio-facts{display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px 10px;margin:0}.studio-facts dt{color:var(--muted);font-weight:700}.studio-facts dd{overflow-wrap:anywhere;margin:0}.studio-pre{background:var(--paper);border:var(--border);white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;border-radius:10px;max-height:50vh;margin:0;padding:10px 12px;font-size:12.5px}.studio-pre-error{color:var(--brick)}@media (max-width:760px){.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-rail{position:static;flex-flow:wrap}.studio-rail-title,.studio-rail-note{display:none}}@property --paper{syntax:"<color>";inherits:true;initial-value:#fbfaf8}@property --surface{syntax:"<color>";inherits:true;initial-value:#fff}@property --ink{syntax:"<color>";inherits:true;initial-value:#17181a}@property --primary{syntax:"<color>";inherits:true;initial-value:#1c1d20}@property --muted-ink{syntax:"<color>";inherits:true;initial-value:#5c5d61}@property --soft{syntax:"<color>";inherits:true;initial-value:#f1f0ec}@property --line{syntax:"<color>";inherits:true;initial-value:#e3e2dd}:root{transition:--paper 1.8s,--surface 1.8s,--ink 1.8s,--primary 1.8s,--muted-ink 1.8s,--soft 1.8s,--line 1.8s}.header{transition:background 1.8s}html.cinema{--paper:#0b0908;--surface:#161211;--ink:#f3ede4;--primary:#c8202f;--muted-ink:#a89f95;--soft:#241d1b;--line:#33292a;--brick:#ff5a63;--shadow:0 1px 2px #00000080,0 10px 30px #0000008c;--shadow-lg:0 2px 6px #0009,0 24px 60px #000000b3;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}.cinema .header{background:#0b0908d1}.cinema .btn:hover:not(:disabled){border-color:#4a3c3b}.cinema .btn-glow:hover:not(:disabled){background:#e0293a;border-color:#e0293a}.cinema .studio-rail-item.on{box-shadow:0 0 18px #c8202f73}.cinema .studio-card,.cinema .card{border-color:var(--line)}.cinema .studio-badge-busy{color:#f0c46a;background:#c98a1b2e}.cinema .studio-badge-ok{color:#7fd49a;background:#2f8a4f33}.cinema .studio-badge-bad{color:#ff8a90;background:#ff5a6329}.cinema .studio-badge-warn{color:#f5b36b;background:#f0963c2e}.cinema .studio-take.on,.cinema .studio-look.on{border-color:#3f9a5f;box-shadow:0 0 0 2px #3f9a5f40}.cinema .studio-step-done{color:#6fcf8e}.cinema h1,.cinema h2{text-shadow:0 0 30px #ffdcb414}.cinema .studio-neon{color:#ff3d4c;text-shadow:0 0 4px #ff3d4ce6,0 0 14px #ff3d4c99,0 0 32px #c8202f73;animation:cinema-neon 7s infinite}.cinema-lamp{position:fixed;pointer-events:none;z-index:0;opacity:0;mix-blend-mode:screen;transition:opacity 2.4s .9s;inset:0}.cinema .cinema-lamp{opacity:1}.cinema-lamp:before{content:"";position:absolute;animation:cinema-flicker 11s infinite;background:radial-gradient(70% 45% at 50% -8%,#ffc48033,#ffaa640f 45%,#0000 70%);inset:0}.cinema-lamp:after{content:"";position:absolute;background:radial-gradient(circle at 0% 100%,#c8202f33,#0000 38%),radial-gradient(circle at 100% 100%,#c8202f33,#0000 38%);inset:0}.studio-page .header,.studio-page .studio{position:relative;z-index:1}.studio-page .header{z-index:10}.cinema-grain{position:fixed;pointer-events:none;z-index:70;opacity:0;animation:cinema-grain .9s steps(5)infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");transition:opacity 2s 1.2s;inset:-50%}.cinema .cinema-grain{opacity:.05}@keyframes cinema-flicker{0%,12%,14%,40%,44%,71%,to{opacity:1}12.5%{opacity:.45}13.2%{opacity:.9}13.6%{opacity:.55}41%{opacity:.7}42.5%{opacity:.35}43%{opacity:.95}70%{opacity:.85}70.4%{opacity:.5}}@keyframes cinema-neon{0%,18%,21%,60%,to{opacity:1}19%{opacity:.4}20%{opacity:.9}20.5%{opacity:.5}61%{opacity:.75}}@keyframes cinema-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}@media (prefers-reduced-motion:reduce){.cinema-lamp:before,.cinema-grain,.cinema .studio-neon{animation:none}}.brand img{transition:filter 1.8s}.cinema .brand img{filter:invert(1)hue-rotate(180deg)}.feed-open,.feed-open body{overflow:hidden;overscroll-behavior:none;background:#000}.feed-page{position:fixed;z-index:40;color:#fff;--muted:#ffffffb8;background:#000;inset:0}.feed{position:absolute;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;inset:0}.feed::-webkit-scrollbar{display:none}.feed-message{position:absolute;display:grid;text-align:center;z-index:1;place-content: center;gap:16px;padding:16px;inset:0}.slide{position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;align-items: center;height:100%}.slide-bg{position:absolute;filter:blur(40px)brightness(.45)saturate(1.2);background:50%/cover no-repeat;inset:-40px}.stage{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width:760px){.stage{overflow:visible;border-radius:14px;width:min(100vw - 200px,56.25dvh);height:min(100dvh,177.778vw - 355.556px);box-shadow:0 30px 80px #0009}.stage:before,.stage:after,.end-overlay{border-radius:inherit}}.stage-media{position:absolute;display:grid;overflow:hidden;border-radius:inherit;background:#000;place-items: center;inset:0}.stage-media>*{grid-area:1/1;object-fit:contain;width:100%;height:100%}.stage-media .slide-pending{color:#fffc}.stage-video{background:0 0}.stage-media-locked .stage-poster{filter:blur(18px)brightness(.6);transform:scale(1.1)}.stage-tap{position:absolute;z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;inset:0}.stage:after{content:"";position:absolute;pointer-events:none;z-index:1;background:linear-gradient(#0000,#00000059 40%,#000000bf);height:45%;inset:auto 0 0}.stage:before{content:"";position:absolute;pointer-events:none;z-index:1;background:linear-gradient(#00000073,#0000);height:110px;inset:0 0 auto}.stage-info{position:absolute;left:16px;right:84px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:2;display:flex;text-shadow:0 1px 3px #0009;flex-direction:column;gap:4px}.stage-series{font-family:var(--display);color:#fff;text-decoration:none;font-size:18px;font-weight:700}.stage-series:hover{text-decoration:underline}.stage-title{display:flex;flex-wrap:wrap;align-items: center;gap:6px;font-size:15px;font-weight:600}.stage-ep{color:var(--gold);font-family:var(--display)}.stage-synopsis{all:unset;cursor:pointer;color:#ffffffe0;display:flex;align-items: flex-end;gap:6px;font-size:14px;line-height:1.4}.stage-synopsis>span{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.stage-info.open .stage-synopsis>span{-webkit-line-clamp:unset;overflow-y:auto;max-height:40dvh}.stage-more{flex:none;font-weight:700}.rail{position:absolute;right:8px;bottom:calc(26px + env(safe-area-inset-bottom));z-index:2;display:flex;flex-direction:column;align-items: center;gap:16px}@media (min-width:760px){.rail{bottom:26px;right:-76px}}.rail-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;color:#fff;text-shadow:0 1px 3px #0009;text-decoration:none;flex-direction:column;align-items: center;gap:4px;width:60px;font-size:12px;font-weight:700}div.rail-item{cursor:default}.rail-icon{display:grid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-radius:50%;place-items: center;width:46px;height:46px;transition:transform .12s,background .15s;font-size:21px}.rail-item:hover .rail-icon{background:#ffffff3d}.rail-item:active .rail-icon{transform:scale(.9)}.rail-item:focus-visible .rail-icon{outline:2px solid #fff;outline-offset:2px}.rail-gold{background:var(--gold)}.rail-avatar .avatar{border:2px solid #fff;width:46px;height:46px;font-size:18px}.caption{position:absolute;z-index:2;pointer-events:none;text-align:center;animation:fadein .15s backwards;font-family:var(--display);text-transform:uppercase;-webkit-text-stroke:.5px #0009;text-shadow:0 2px #00000080,0 0 12px #000000b3;width:max-content;max-width:82%;font-size:clamp(18px,5.2vw,24px);font-weight:700;line-height:1.2;bottom:30%;left:50%;transform:translate(-50%)}.stage-paused{position:absolute;z-index:1;pointer-events:none;display:grid;color:#ffffffd9;animation:fadein .15s backwards;background:#00000059;border-radius:50%;place-items: center;width:84px;height:84px;margin:auto;padding-left:6px;font-size:44px;inset:0}.stage-buffering{position:absolute;z-index:1;pointer-events:none;opacity:0;animation:spin .8s linear infinite,show .2s .4s forwards;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:44px;height:44px;margin:auto;inset:0}@keyframes show{to{opacity:1}}.progress{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom);z-index:3;display:flex;cursor:pointer;touch-action:none;align-items: flex-end;height:18px}.progress-track{background:#ffffff38;width:100%;height:3px;transition:height .12s}.progress:hover .progress-track,.progress.on .progress-track{height:6px}.progress-fill{transform-origin:left;background:#fff;height:100%;transform:scaleX(0)}.sound-pill{position:absolute;top:calc(64px + env(safe-area-inset-top));z-index:3;cursor:pointer;animation:fadein .3s backwards;color:var(--ink);background:#fff;border:0;border-radius:99px;padding:9px 16px;font-weight:700;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.swipe-hint{position:absolute;z-index:2;pointer-events:none;display:flex;animation:fadein .4s backwards;white-space:nowrap;background:#0000008c;border-radius:16px;flex-direction:column;align-items: center;gap:2px;padding:10px 16px;font-weight:700;bottom:34%;left:50%;transform:translate(-50%)}.swipe-hint-arrow{animation:nudge 1.1s ease-in-out infinite;font-size:26px;line-height:.8}@keyframes nudge{50%{transform:translateY(-8px)}}.stage-locked{position:absolute;z-index:2;display:flex;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14100eb8;border-radius:18px;flex-direction:column;align-items: center;gap:14px;padding:22px 18px;top:50%;left:16px;right:16px;transform:translateY(-60%)}.stage-locked p{margin:0;font-size:16px;line-height:1.45}.feed-page .btn-glow{color:var(--ink);background:#fff;border-color:#fff}.feed-page .btn-glow:hover:not(:disabled){background:var(--paper);border-color:var(--paper)}.end-overlay{position:absolute;z-index:3;animation:fadein .25s backwards;display:flex;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;flex-direction:column;justify-content:center;align-items: center;gap:12px;padding:24px 20px;inset:0}.end-overlay-still{aspect-ratio:9/16;object-fit:cover;border-radius:10px;width:120px;box-shadow:0 12px 30px #00000080}.end-overlay-title{text-align:center;max-width:280px;margin:0;font-weight:600}.end-overlay-replay{all:unset;cursor:pointer;color:#fffc;padding:6px 10px;font-weight:600}.end-overlay-replay:hover{color:#fff}.end-overlay .cta-follow,.series-end .cta-follow{box-sizing:border-box;background:var(--brand);align-self:stretch;width:100%;max-width:360px;margin-inline-start:auto;margin-inline-end:auto}.stage-end{display:flex;background:#00000059;justify-content:center;align-items: center}.stage-end:before,.stage-end:after{display:none}.series-end{display:flex;text-align:center;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:24px 20px}.series-end .eyebrow{color:var(--gold);margin:0}.series-end-title{font-family:var(--display);margin:0;font-size:28px}.up-next{display:flex;text-align:left;background:#ffffff1a;border-radius:18px;flex-direction:column;gap:12px;padding:16px}.up-next-label{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:700}.up-next-body{display:flex;gap:12px}.up-next-body img{aspect-ratio:9/16;object-fit:cover;border-radius:8px;flex:none;width:72px}.up-next-body b{font-family:var(--display);font-size:18px}.up-next-body p{color:#fffc;display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px}.muted-light{color:#ffffffb3}.series-end-links{display:flex;justify-content:center;align-items: center;gap:18px}.series-end-links a{color:#fff;font-weight:600}.feed-top{position:absolute;top:calc(10px + env(safe-area-inset-top));z-index:4;display:flex;pointer-events:none;justify-content:space-between;left:10px;right:10px}.feed-top>*{pointer-events:auto}.feed-btn{cursor:pointer;display:grid;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:0;border-radius:50%;place-items: center;width:42px;height:42px;font-size:19px}.feed-btn:hover:not(:disabled){background:#fff3}.feed-btn:disabled{opacity:.3;cursor:default}.feed-arrows{display:none}@media (min-width:760px) and (hover:hover){.feed-top{top:20px;left:20px;right:20px}.feed-arrows{position:absolute;z-index:4;display:flex;flex-direction:column;gap:12px;top:50%;right:20px;transform:translateY(-50%)}.feed-arrows .feed-btn{background:#ffffff1f;width:48px;height:48px}}.drawer-backdrop{position:fixed;z-index:45;display:flex;animation:fadein .2s backwards;background:#00000080;justify-content:center;align-items: flex-end;inset:0}.drawer{overflow-y:auto;box-sizing:border-box;padding:16px 16px calc(20px + env(safe-area-inset-bottom));color:#fff;animation:drawer-up .25s cubic-bezier(.2,.8,.2,1);background:#161211;border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:72dvh}@keyframes drawer-up{0%{transform:translateY(100%)}}.drawer-head{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-bottom:14px}.drawer-head b{font-family:var(--display);font-size:18px}.drawer-unlock{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:10px;margin-bottom:14px;font-size:14px}.drawer-unlock .btn{padding:8px 14px;font-size:14px}.drawer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.drawer-tile{position:relative;aspect-ratio:9/16;overflow:hidden;display:grid;color:#fff;text-decoration:none;outline:2px solid #0000;outline-offset:2px;background:#2a2322;border-radius:10px;place-items: center}.drawer-tile img{position:absolute;object-fit:cover;filter:brightness(.6);width:100%;height:100%;inset:0}.drawer-tile.locked img{filter:brightness(.35)blur(2px)}.drawer-tile.on{outline-color:var(--gold)}.drawer-num{position:relative;font-family:var(--display);text-shadow:0 1px 4px #000000b3;font-size:22px;font-weight:700}.drawer-mark{position:absolute;font-size:13px;font-weight:700;top:4px;right:6px}