*{box-sizing:border-box}html,body{height:100%}body{color:#f5f5f5;touch-action:manipulation;background:#000;margin:0;font-family:system-ui,sans-serif}button{font:inherit;color:inherit}code{background:#222;border-radius:4px;padding:1px 5px}.phone-frame{isolation:isolate;background:#0b0c10;width:100%;max-width:460px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}@media (min-width:461px){.phone-frame{border-radius:28px;height:96dvh;margin-top:2dvh;box-shadow:0 0 0 1px #2a2d38,0 30px 60px #0009}}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.home-screen{padding:calc(20px + env(safe-area-inset-top,0px)) 16px 32px;overflow-y:auto}.home-header{margin-bottom:16px}.home-header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-header h1{margin:0;font-size:22px}.home-header p{color:#999;margin:4px 0 0;font-size:13px}.empty-hint{color:#999;font-size:14px}.account-btn{color:#eee;cursor:pointer;background:#1c1f28;border:1px solid #2e323f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.account-btn--placeholder{cursor:default}.account-avatar{color:#fff;background:#ff2d55;border-color:#ff2d55;font-size:14px;font-weight:700}.account-menu-wrap{position:relative}.account-menu-overlay{z-index:10;position:fixed;inset:0}.account-menu{z-index:11;background:#14161c;border:1px solid #2e323f;border-radius:10px;min-width:190px;padding:10px;position:absolute;top:42px;right:0;box-shadow:0 8px 24px #0006}.account-menu-email{color:#999;word-break:break-all;border-bottom:1px solid #262a35;margin-bottom:6px;padding:4px 6px 8px;font-size:12px}.account-menu-signout{text-align:left;color:#ff8080;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px;font-size:13px;font-weight:600}.account-menu-signout:hover{background:#ffffff0d}.show-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.show-card{aspect-ratio:2/3;cursor:pointer;text-align:left;background-position:50%;background-size:cover;border:none;border-radius:14px;padding:0;position:relative;overflow:hidden}.show-card-scrim{background:linear-gradient(#0000 25%,#00000026 45%,#000000e6 100%);position:absolute;inset:0}.show-card-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;letter-spacing:.03em;z-index:1;background:#0000008c;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.show-card-placeholder-tag{z-index:1;color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#ff2d55d9;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.show-card-play{color:#ffffffd9;opacity:0;justify-content:center;align-items:center;font-size:28px;transition:opacity .15s;display:flex;position:absolute;inset:0}.show-card:hover .show-card-play,.show-card:active .show-card-play{opacity:1}.show-card-title{z-index:1;text-shadow:0 1px 4px #0009;font-size:15px;font-weight:700;line-height:1.25;position:absolute;bottom:10px;left:10px;right:10px}.player-screen{background:#000}.video-wrap{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-wrap video{object-fit:contain;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%}.touch-shield{z-index:1;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;position:absolute;inset:0}.video-wrap video::-webkit-media-controls{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.video-wrap video::-webkit-media-controls-start-playback-button{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.video-wrap video::-webkit-media-controls-overlay-play-button{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.video-wrap video::-webkit-media-controls-overlay-enclosure{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.video-wrap video::-webkit-media-controls-play-button{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.video-wrap video::-webkit-media-controls-panel{appearance:none!important;opacity:0!important;pointer-events:none!important;display:none!important}.speed-badge{z-index:1;color:#fff;pointer-events:none;background:#ff2d55e6;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:800;position:absolute;top:16px;left:50%;transform:translate(-50%)}.player-chrome{z-index:2;pointer-events:none;opacity:0;flex-direction:column;justify-content:space-between;transition:opacity .2s;display:flex;position:absolute;inset:0}.player-chrome--visible{opacity:1}.player-topbar{pointer-events:auto;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;padding:10px 10px 24px;display:flex}.player-topbar-title{text-align:center;flex-direction:column;align-items:center;display:flex}.player-show-title{font-size:14px;font-weight:700}.player-episode-title{color:#bbb;font-size:11px}.icon-btn{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.icon-btn--ghost{visibility:hidden}.center-controls{pointer-events:auto;flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-play-btn{cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.center-icons-row{align-items:center;gap:16px;display:flex}.center-icon-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.player-bottombar{pointer-events:auto;background:linear-gradient(#0000,#000000bf);padding:0 14px 14px}.seek-bar{cursor:pointer;align-items:center;height:18px;display:flex;position:relative}.seek-bar:before{content:"";background:#ffffff40;border-radius:2px;height:3px;position:absolute;left:0;right:0}.seek-bar-fill{background:#ff2d55;border-radius:2px;height:3px;position:relative}.error{color:#ff8080;padding:20px}.episode-bar{z-index:3;cursor:pointer;background:#14161c;border-top:1px solid #262a35;justify-content:center;align-items:center;gap:8px;height:52px;font-size:13px;font-weight:600;display:flex;position:relative}.chevron{color:#999;font-size:10px;transition:transform .2s;display:inline-block}.chevron--up{transform:rotate(180deg)}.episode-drawer{z-index:2;background:#14161c;border-top:1px solid #262a35;max-height:0;transition:max-height .25s;position:absolute;bottom:52px;left:0;right:0;overflow:hidden}.episode-drawer--open{max-height:45dvh;overflow-y:auto}.episode-drawer-grid{grid-template-columns:repeat(5,1fr);gap:10px;padding:14px;display:grid}.episode-tile{aspect-ratio:1;color:#eee;cursor:pointer;background:#1c1f28;border:1px solid #2e323f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:15px;font-weight:700;display:flex}.episode-tile--active{color:#fff;background:#ff2d55;border-color:#ff2d55}.login-screen{min-height:100dvh;padding:24px;padding-top:calc(100px + env(safe-area-inset-top,0px));justify-content:center;align-items:flex-start;display:flex;position:relative}.login-close{color:#eee;cursor:pointer;background:#1c1f28;border:1px solid #2e323f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;position:absolute;top:20px;left:20px}.login-card{width:100%;max-width:360px}.login-card h1{margin:0 0 4px;font-size:20px}.login-step-label{color:#999;margin:0 0 6px;font-size:13px}.login-email-display{color:#f5f5f5;word-break:break-all;margin:0 0 20px;font-size:20px;font-weight:700}.login-card p{color:#999;margin:0 0 20px;font-size:13px}.login-input{color:#f5f5f5;background:#1c1f28;border:1px solid #2e323f;border-radius:10px;width:100%;margin-bottom:12px;padding:12px 14px;font-size:16px}.login-button{color:#fff;cursor:pointer;background:#ff2d55;border:none;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;font-weight:700}.login-button:disabled{opacity:.5;cursor:default}.login-error{color:#ff8080;margin-top:10px;font-size:13px}.login-back{color:#999;cursor:pointer;background:0 0;border:none;margin-top:14px;padding:0;font-size:13px}