@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-600-italic.woff2)format("woff2");font-weight:600;font-style:italic;font-display:swap}:root{--bg:#0a0810;--bg-2:#120d19;--card:#18111f;--panel:#120c1ae0;--glass:#ffffff14;--line:#ffffff1f;--text:#f7eff5;--muted:#b9a8b5;--rose:#e0245e;--rose-2:#ff5a8c;--violet:#6a3fc8;--gold:#f5b82e;--header-h:64px;--radius:18px;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}a{color:var(--rose-2)}button{font:inherit;color:inherit;cursor:pointer}.display,.modal h2,.row-title,.sheet-name,.side-card h2{font-family:var(--serif);letter-spacing:-.01em;font-weight:700}.btn,.nameplate,.pack-gems{font-family:var(--sans);letter-spacing:.01em;font-weight:700}.small{color:var(--muted);font-size:13px}.btn{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #0000004d;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-size:16px;transition:transform 80ms,filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn:disabled{filter:grayscale(.6)brightness(.7)}.btn-rose{background:linear-gradient(180deg, var(--rose-2), var(--rose));box-shadow:0 8px 24px #e0245e59}.btn-violet{background:linear-gradient(180deg, #8f66ee, var(--violet));box-shadow:0 8px 24px #6a3fc859}.btn-gold{background:linear-gradient(180deg, #ffd666, var(--gold));color:#3b2300;text-shadow:none}.btn-glass{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-btn{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.stack{flex-direction:column;gap:10px;display:flex}.stack .btn{width:100%}.gem{vertical-align:middle}.gem-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:999px;align-items:center;gap:6px;height:40px;padding:0 5px 0 12px;font-weight:700;display:inline-flex}.gem-pill .plus{background:var(--rose);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#f1dbe7;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.story-title{font-family:var(--serif);letter-spacing:-.015em;color:#fff;text-shadow:0 2px 18px #0009;font-weight:700;line-height:1.04;display:block}.eyebrow{letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:var(--rose-2);font-size:11px;font-weight:700}.fade-img{opacity:0;transition:opacity .45s}.fade-img.loaded{opacity:1}.app{min-height:100dvh}.app-header{z-index:15;height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:linear-gradient(#0a0810eb,#0a0810b3);border-bottom:1px solid #ffffff0f;align-items:center;gap:18px;display:flex;position:sticky;top:0}.brand{background:0 0;border:0;padding:0;display:flex}.logo-text{font-family:var(--serif);color:#fff;flex-direction:column;align-items:flex-start;font-size:23px;font-style:italic;font-weight:600;line-height:1;display:flex}.logo-text small{text-transform:uppercase;font-family:var(--sans);letter-spacing:.42em;color:var(--rose-2);margin-bottom:3px;font-size:8.5px;font-style:normal;font-weight:700}.header-nav{gap:4px;display:none}.header-nav button,.header-nav a{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.header-nav .on,.header-nav button:hover,.header-nav a:hover{color:var(--text);background:#ffffff0f}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.app-main{position:relative}.center-fill{place-items:center;min-height:60vh;display:grid}.banner{background:#000;height:min(76svh,640px);min-height:480px;position:relative;overflow:hidden}.banner-slide{opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s;position:absolute;inset:0}.banner-slide.active{opacity:1;visibility:visible}.banner-bg{object-fit:cover;transform-origin:50% 0;width:100%;height:100%;transition:transform 7s ease-out,opacity .45s;position:absolute;inset:0;transform:scale(1)}.banner-slide.active .banner-bg{transform:scale(1.05)}.banner-slide:after{content:"";background:linear-gradient(180deg, #0a081000 30%, #0a0810bf 62%, var(--bg) 100%);position:absolute;inset:0}.banner-copy{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute;bottom:40px;left:0;right:0}.banner-title{font-size:clamp(34px,9.5vw,46px)}.banner-copy .tags{justify-content:center}.banner-synopsis{-webkit-line-clamp:2;color:#eadde6;-webkit-box-orient:vertical;max-width:560px;margin:0;font-size:15px;display:-webkit-box;overflow:hidden}.banner-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.banner-actions .btn{min-height:46px;padding:10px 18px;font-size:15px}.btn-info{display:none}.banner-measure{pointer-events:none;position:absolute;inset:0}.banner-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.banner-dots button{background:#ffffff59;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .3s,background .3s}.banner-dots button.on{background:var(--rose-2);width:22px}.banner-arrow{display:none}.home{padding-bottom:env(safe-area-inset-bottom)}.row{max-width:1440px;margin:0 auto;padding:18px 16px 8px}.row-title{margin:0 0 12px;font-size:24px}.poster-grid{grid-template-columns:repeat(2,1fr);gap:18px 12px;display:grid}.poster{text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.poster-art{aspect-ratio:3/4;border-radius:var(--radius);background:var(--card);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000073}.poster-art:after{content:"";pointer-events:none;background:linear-gradient(#0000002e,#0000 30% 70%,#00000059);position:absolute;inset:0}.poster-bg{object-fit:cover;width:100%;height:100%;transition:transform .4s,opacity .45s;position:absolute;inset:0}.poster:hover .poster-art{transform:translateY(-4px);box-shadow:0 16px 36px #0009}.poster:hover .poster-bg{transform:scale(1.06)}.chip{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.chip-rose{background:var(--rose)}.chip-sides{left:auto;right:8px}.poster-name{font-family:var(--serif);margin-top:8px;font-size:17px;font-weight:700;line-height:1.2}.poster-tags{color:var(--muted);font-size:12px}.continue-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg, #22152b, var(--card));text-align:left;align-items:center;gap:14px;width:100%;max-width:520px;padding:10px;display:flex}.continue-thumb{aspect-ratio:3/4;border-radius:12px;flex-shrink:0;width:64px;overflow:hidden}.continue-thumb img{object-fit:cover;width:100%;height:100%}.continue-card div{flex-direction:column;gap:2px;display:flex}.continue-card span{color:var(--muted);font-size:13px}.continue-card .continue-go{color:var(--rose-2);font-weight:700}.app-footer{text-align:center;max-width:1440px;color:var(--muted);border-top:1px solid #ffffff0f;margin:28px auto 0;padding:24px 16px 36px;font-size:13px}.app-footer a{color:var(--muted);margin:0 10px}.sheet{background:var(--bg-2);border:1px solid var(--line);border-radius:24px 24px 0 0;width:100%;max-width:560px;max-height:92dvh;animation:.28s both rise;position:relative;overflow-y:auto}.sheet-art{aspect-ratio:3/2;position:relative}.sheet-art>img{object-fit:cover;width:100%;height:100%}.sheet-art:after{content:"";background:linear-gradient(180deg, #0000 50%, var(--bg-2));position:absolute;inset:0}.sheet-title{z-index:1;font-size:34px;position:absolute;bottom:14px;left:20px;right:60px}.sheet-close{z-index:2;position:absolute;top:12px;right:12px}.sheet-body{padding:6px 20px max(22px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.sheet-name{margin:0;font-size:28px}.sheet-synopsis{color:#e6d7e1;margin:0}.sheet-note{color:var(--muted);margin:0;font-size:14px}.sheet-sides{grid-template-columns:1fr 1fr;gap:10px;display:grid}.side-row{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:10px 12px}.side-row span{flex-direction:column;display:flex}.side-row small{color:var(--muted)}.sheet-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sheet-actions .btn{padding:10px 12px;font-size:16px}.is-playing .app-header{display:none}.player-layout{z-index:10;background:#000;position:fixed;inset:0}.player-stage{-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;position:relative;overflow:clip}.player-side{display:none}.scene{position:absolute;inset:0;overflow:hidden}.scene-pan{will-change:transform;transition:transform .5s ease-in-out;position:absolute;top:0;left:0}.scene-pan img{width:100%;height:100%;position:absolute;inset:0}.fade-in{animation:.6s both fade-in}@keyframes fade-in{0%{opacity:0}}.tap-catcher{position:absolute;inset:0}.stage-bar{z-index:5;padding:max(12px, env(safe-area-inset-top)) 14px 24px;pointer-events:none;background:linear-gradient(#0000008c,#0000);align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.stage-bar>*{pointer-events:auto}.auto-toggle{border:1px solid var(--line);height:36px;color:var(--muted);letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:999px;flex-shrink:0;padding:0 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.auto-toggle.on{color:#ffd54a;background:#ffd54a29;border-color:#ffd54a99}.stage-title{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000c;pointer-events:none;flex:1;font-size:15px;font-weight:700;overflow:hidden}.dialogue-area{padding:0 12px max(16px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.dialogue-area>*{pointer-events:auto;width:100%}.options{flex-direction:column;gap:10px;margin-bottom:14px;animation:.3s both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.option{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1226db;border:1px solid #ffffff38;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:10px 18px;font-weight:600;transition:transform .1s,background .15s;display:flex}.option:hover{background:#301e40eb}.option:active{transform:scale(.98)}.option-gems{background:linear-gradient(90deg,#821448f0,#d62468e0);border-color:#ffb4d273}.option-gems:hover{background:linear-gradient(90deg,#961a54f5,#e62e74eb)}.option .cost{flex-shrink:0;align-items:center;gap:4px;font-weight:800;display:inline-flex}.dialogue{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;min-height:128px;padding:26px 18px 18px;position:relative;box-shadow:0 10px 40px #00000080}.nameplate{background:var(--violet);letter-spacing:.03em;border-radius:999px;padding:4px 14px;font-size:13px;position:absolute;top:-16px;left:16px}.nameplate.you{background:var(--rose)}.line-text{margin:0;font-size:18px;line-height:1.5}.hidden-rest{visibility:hidden}.tap-hint{letter-spacing:.02em;color:#ffd54a;font-size:12px;font-weight:700;animation:1.4s ease-in-out infinite pulse;position:absolute;bottom:8px;right:16px}@keyframes pulse{50%{opacity:.35}}.fade-overlay{z-index:8;opacity:0;text-align:center;font-family:var(--serif);letter-spacing:.01em;background:#000;place-items:center;padding:24px;font-size:26px;font-style:italic;font-weight:600;transition:opacity .5s;display:grid;position:absolute;inset:0}.fade-overlay.shown{opacity:1}.end-panel{z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.card-panel{background:var(--panel);border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;width:100%;max-width:400px;padding:28px 22px}.card-panel h1{margin:0 0 8px;font-size:30px}.card-panel p{color:var(--muted)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:520px;max-height:92dvh;padding:18px 18px max(22px, env(safe-area-inset-bottom));background:var(--bg-2);border:1px solid var(--line);border-radius:24px 24px 0 0;animation:.25s both rise;position:relative;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal h2{margin:0;font-size:26px}.shop-balance{margin:0}.bonus{width:100%;margin:8px 0 4px}.packs{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.pack{border:1px solid var(--line);background:linear-gradient(#2a1838,#1d1228);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:22px 8px 14px;transition:transform .15s,border-color .15s;display:flex;position:relative}.pack:hover{border-color:#ff5a8c80;transform:translateY(-2px)}.pack-gems{align-items:center;gap:6px;font-size:26px;display:inline-flex}.pack-price{background:var(--rose);border-radius:999px;padding:4px 14px;font-weight:700}.pack-tag{background:var(--gold);color:#3b2300;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;top:-9px}.busy{z-index:30;text-align:center;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.dev-checkout .stack{width:240px}.spinner{border:4px solid #fff3;border-top-color:var(--rose-2);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings{flex-direction:column;gap:8px;display:flex}.settings label{color:var(--muted);margin-top:8px;font-size:14px;font-weight:700}.settings input[type=range]{width:100%;accent-color:var(--rose)}.segmented{background:#ffffff0f;border-radius:999px;padding:4px;display:flex}.segmented button{background:0 0;border:0;border-radius:999px;flex:1;height:40px}.segmented button.on{background:var(--rose);font-weight:700}.links{text-align:center;margin-top:14px}.danger{color:#ff9db0;margin-top:6px}.confirm p{color:var(--muted)}.consent{z-index:25;left:50%;bottom:max(12px, env(safe-area-inset-bottom));background:var(--bg-2);border:1px solid var(--line);border-radius:18px;width:calc(100% - 24px);max-width:520px;padding:16px;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #0009}.consent p{margin:0 0 12px;font-size:14px}.consent-row{gap:10px;display:flex}.consent-row .btn{flex:1;min-height:44px;font-size:17px}.toast{z-index:40;left:50%;top:max(76px, calc(env(safe-area-inset-top) + 64px));border:1px solid var(--line);text-align:center;background:#140e1cf5;border-radius:14px;max-width:min(440px,100% - 32px);padding:12px 18px;animation:.25s both rise;position:fixed;transform:translate(-50%)}.btn-play{min-width:150px}.sheet-play{width:100%;min-height:52px;font-size:17px}.side-restart{width:100%;min-height:42px;font-size:14px}.chooser{width:100%;max-width:560px;max-height:94dvh;padding:26px 18px max(22px, env(safe-area-inset-bottom));border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%, #e0245e29, transparent 60%), var(--bg-2);text-align:center;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;gap:10px;animation:.28s both rise;display:flex;position:relative;overflow-y:auto}.chooser-close{position:absolute;top:12px;right:12px}.chooser-title{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:clamp(28px,7.5vw,38px);font-weight:700;line-height:1.08}.chooser-sub{max-width:460px;color:var(--muted);margin:0 0 8px}.chooser-options{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.chooser-card{aspect-ratio:3/4;color:#fff;border:1px solid var(--line);background:linear-gradient(160deg,#2a1830,#0a0810);border-radius:22px;padding:0;transition:transform .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000008c}.chooser-card:hover{border-color:#ff5a8c99;transform:translateY(-4px)}.chooser-card .chip{z-index:2}.chooser-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chooser-card:after{content:"";background:linear-gradient(#0000 45%,#08060ceb);position:absolute;inset:0}.chooser-label{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:16px;left:0;right:0}.chooser-label b{font-family:var(--serif);font-size:clamp(22px,6vw,30px);font-weight:700}.chooser-label small{letter-spacing:.2em;text-transform:uppercase;color:var(--rose-2);font-size:12px;font-weight:700}.account-lead{color:var(--muted);margin:0 0 14px}.account-box{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.account-box p{color:var(--muted);margin:0;font-size:14px}.account-box b{color:var(--text)}.account-options,.account-form{flex-direction:column;align-items:stretch;gap:10px;display:flex}.google-box{justify-content:center;min-height:44px;display:flex}.account-form input{border:1px solid var(--line);height:50px;color:var(--text);background:#00000059;border-radius:14px;padding:0 16px;font-size:17px}.account-form input[inputmode=numeric]{letter-spacing:.4em;text-align:center}.account-later{width:100%;margin-top:10px}.link-btn{color:var(--muted);background:0 0;border:0;align-self:center;padding:6px;font-size:14px;text-decoration:underline}@media (width>=640px){.poster-grid{grid-template-columns:repeat(3,1fr)}.sheet-title{font-size:40px}}@media (width>=960px){.header-nav{display:flex}.logo-text{font-size:26px}.row{padding:28px 40px 8px}.row-title{font-size:28px}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px 20px}.banner{height:min(78vh,680px)}.banner-slide:after{background:linear-gradient(90deg, #0a0810eb 0%, #0a081099 34%, #0a081000 62%), linear-gradient(180deg, #0a081000 60%, var(--bg) 100%)}.banner-bg,.banner-measure{width:78%;left:22%}.banner-copy{text-align:left;justify-content:center;align-items:flex-start;gap:16px;width:min(520px,42vw);padding:0;inset:0 auto 0 max(40px,50vw - 680px)}.banner-title{font-size:60px}.banner-copy .tags{justify-content:flex-start}.banner-synopsis{-webkit-line-clamp:4;font-size:17px}.banner-actions{justify-content:flex-start}.btn-info{display:inline-flex}.banner-arrow{z-index:2;border:1px solid var(--line);opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:50%;place-items:center;width:46px;height:46px;margin-top:-23px;font-size:28px;line-height:1;transition:opacity .2s;display:grid;position:absolute;top:50%}.banner:hover .banner-arrow{opacity:1}.banner-arrow.prev{left:16px}.banner-arrow.next{right:16px}.banner-dots{bottom:34px;left:max(40px,50vw - 680px);transform:none}.modal-backdrop{align-items:center}.modal{border-radius:24px;max-width:460px}.chooser{border-radius:24px;padding:32px 28px 28px}.sheet{border-radius:24px;grid-template-columns:1.1fr 1fr;max-width:980px;display:grid;overflow:hidden}.sheet-art{aspect-ratio:auto;min-height:480px}.sheet-art:after{background:linear-gradient(90deg, #0000 60%, var(--bg-2))}.sheet-title{font-size:44px;bottom:24px;left:24px}.sheet-body{padding:28px 28px 28px 20px;overflow-y:auto}.sheet-close{left:12px;right:auto}.is-playing .app-header{display:flex}.player-layout{background:0 0;grid-template-columns:minmax(0,1fr) 340px;gap:24px;max-width:1600px;margin:0 auto;padding:20px 28px 28px;display:grid;position:static}.player-stage{width:min(100%, calc((100dvh - var(--header-h) - 48px) * 1.5));aspect-ratio:3/2;border:1px solid var(--line);border-radius:20px;justify-self:center;height:auto;box-shadow:0 30px 80px #0009}.stage-bar .gem-pill{display:none}.dialogue-area{padding:0 24px 22px}.dialogue-area>*{max-width:820px}.options{max-width:640px!important}.line-text{font-size:19px}.player-side{max-height:calc(100dvh - var(--header-h) - 48px);flex-direction:column;gap:14px;display:flex;overflow-y:auto}.side-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);flex-direction:column;gap:10px;padding:18px;display:flex}.side-card h2{margin:0;font-size:24px}.side-synopsis{color:var(--muted);margin:0;font-size:14px}.side-progress{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.side-progress b{color:var(--text)}.progress{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--rose), var(--rose-2));height:100%;transition:width .4s;display:block}.side-buttons{grid-template-columns:1fr auto;gap:8px;display:grid}.side-buttons .btn{min-height:42px;padding:8px 14px;font-size:15px}.side-heading{color:var(--muted);margin:6px 0 0;font-size:15px}.side-list{flex-direction:column;gap:8px;display:flex}.side-item{text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px;transition:background .15s,border-color .15s;display:flex}.side-item:hover{border-color:var(--line);background:#ffffff12}.side-thumb{aspect-ratio:3/4;border-radius:10px;flex-shrink:0;width:48px;overflow:hidden}.side-thumb img{object-fit:cover;width:100%;height:100%}.side-item span{flex-direction:column;display:flex}.side-item small{color:var(--muted)}}@media (width>=1500px){.player-layout{grid-template-columns:minmax(0,1fr) 380px}}