:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f5f3;background:#10121b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(60rem 42rem at 10% -10%,#293451 0,transparent 65%),radial-gradient(48rem 35rem at 100% 0%,#422943 0,transparent 66%),#10121b}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{max-width:1200px;margin:auto;padding:36px 34px 60px}.top{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:750;letter-spacing:.02em}.mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#f7f3ea;color:#191b23;font-size:19px}.top-note{color:#adaebb;font-size:13px}.hero{padding:66px 0 42px;max-width:820px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b6bdcf;font-size:13px;font-weight:700;letter-spacing:.13em}.dot{width:7px;height:7px;border-radius:50%;background:#b5d0a4;box-shadow:0 0 16px #a6d099}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.06;letter-spacing:-.055em;margin:19px 0 18px;font-weight:760}.hero h1 span{color:#a8b9de}.hero p{font-size:16px;line-height:1.7;color:#b7b8c7;margin:0;max-width:690px}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff21;padding-bottom:14px}.tabs{display:flex;gap:6px}.tab{background:transparent;border:0;color:#aeb2c1;padding:12px 18px;border-radius:11px;font-weight:700}.tab.active{background:#ecedf3;color:#202430}.tab:hover:not(.active){background:#ffffff12}.add-button,.account-strip button,.add-panel button{background:#b8c7e7;color:#1a2235;border:0;border-radius:11px;padding:12px 18px;font-weight:750;white-space:nowrap}.add-button:hover,.account-strip button:hover:not(:disabled),.add-panel button:hover{filter:brightness(1.1)}.add-panel{margin-top:22px;padding:23px;border:1px solid #ffffff21;border-radius:19px;background:#20232f}.add-panel h2{font-size:19px;margin:0 0 4px}.add-panel p{font-size:13px;color:#aaaebf;margin:0 0 17px}.add-panel form{display:flex;align-items:end;gap:12px}.add-panel label{display:grid;gap:8px;color:#bec2cf;font-size:12px;font-weight:700;flex:1}.add-panel label:nth-child(2){flex:2}.add-panel input{width:100%;min-width:0;border:1px solid #ffffff30;background:#141722;border-radius:10px;color:#fff;padding:12px 13px;outline:0}.add-panel input:focus{border-color:#b8c7e7}.form-error{min-height:16px;color:#ffb6aa!important;margin:10px 0 0!important}.account-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#1d202c;border:1px solid #ffffff1a;border-radius:17px;padding:17px 20px;margin:25px 0}.account-copy{display:flex;align-items:center;gap:12px}.account-copy strong{display:block;font-size:15px}.account-copy small{display:block;color:#aeb1bf;font-size:12px;margin-top:4px;line-height:1.4}.platform-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#fff;font-size:18px;font-weight:800}.platform-icon.youtube{background:#ed473f}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:37px 0 20px}.section-head h2{margin:0 0 6px;font-size:22px}.section-head p{margin:0;color:#9fa3b4;font-size:13px}.count{color:#9498a9;font-size:13px}.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-card{overflow:hidden;background:#20232f;border:1px solid #ffffff1a;border-radius:18px}.thumb{display:block;width:100%;aspect-ratio:16/9;border:0;position:relative;background:linear-gradient(135deg,#405377,#24304b);overflow:hidden;text-align:left}.thumb.bilibili{background:linear-gradient(135deg,#38637c,#272e4b)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:55px;height:55px;background:#0b0d14bd;color:#fff;font-size:23px;transition:transform .2s}.thumb:hover .play{transform:translate(-50%,-50%) scale(1.12)}.thumb .bili-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:54px;font-weight:800;color:#ffffff4f}.video-body{padding:15px}.video-source{color:#aeb2c1;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.video-title{width:100%;margin:8px 0 9px;padding:0;display:block;color:#f5f3f2;background:none;border:0;text-align:left;font-size:15px;font-weight:720;line-height:1.45;min-height:43px}.video-title:hover{text-decoration:underline}.video-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8f93a4;font-size:12px}.remove{border:0;background:transparent;color:#b1b4c1;padding:4px}.remove:hover{color:#fff}.empty{grid-column:1/-1;border:1px dashed #ffffff2b;border-radius:18px;padding:45px 20px;text-align:center;color:#9fa4b5;line-height:1.7}.empty strong{display:block;color:#e7e8ee;font-size:18px;margin-bottom:5px}.note{margin-top:38px;border:1px solid #ffffff17;border-radius:15px;padding:18px 20px;background:#ffffff08}.note strong{font-size:13px}.note p{margin:7px 0 0;font-size:12px;line-height:1.7;color:#a3a8b8}footer{margin-top:33px;border-top:1px solid #ffffff18;padding-top:20px;color:#85899a;font-size:12px;line-height:1.6}.player-dialog{position:fixed;inset:0;z-index:10;background:#07080ce8;padding:20px;display:grid;place-items:center}.player-dialog[hidden],.add-panel[hidden]{display:none}.player-panel{width:min(1080px,100%);background:#1a1d27;border:1px solid #ffffff26;border-radius:18px;padding:17px}.player-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:13px}.player-platform{color:#aeb7cc;font-size:11px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.player-head h2{margin:5px 0 0;font-size:18px;line-height:1.4}.player-head button{border:0;color:#fff;background:#ffffff1b;border-radius:11px;width:38px;height:38px;font-size:26px;flex:none}.player-frame{aspect-ratio:16/9;background:#090a0e;border-radius:11px;overflow:hidden}.player-frame iframe{width:100%;height:100%;border:0}.player-foot{font-size:12px;color:#999dad;margin:12px 2px 0}
@media(max-width:900px){.feed{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:52px}}
@media(max-width:640px){.shell{padding:22px 16px 38px}.top-note{display:none}.hero{padding:47px 0 28px}.hero h1{font-size:44px}.hero p{font-size:14px}.controls{align-items:stretch;flex-direction:column}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tab{padding:11px 5px;font-size:13px}.add-button{width:100%}.add-panel form{display:grid}.account-strip{align-items:stretch;flex-direction:column}.account-strip button{width:100%}.feed{grid-template-columns:1fr}.video-title{min-height:auto}.player-dialog{padding:8px}.player-panel{padding:10px}.player-head h2{font-size:15px}.player-foot{font-size:11px}}