@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--bg: #0f172a;--surface: #f6f7fb;--panel: #ffffff;--text: #0b1324;--muted: #5b6785;--accent: #6b7bff;--accent-2: #35c7ff;--border: #dde2ef;--card: #ffffff;--glow: 0 16px 50px rgba(107, 123, 255, .16)}*{box-sizing:border-box}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#eef3ff,#f8fbff 60%,#f6f8ff);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.app-shell.single-nav{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;min-height:100vh;padding:12px 32px 32px}.page.narrow{max-width:1160px;margin:0 auto;width:100%}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:12;background:#f6f7fbe6;border-bottom:1px solid var(--border)}.logo{font-weight:800;letter-spacing:.3px;color:#1c2540}.top-nav{display:flex;gap:12px;color:var(--muted);font-size:14px}.top-nav a{padding:8px 12px;border-radius:10px;transition:all .2s ease}.top-nav a:hover{background:#6b7bff1a;color:#1c2540}.top-actions{display:flex;gap:10px}button{border:none;cursor:pointer;border-radius:10px;font-weight:600;color:#0b1324;background:#e9ecf7;padding:10px 14px;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}button:hover{transform:translateY(-1px)}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:var(--glow)}button.ghost{background:#6b7bff14;color:#1c2540;border:1px solid rgba(107,123,255,.18)}button.ghost-border{background:transparent;border:1px solid rgba(124,93,255,.6)}button.full{width:100%}button.tiny{padding:6px 10px;font-size:12px}main{display:flex;flex-direction:column;gap:48px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:32px;border-radius:20px;background:linear-gradient(135deg,#6b7bff1f,#35c7ff1f);border:1px solid var(--border);box-shadow:var(--glow)}.hero-copy h1{margin:14px 0 12px;font-size:36px;line-height:1.25}.hero-copy h1 span{color:var(--accent-2)}.hero-copy p{color:#36415c;line-height:1.6;margin:0 0 16px}.pill{display:inline-flex;align-items:center;gap:8px;background:#6b7bff1f;border-radius:999px;padding:8px 12px;border:1px solid rgba(107,123,255,.2);font-size:13px;color:#1c2540}.pill.soft{background:#35c7ff24;border:1px solid rgba(53,199,255,.24)}.hero-actions{display:flex;gap:10px;margin:16px 0}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.hero-metrics div{padding:12px;border-radius:12px;background:#fff;border:1px solid var(--border)}.hero-metrics strong{display:block;font-size:18px}.hero-metrics span{color:var(--muted);font-size:12px}.hero-panel{display:flex;flex-direction:column;gap:12px}.ticker{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#00000040;border:1px solid var(--border);color:var(--muted)}.tag{padding:6px 10px;border-radius:999px;background:#7c5dff1f;color:var(--accent);font-weight:700;font-size:12px}.panel-card{padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--glow)}.panel-card.soft{background:#fff;box-shadow:0 14px 40px #0c214c14}.panel-header,.panel-footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.panel-card ul{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:10px}.panel-card li{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;background:#ffffff05;border:1px solid var(--border)}.panel-card .title{font-weight:600}.panel-card .desc{color:var(--muted);font-size:13px}.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#7c5dff1f;color:var(--accent);font-size:12px;border:1px solid rgba(124,93,255,.3)}.chip.light{background:#ffffff0f;border-color:var(--border);color:var(--text)}.section{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 16px 40px #0f172a14}.section.highlight{background:linear-gradient(135deg,#10162df2,#10162dd9);border:1px solid rgba(124,93,255,.4)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{color:var(--accent-2);font-weight:700;font-size:12px;letter-spacing:.6px;text-transform:uppercase;margin:0 0 4px}.section h2{margin:0;font-size:26px}.subtext{margin:6px 0 0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.card.soft-card{background:#f7f8ff;border-color:#e2e7fa}.card-top{display:flex;align-items:center;justify-content:space-between}.card h3{margin:0}.card p{margin:0;color:var(--muted)}.card-footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.trend{color:#4f6bff;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.stack{display:flex;flex-direction:column;gap:10px}.pill-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid var(--border)}.feature-list{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:12px;background:#ffffff05;border:1px solid var(--border)}.feature-item{display:flex;gap:10px;color:var(--muted)}.feature-item .dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.list-item .desc{color:var(--muted);font-size:13px}.media-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px}.media-card{border-radius:16px;min-height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,#6b7bff38,#35c7ff33);border:1px solid var(--border)}.hero-media{background:linear-gradient(145deg,#fff6,#6b7bff40),url(https://images.unsplash.com/photo-1556740749-887f6717d7e4?auto=format&fit=crop&w=1200&q=80) center/cover no-repeat}.hero-media.edu{background:linear-gradient(145deg,#fff9,#6b7bff2e),url(https://images.unsplash.com/photo-1513258496099-48168024aec0?auto=format&fit=crop&w=1200&q=80) center/cover no-repeat}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:18px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 60%,rgba(0,0,0,.7));display:flex;flex-direction:column;gap:6px;justify-content:flex-end}.media-mini{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid var(--border)}.pricing .tier{position:relative}.badge{padding:6px 10px;border-radius:8px;background:#ffffff14;color:var(--accent-2);font-size:12px}.perk-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.highlighted{border:1px solid rgba(124,93,255,.5);box-shadow:var(--glow)}.cta{display:flex;align-items:center;justify-content:space-between;gap:14px}.footer{margin-top:32px;padding:16px 0 0;border-top:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:space-between;font-size:14px}.footer-links{display:flex;gap:12px}@media (max-width: 1100px){.hero,.media-grid{grid-template-columns:1fr}.side-rail{display:none}.page{padding:12px 20px 28px}.top-nav{display:none}}@media (max-width: 768px){.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.top-actions button{padding:8px 12px}}.player-shell{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.player-top{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0b1021f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.player-actions{display:flex;gap:10px}.player-container{display:flex;flex:1;min-height:0}.player-main{flex:1;display:flex;flex-direction:column;position:relative;background:#000}.playlist-panel{width:340px;background:#0b1021;border-left:1px solid var(--border);display:flex;flex-direction:column}.video-header{position:absolute;top:0;left:0;right:0;padding:14px 18px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .3s;pointer-events:none}.player-main:hover .video-header{opacity:1}.current-title{color:#fff;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;max-height:100%;outline:none;background:#000}.controls-bar{padding:10px 18px;background:#11162b;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.control-group{display:flex;gap:10px;align-items:center}.control-label{font-size:12px;color:#aaa}.hotkey-hint{font-size:11px;color:#666}.playlist-container{flex:1;overflow-y:auto;padding:10px}ul{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:#11162b;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}li:hover{transform:translateY(-2px);background:#162044;box-shadow:0 6px 16px #00000059}li.active{border-color:var(--accent);background:#7c5dff1f}li.active .title{color:var(--accent);font-weight:700}.thumbnail-placeholder{width:64px;height:36px;background:#1f2744;border-radius:6px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#888;flex-shrink:0}.meta{flex:1;min-width:0}.title{font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duration{font-size:11px;color:var(--muted)}.status-icon{margin-left:10px;color:#5ee6a8;opacity:0;transition:opacity .2s}li.watched .status-icon{opacity:1}select{background:#1b2342;color:#fff;border:1px solid var(--border);padding:6px 8px;border-radius:6px;font-size:12px;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0b1021}::-webkit-scrollbar-thumb{background:#1f2744;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#273259}@media (max-width: 900px){.player-container{flex-direction:column}.playlist-panel{width:100%;height:auto;border-left:none;border-top:1px solid var(--border)}}