:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f0f;--panel:#151818;--panel-soft:#1a1e1e;--line:#2a3030;--text:#f3f4ef;--muted:#979e99;--green:#45d59b;--green-dark:#123b2d;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#07110c;background:var(--green)}.app-shell,.watch-shell{width:min(1240px,100% - 56px);margin:0 auto}.topbar,.watch-header{border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;height:82px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-size:17px;font-weight:700;display:inline-flex}.brand-mark{background:linear-gradient(145deg,#d9f668,#7ee795 58%,#35c895);border-radius:9px 12px;place-items:center;width:30px;height:30px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 0 23px #45d59b2e}.brand-mark span{border:2px solid #15271d;border-radius:8px;width:9px;height:15px;transform:rotate(8deg)}.brand-divider{background:#363c39;width:1px;height:18px;margin:0 2px}.brand-subtitle{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500}.key-trigger{color:#d0d6d1;cursor:pointer;background:#151918;border:1px solid #333a37;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;transition:all .2s;display:flex}.key-trigger:hover{color:var(--green);border-color:#45d59ba6}.hero{text-align:center;flex-direction:column;align-items:center;padding:93px 0 72px;display:flex;position:relative}.hero:before{z-index:-1;content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(#2fa1711c 0%,#194a360d 40%,#0000 72%);width:620px;height:430px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.hero-kicker{color:#b9c0ba;letter-spacing:.04em;align-items:center;gap:9px;font-size:13px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #45d59b8c}.hero h1{letter-spacing:-.065em;margin:26px 0 17px;font-size:clamp(42px,6vw,68px);font-weight:740;line-height:1.13}.hero h1 em{color:var(--green);font-style:normal}.hero-copy{color:#a8afaa;margin:0;font-size:15px;line-height:1.8}.search-box{background:#181c1beb;border:1px solid #343c38;border-radius:16px;align-items:center;width:min(740px,100%);height:65px;margin-top:36px;padding:7px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 18px 55px #00000042,0 0 0 5px #ffffff03}.search-box:focus-within{border-color:#45d59b99;box-shadow:0 18px 55px #00000047,0 0 0 4px #45d59b14}.search-icon{color:#8c9991;flex:none;margin:0 12px 0 13px}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.search-box input::placeholder{color:#77807a}.clear-search{color:#858e88;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.clear-search:hover{color:#fff;background:#2a302d}.search-submit,.button-primary{color:#10251a;cursor:pointer;background:linear-gradient(110deg,#8eea6d,#42d59d);border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:9px;min-height:49px;padding:0 18px;font-size:13px;font-weight:750;transition:filter .15s,transform .15s;display:inline-flex}.search-submit:hover,.button-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.search-submit:disabled{opacity:.65;cursor:wait}.search-hint{color:#777f79;align-items:center;gap:7px;margin-top:15px;font-size:11px;display:flex}.search-hint svg{color:#73d8a9}.results-section{width:min(960px,100%);min-height:124px;margin:0 auto}.results-heading{justify-content:space-between;align-items:end;margin:0 0 18px;display:flex}.eyebrow{color:#8b9890;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.results-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:22px}.result-count{color:#838d86;padding-bottom:3px;font-size:12px}.result-list{gap:10px;display:grid}.result-card{background:linear-gradient(120deg,#171b19,#141716);border:1px solid #272e2b;border-radius:15px;grid-template-columns:205px minmax(0,1fr);min-height:143px;animation:.35s both rise-in;display:grid;overflow:hidden}.result-cover{background:#202522;min-height:143px;display:block;position:relative;overflow:hidden}.result-cover img{object-fit:cover;filter:saturate(.82)brightness(.77);width:100%;height:100%;min-height:143px;transition:transform .35s,filter .35s}.result-cover:hover img{filter:saturate(.95)brightness(.9);transform:scale(1.04)}.cover-fallback{color:#b8c5bc;text-align:center;background:radial-gradient(circle at 55% 35%,#384a40,#1c2420 64%);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:143px;padding:10px;font-size:10px;display:flex}.fallback-initial{color:#c8f0d3;background:#75bf8e1f;border:1px solid #a0ddb559;border-radius:12px;place-items:center;width:35px;height:35px;font-size:18px;font-weight:750;display:grid}.play-overlay{opacity:.75;background:#0000001a;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.result-cover:hover .play-overlay{opacity:1;background:#00000047}.play-overlay>span,.center-play{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070d0ab8;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.play-triangle{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #fff;width:0;height:0;margin-left:3px}.cover-time{color:#fff;font-variant-numeric:tabular-nums;background:#000000b3;border-radius:5px;padding:4px 6px;font-size:10px;position:absolute;bottom:9px;right:9px}.result-copy{flex-direction:column;min-width:0;padding:16px 20px 14px;display:flex}.result-meta{color:#8c9690;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:9px;font-size:11px;display:flex;overflow:hidden}.match-pill{color:#78dbaa;background:#45d59b14;border:1px solid #45d59b30;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:650}.result-copy h3{color:#f0f3ef;letter-spacing:-.02em;text-overflow:ellipsis;margin:11px 0 5px;font-size:17px;line-height:1.45;overflow:hidden}.result-copy mark{color:#c8f49c;background:#96e5703b;border-radius:2px}.translation{color:#a1aaa3;margin:0;font-size:12px;line-height:1.55}.result-bottom{color:#707a73;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:13px;font-size:10px;display:flex}.result-bottom a{color:#8be2b8;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:650;display:inline-flex}.result-bottom a:hover{color:#c0ffd9}.empty-state{text-align:center;border:1px dashed #2a322e;border-radius:16px;justify-items:center;padding:34px 20px 44px;display:grid}.empty-orbit{color:#7bcda5;background:radial-gradient(circle,#23382c,#18201b);border:1px solid #334038;border-radius:50%;place-items:center;width:55px;height:55px;display:grid}.empty-state h3{margin:17px 0 6px;font-size:15px}.empty-state p{color:#87918a;margin:0;font-size:12px}.pagination{color:#8d9890;justify-content:center;align-items:center;gap:17px;padding:22px 0 4px;font-size:11px;display:flex}.pagination button{cursor:pointer;background:#171c19;border:1px solid #313a35;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:inline-flex}.pagination button:hover:not(:disabled){color:var(--green);border-color:#4b9c76}.pagination button:disabled{opacity:.38;cursor:not-allowed}.notice{border:1px solid #343d38;border-radius:10px;padding:12px 15px;font-size:12px}.notice-error{color:#f0aaa0;background:#64241e2e;border-color:#e87b6e4d}.loading-state{color:#a3ada6;justify-content:center;align-items:center;gap:10px;padding:34px;font-size:12px;display:flex}.spinner{border:2px solid #38443d;border-top-color:var(--green);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.footer{color:#68726c;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-top:72px;padding:23px 0 28px;font-size:10px;display:flex}.footer span:first-child{color:#a0aaa3;font-weight:650}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040706bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.key-modal{background:#171c19;border:1px solid #333d37;border-radius:19px;width:min(440px,100%);padding:32px;position:relative;box-shadow:0 30px 100px #00000080}.modal-close{color:#8b958e;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff;background:#252c28}.modal-icon{width:42px;height:42px;color:var(--green);background:#45d59b17;border:1px solid #45d59b40;border-radius:12px;place-items:center;margin-bottom:23px;display:grid}.key-modal h2{letter-spacing:-.04em;margin:8px 0;font-size:23px}.key-modal>p{color:#9aa49d;margin:0;font-size:12px;line-height:1.7}.key-label{color:#d6ded8;margin:22px 0 8px;font-size:11px;font-weight:650;display:block}.key-input{color:#fff;background:#101412;border:1px solid #3a4540;border-radius:9px;outline:0;width:100%;height:45px;padding:0 13px;font-size:12px}.key-input:focus{border-color:#55c891;box-shadow:0 0 0 3px #45d59b17}.key-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.button-quiet{color:#9ba59e;cursor:pointer;background:0 0;border:0;padding:10px 4px;font-size:11px}.button-quiet:hover{color:#f1a49a}.button-primary{border-radius:9px;min-height:41px;padding:0 14px;font-size:11px}.key-modal .key-footnote{color:#68746c;margin-top:17px;font-size:10px}.watch-shell{max-width:1240px}.watch-header{height:72px}.back-link{color:#a1aaa3;align-items:center;gap:8px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--green)}.watch-brand{color:#dce3dd;font-size:13px;font-weight:700}.watch-brand span{color:#818b84;font-weight:450}.watch-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:30px;padding-top:28px;display:grid}.video-frame{aspect-ratio:16/9;background:#050706;border:1px solid #2b3430;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000003d}.video-frame video{object-fit:contain;width:100%;height:100%;display:block}.video-placeholder{color:#adb7af;justify-content:center;align-items:center;gap:11px;height:100%;font-size:12px;display:flex}.video-controls{opacity:0;background:linear-gradient(#0000,#000000de);align-items:center;gap:12px;height:55px;padding:0 16px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-frame:hover .video-controls,.video-controls:focus-within{opacity:1}.control-button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.control-button:hover{background:#ffffff1f}.control-time{color:#e5e9e6;font-variant-numeric:tabular-nums;font-size:10px}.control-time span{color:#7e8981}.control-spacer{flex:1}.center-play{color:#fff;cursor:pointer;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-play svg{margin-left:3px}.video-frame:hover .center-play{background:#0f1712d9}.watch-title-row{justify-content:space-between;align-items:center;gap:15px;padding:24px 3px 17px;display:flex}.watch-title-row h1{letter-spacing:-.035em;margin:7px 0 0;font-size:21px}.duration-badge{color:#a0afa5;font-variant-numeric:tabular-nums;border:1px solid #344038;border-radius:7px;padding:7px 10px;font-size:10px}.line-card{background:#141917;border:1px solid #2a332e;border-radius:13px;padding:21px 23px}.line-label{color:#78dba9;letter-spacing:.15em;font-size:9px;font-weight:750}.watch-line{color:#f2f5f2;margin:11px 0 8px;font-size:20px;font-weight:620;line-height:1.45}.watch-translation{color:#a6b0a9;margin:0;font-size:13px;line-height:1.65}.watch-aside{background:#141817;border:1px solid #292f2c;border-radius:14px;padding:20px}.aside-heading{border-bottom:1px solid #2a312d;align-items:center;gap:11px;padding-bottom:18px;display:flex}.aside-mark{color:#163323;background:linear-gradient(145deg,#d7f37d,#56d49c);border-radius:11px;place-items:center;width:37px;height:37px;font-size:16px;font-weight:800;display:grid}.aside-heading div{gap:4px;display:grid}.aside-heading strong{color:#e6ece7;font-size:12px}.aside-heading span{color:#7d8881;font-size:10px}.aside-step{border-bottom:1px solid #252d29;gap:12px;padding:17px 0;display:flex}.aside-step>span{color:#62ce99;font-variant-numeric:tabular-nums;padding-top:1px;font-size:10px;font-weight:750}.aside-step p{color:#adb6af;margin:0;font-size:11px;line-height:1.65}.aside-note{color:#89948c;background:#1a211d;border-radius:8px;margin-top:17px;padding:11px 12px;font-size:10px;line-height:1.6}.watch-footer{margin-top:46px}.watch-error{margin-top:30px}.player-notice{margin-top:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.app-shell,.watch-shell{width:min(100% - 32px,620px)}.topbar{height:67px}.brand{gap:9px;font-size:15px}.brand-mark{width:27px;height:27px}.brand-subtitle{font-size:11px}.key-trigger{gap:6px;padding:8px 10px;font-size:10px}.key-trigger svg:last-child{display:none}.hero{padding:69px 0 52px}.hero h1{margin-top:22px;font-size:clamp(39px,10vw,56px)}.hero-copy{max-width:300px;font-size:13px}.search-box{border-radius:13px;height:58px;margin-top:27px}.search-icon{width:18px;margin:0 8px}.search-box input{font-size:12px}.search-box input::placeholder{font-size:11px}.search-submit{gap:5px;min-height:43px;padding:0 11px;font-size:11px}.search-submit svg{width:14px}.results-heading h2{font-size:19px}.result-count{font-size:10px}.result-card{border-radius:12px;grid-template-columns:116px minmax(0,1fr);min-height:126px}.result-cover,.result-cover img,.cover-fallback{min-height:126px}.result-copy{padding:12px 12px 11px}.result-meta{gap:6px;font-size:9px}.match-pill{padding:3px 5px;font-size:8px}.result-copy h3{margin:8px 0 3px;font-size:14px}.translation{font-size:10px}.result-bottom{padding-top:8px;font-size:8px}.result-bottom a{gap:3px;font-size:9px}.result-bottom a svg{width:11px}.play-overlay>span{width:34px;height:34px}.footer{margin-top:50px;font-size:9px}.key-modal{padding:27px 22px}.watch-header{height:64px}.watch-layout{grid-template-columns:1fr;gap:20px;padding-top:18px}.video-frame{border-radius:11px}.video-controls{opacity:1;gap:7px;height:47px;padding:0 9px}.control-button{width:28px;height:28px}.control-time{font-size:9px}.watch-title-row{padding:19px 2px 13px}.watch-title-row h1{font-size:18px}.line-card{padding:18px}.watch-line{font-size:18px}.watch-translation{font-size:12px}.watch-aside{padding:17px}.watch-footer{margin-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}