@font-face{font-family:GreatVibes;src:url(/assets/Great-Vibes-BQ2AXH-m.otf)format("opentype");font-display:swap}:root{color:#261d1f;background:#4e070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}button{font:inherit}.app-shell{min-height:100vh;position:relative}.video-screen{--bottom-nav-clearance:calc(72px + env(safe-area-inset-bottom));isolation:isolate;height:100dvh;min-height:0;padding:10px 0 var(--bottom-nav-clearance);color:#fff;background:linear-gradient(#12000380 0%,#4c00084d 32%,#440008c7 61%,#230005eb 100%),radial-gradient(circle at 50% 74%,#ffffff2e,#fff0 24%),url(/assets/background-texture-fQhKPdJ-.jpeg) 50%/cover no-repeat;grid-template-rows:auto auto auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.video-hero{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#120005eb,#32161fdb);border:1px solid #ffffff47;border-radius:18px;min-height:62px;margin:0 12px;padding:10px 76px 10px 16px;animation:.42s ease-out both card-rise;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px #0a000261}.video-hero:before{content:"";background:linear-gradient(#32c290,#2fa69f14);border-radius:999px;width:4px;position:absolute;top:13px;bottom:13px;left:10px}.video-hero__text{align-items:center;min-width:0;display:flex}.video-hero h1{color:#fff;text-align:left;text-shadow:0 2px 12px #0000003d;margin:0;font-size:15px;font-weight:800;line-height:1.35}.video-hero__avatar{opacity:.92;filter:drop-shadow(0 10px 18px #00000052);width:68px;height:auto;position:absolute;bottom:-11px;right:11px}.video-stack{z-index:3;min-height:0;margin:10px 16px 0;animation:.46s ease-out 40ms both card-rise;position:relative}.video-card-shell{aspect-ratio:16/9;position:relative}:-webkit-any(.video-card-shell:fullscreen,.video-card-shell:-webkit-full-screen){aspect-ratio:auto;background:#030303;width:100vw;height:100dvh}:is(.video-card-shell:fullscreen,.video-card-shell:fullscreen){aspect-ratio:auto;background:#030303;width:100vw;height:100dvh}.video-card__frame{z-index:2;background:#030303;border:1px solid #ffffff42;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 26px 52px #00000070}:-webkit-any(.video-card-shell:fullscreen .video-card__frame,.video-card-shell:-webkit-full-screen .video-card__frame){width:100%;height:100%;box-shadow:none;border:0;border-radius:0}:is(.video-card-shell:fullscreen .video-card__frame,.video-card-shell:fullscreen .video-card__frame){width:100%;height:100%;box-shadow:none;border:0;border-radius:0}:-webkit-any(.video-card-shell:fullscreen .player-controls,.video-card-shell:-webkit-full-screen .player-controls){right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left))}:is(.video-card-shell:fullscreen .player-controls,.video-card-shell:fullscreen .player-controls){right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left))}.video-card__frame:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff2e,#fff0 28%),radial-gradient(circle at 18% 14%,#32c29038,#32c29000 32%);position:absolute;inset:0}.video-card__media{object-fit:contain;background:#030303;width:100%;height:100%;display:block}.player-center-button,.player-control-button{color:#fff;background:#ffffff29;border:0;place-items:center;display:grid}.player-center-button{z-index:3;-webkit-backdrop-filter:blur(14px);border-radius:50%;width:52px;height:52px;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 32px #00000052}.custom-video-player.controls-hidden .player-center-button{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.9)}.player-center-button svg{fill:currentColor;width:25px;height:25px}.player-state{z-index:4;color:#fff;background:#0000009e;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-state--error{background:#8e313ce0}.player-controls{z-index:3;background:#060608b8;border:1px solid #ffffff38;border-radius:14px;grid-template-columns:30px auto minmax(58px,1fr) 30px 30px;align-items:center;gap:6px;min-height:40px;padding:6px 7px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 14px 28px #00000038}.custom-video-player.controls-hidden .player-controls{opacity:0;pointer-events:none;transform:translateY(10px)}.player-control-button{border-radius:50%;width:30px;height:30px}.player-control-button svg{fill:currentColor;width:17px;height:17px}.player-time{color:#ffffffe6;white-space:nowrap;min-width:70px;font-size:10px;font-weight:800}.player-progress{accent-color:#32c290;width:100%;min-width:0}.video-actions-row{z-index:4;justify-content:center;margin:5px 14px 0;display:flex;position:relative}.action-tray{z-index:3;background:#180a0ea8;border:1px solid #ffffff47;border-radius:999px;gap:6px;width:max-content;max-width:calc(100% - 44px);margin:0 auto;padding:6px;display:flex;position:relative;box-shadow:0 12px 24px #0a000233}.round-action{color:#f9f4f2;background:#ffffff2e;border:0;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .14s,background .14s,color .14s;display:grid;box-shadow:0 6px 14px #0a00021f}.round-action.pressed{background:#ffffff47;transform:scale(.92)}.round-action.active{color:#fff;background:linear-gradient(135deg,#32c290,#2fa69f);box-shadow:0 8px 18px #32c2904d}.round-action svg{fill:currentColor;width:20px;height:20px}.book-showcase{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:0;margin:0 18px;display:flex;position:relative}.book-showcase:before{content:"";mix-blend-mode:screen;background:radial-gradient(#ffffff38,#ffffff14 42%,#fff0 70%);border-radius:50%;height:46%;position:absolute;bottom:14%;left:16%;right:16%}.book-showcase__image{z-index:1;object-fit:contain;filter:drop-shadow(0 18px 24px #00000047);width:auto;max-width:min(74vw,288px);max-height:clamp(178px,30dvh,240px);display:block;position:relative}.book-showcase__copyright{z-index:1;color:#fff;overflow-wrap:anywhere;text-align:center;text-shadow:0 2px 8px #00000085;white-space:normal;max-width:calc(100% - 16px);margin:0;font-size:clamp(12px,3.5vw,15px);font-weight:800;line-height:1.35;position:relative}.intro-panel{z-index:2;color:var(--video-content-color,#2b2022);-webkit-backdrop-filter:blur(18px);text-align:left;background:#fcfcfcdb;border:1px solid #ffffff7a;border-radius:20px;margin:6px 14px 0;padding:18px;line-height:1.65;position:relative;box-shadow:0 18px 30px #0a000238}.bottom-nav{z-index:20;height:calc(52px + env(safe-area-inset-bottom));padding:6px 6px max(6px, env(safe-area-inset-bottom));background:#180a0ed1;border:1px solid #ffffff38;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:12px;right:12px;overflow:hidden;box-shadow:0 16px 34px #2d000742}.bottom-nav__item{color:#ffffffa3;white-space:nowrap;border-radius:13px;place-items:center;min-width:0;height:100%;text-decoration:none;display:grid;overflow:hidden}.bottom-nav__item.active{color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff2e,0 8px 18px #0000002e}.bottom-nav__icon{background:currentColor;width:25px;height:25px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.video-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5A4.5 4.5 0 0 1 9.5 3h9A4.5 4.5 0 0 1 23 7.5v13a4.5 4.5 0 0 1-4.5 4.5h-9A4.5 4.5 0 0 1 5 20.5v-13Zm7.3 4v5.1c0 .7.8 1.2 1.4.8l4.1-2.6a.9.9 0 0 0 0-1.5l-4.1-2.6a.9.9 0 0 0-1.4.8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5A4.5 4.5 0 0 1 9.5 3h9A4.5 4.5 0 0 1 23 7.5v13a4.5 4.5 0 0 1-4.5 4.5h-9A4.5 4.5 0 0 1 5 20.5v-13Zm7.3 4v5.1c0 .7.8 1.2 1.4.8l4.1-2.6a.9.9 0 0 0 0-1.5l-4.1-2.6a.9.9 0 0 0-1.4.8Z'/%3E%3C/svg%3E")}.user-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14a5.2 5.2 0 1 0 0-10.4A5.2 5.2 0 0 0 14 14Zm0 2.2c-5 0-8.6 2.8-9.8 7.2-.2.8.4 1.6 1.2 1.6h17.2c.8 0 1.4-.8 1.2-1.6-1.2-4.4-4.8-7.2-9.8-7.2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14a5.2 5.2 0 1 0 0-10.4A5.2 5.2 0 0 0 14 14Zm0 2.2c-5 0-8.6 2.8-9.8 7.2-.2.8.4 1.6 1.2 1.6h17.2c.8 0 1.4-.8 1.2-1.6-1.2-4.4-4.8-7.2-9.8-7.2Z'/%3E%3C/svg%3E")}.list-screen,.me-screen{background:#f6f2ef;min-height:100vh;padding:20px 14px 112px}.list-header{text-align:left;padding:8px 2px 18px}.list-header p{color:#8e313c;text-transform:uppercase;margin:0 0 5px;font-size:13px;font-weight:800}.list-header h1{color:#2b2022;margin:0;font-size:28px;line-height:1.15}.video-list{gap:12px;display:grid}.video-list__item{text-align:left;background:#fff;border:0;border-radius:18px;grid-template-columns:92px minmax(0,1fr);gap:12px;width:100%;padding:10px;display:grid;box-shadow:0 10px 24px #4a2f2a14}.video-list__thumb{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#8e313c,#cc4757) 50%/cover;border-radius:14px;place-items:center;display:grid;overflow:hidden}.video-list__thumb svg{fill:currentColor;filter:drop-shadow(0 2px 6px #0000004d);width:30px;height:30px}.video-list__body{flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex}.video-list__body strong{color:#2b2022;font-size:15px;line-height:1.35}.video-list__body small{color:#9b908c;font-weight:700}.empty-state,.route-state,.wechat-gate,.access-required{color:#2b2022b3;text-align:center;align-content:center;place-items:center;gap:14px;min-height:60vh;display:grid}.empty-state img{opacity:.9;width:min(220px,68vw)}.wechat-gate{background:#f6f2ef;min-height:100vh;padding:20px}.access-required{color:#2b2022;background:#f6f2ef;min-height:100vh;padding:20px}.wechat-gate__panel,.access-required__panel{background:#fff;border-radius:22px;width:min(340px,100%);padding:28px 22px;box-shadow:0 18px 38px #4a2f2a1f}.wechat-gate__icon,.access-required__icon{color:#fff;background:#17b956;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 14px;font-weight:900;display:grid}.access-required__icon{background:#8e313c}.access-required__icon:before{content:"!"}.wechat-gate h1,.access-required h1{margin:0 0 8px;font-size:22px}.wechat-gate p,.access-required p{margin:0;line-height:1.55}.spinner{border:4px solid #8e313c2e;border-top-color:#8e313c;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.toast-host{z-index:40;color:#fff;text-align:center;background:#2b2022e0;border-radius:999px;width:max-content;max-width:calc(100% - 48px);margin:auto;padding:11px 18px;font-size:14px;font-weight:800;position:fixed;bottom:104px;left:24px;right:24px;box-shadow:0 10px 22px #0000002e}.toast-host.success{background:#208b54eb}.toast-host.error{background:#a82c33f0}.toast-enter-active,.toast-leave-active{transition:opacity .18s,transform .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}.sheet-backdrop{z-index:30;background:#0000006b;align-items:flex-end;display:flex;position:fixed;inset:0}.share-sheet{width:100%;padding:10px 18px max(20px, env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0}.share-sheet__handle{background:#e5ddda;border-radius:999px;width:42px;height:4px;margin:0 auto 16px}.share-sheet h2{color:#2b2022;text-align:center;margin:0 0 18px;font-size:18px}.share-sheet__wechat-hint{color:#2b2022;text-align:center;place-items:center;gap:12px;padding:18px 12px 20px;display:grid}.share-sheet__wechat-hint p{max-width:260px;margin:0;font-size:15px;font-weight:800;line-height:1.45}.share-sheet__menu-dot{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#8e313c,#cc4757);border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;font-weight:900;line-height:1;display:grid}.share-sheet__actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.share-sheet__actions button,.share-sheet__cancel{color:#2b2022;background:#f6f2ef;border:0;border-radius:16px;font-weight:800}.share-sheet__actions button{place-items:center;gap:9px;padding:16px 8px;display:grid}.share-sheet__bubble{color:#fff;background:linear-gradient(135deg,#8e313c,#cc4757);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.share-sheet__cancel{background:#fff;border:1px solid #eee4e1;width:100%;height:48px;margin-top:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.video-hero,.video-stack{animation:none}.toast-enter-active,.toast-leave-active{transition:none}}@media (width>=520px){.app-shell{width:430px;min-height:100vh;margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 24px 60px #00000047}.bottom-nav{left:calc(50vw - 203px);right:calc(50vw - 203px)}}@media (width<=380px){.video-screen{padding-top:12px}.video-hero,.video-stack{margin-left:10px;margin-right:10px}.video-hero{padding-right:80px}.bottom-nav{left:10px;right:10px}}