@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--accent:#2563eb;--accent-soft:#dbeafe;--accent-deep:#1e40af;--accent-sky:#38bdf8;--ink:#0f172a;--ink-2:#1e293b;--muted:#64748b;--muted-2:#94a3b8;--line:#e2e8f0;--line-2:#eef2f7;--bg:#f6f8fb;--bg-2:#eef2f8;--surface:#fff;--success:#10b981;--warn:#f59e0b;--danger:#ef4444;--radius-card:18px;--radius-btn:12px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 0 #0f172a05;--shadow-md:0 6px 24px -8px #0f172a1f, 0 2px 6px #0f172a0d;--shadow-lg:0 24px 48px -16px #1e40af33, 0 4px 12px #0f172a0f;--font-base:"Montserrat", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01" on, "cv11" on}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.btn{border-radius:var(--radius-btn);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;transition:transform .1s,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px -8px var(--accent), inset 0 1px 0 #ffffff2e;letter-spacing:-.005em;padding:14px 18px;font-size:14px}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:12px 16px;font-size:13px}.btn-ghost:hover{background:var(--bg-2)}.btn-soft{background:var(--accent-soft);color:var(--accent-deep);padding:12px 16px;font-size:13px}.icon-btn{background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.icon-btn:hover{background:var(--bg-2)}.icon-btn.solid{background:var(--accent);color:#fff;border-color:#0000}.icon-btn.dark{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8c;border:none}.chip{background:var(--accent-soft);color:var(--accent-deep);letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip.ghost{color:var(--ink-2);background:#f1f5f9}.chip.success{color:#166534;background:#dcfce7}.chip.warn{color:#92400e;background:#fef3c7}.dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.pbar{background:var(--line-2);border-radius:999px;height:6px;position:relative;overflow:hidden}.pbar>i{background:linear-gradient(90deg, var(--accent), var(--accent-sky));border-radius:inherit;height:100%;display:block}.section-hd{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-hd h3{letter-spacing:-.015em;margin:0;font-size:16px;font-weight:700}.section-hd a{color:var(--accent);cursor:pointer;font-size:12px;font-weight:600}.video-timeline{cursor:pointer;background:#ffffff40;border-radius:999px;height:4px;position:relative}.video-timeline>.buf{border-radius:inherit;background:#ffffff73;position:absolute;top:0;bottom:0;left:0}.video-timeline>.pos{background:var(--accent-sky);border-radius:inherit;position:absolute;top:0;bottom:0;left:0}.video-timeline>.pos:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 1px 4px #0006}.hatch{background-image:repeating-linear-gradient(45deg,#0f172a0f 0 1px,#0000 1px 5px)}.app-layout{height:100%;min-height:100dvh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.app-content{flex:1;padding-bottom:78px;overflow-y:auto}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100dvh;display:flex;position:sticky;top:0}.sidebar-logo{flex-shrink:0;align-items:center;gap:10px;padding:20px 22px 18px;display:flex}.sidebar-logo-icon{color:#fff;letter-spacing:-.02em;background:#0f172a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.sidebar-logo-text{line-height:1.1}.sidebar-logo-title{letter-spacing:-.015em;font-size:14px;font-weight:800}.sidebar-logo-sub{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex;overflow-y:auto}.sidebar-item{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-item:hover{background:var(--bg-2)}.sidebar-item.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.sidebar-item-badge{background:var(--bg-2);color:var(--muted);border-radius:99px;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:700}.sidebar-item.active .sidebar-item-badge{background:var(--accent);color:#fff}.sidebar-support{color:#fff;background:linear-gradient(135deg,#1e40af,#38bdf8);border-radius:14px;flex-shrink:0;margin:16px;padding:14px}.sidebar-support-title{letter-spacing:.08em;opacity:.9;text-transform:uppercase;font-size:11px;font-weight:700}.sidebar-support-text{margin-top:6px;font-size:13px;font-weight:700;line-height:1.3}.sidebar-support-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:8px;width:100%;margin-top:10px;padding:8px 10px;font-family:inherit;font-size:11.5px;font-weight:600}.topbar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:16px;padding:18px 32px;display:flex}.topbar-title-block{flex:1;min-width:0}.topbar-subtitle{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.topbar-title{letter-spacing:-.015em;margin-top:2px;font-size:20px;font-weight:800}.topbar-user{background:var(--bg-2);border-radius:99px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.topbar-avatar{color:#fff;background:linear-gradient(135deg,#1e40af,#38bdf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.topbar-avatar img{object-fit:cover;width:100%;height:100%}.topbar-name{font-size:12px;font-weight:600}.tabbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:100;background:#ffffffeb;grid-template-columns:repeat(4,1fr);align-items:start;height:78px;padding-top:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:10.5px;font-weight:500;text-decoration:none;display:flex}.tab.active{color:var(--accent)}.tab svg{width:22px;height:22px}@media (width>=768px){.sidebar{display:flex}.tabbar{display:none}.app-content{padding-bottom:0}}@media (width<=767px){.sidebar,.topbar{display:none}}