:root{--bg: #f4f7fb;--bg-accent: #eef4ff;--panel: rgba(255, 255, 255, .94);--panel-strong: #ffffff;--border: rgba(19, 42, 74, .1);--border-strong: rgba(19, 42, 74, .18);--text: #142033;--muted: #61708a;--accent: #f16a2a;--accent-dark: #cf561f;--accent-blue: #2563eb;--accent-blue-dark: #1d4ed8;--shadow: 0 22px 50px rgba(16, 35, 62, .08);--shadow-soft: 0 12px 30px rgba(37, 99, 235, .08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(37,99,235,.14),transparent 26%),radial-gradient(circle at top right,rgba(241,106,42,.1),transparent 22%),linear-gradient(180deg,var(--bg-accent) 0%,var(--bg) 34%,#f8fbff 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;max-width:100%}.app-shell{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:16px 0 40px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.button{border:0;border-radius:999px;background:var(--accent);color:#fff;cursor:pointer;padding:12px 18px;font-weight:600;letter-spacing:-.01em;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.button:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 12px 24px #f16a2a38}.button.secondary{background:#ffffffe6;color:var(--text);border:1px solid var(--border);box-shadow:none}.button.secondary:hover{background:#fff}.button.blue{background:var(--accent-blue)}.button.blue:hover{background:var(--accent-blue-dark);box-shadow:0 12px 24px #2563eb3d}.field,.textarea,.file-input{width:100%;border:1px solid var(--border);border-radius:18px;background:#fffffffa;padding:13px 15px;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field:focus,.textarea:focus,.file-input:focus{outline:none;border-color:#2563eb5c;box-shadow:0 0 0 4px #2563eb1a}.textarea{min-height:120px;resize:vertical}.page-grid{display:grid;gap:16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.meta{color:var(--muted);font-size:.94rem;line-height:1.5}.empty-state{padding:36px 24px;text-align:center;color:var(--muted)}.site-header{padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.brand-lockup{display:inline-flex;align-items:center;gap:10px}.brand-mark{height:42px;width:auto}.header-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-nav-guest{flex-wrap:nowrap}.header-link{min-height:38px;display:inline-flex;align-items:center;justify-content:center}.login-link{gap:8px;padding-inline:14px}.login-link svg{width:17px;height:17px;flex:0 0 auto}.content-section{padding:18px;display:grid;gap:14px;background:linear-gradient(180deg,#fffffff7,#ffffffeb)}.section-title{margin:0;font-size:clamp(1.2rem,1.8vw,1.55rem);letter-spacing:-.04em}.search-results-panel{border:1px solid rgba(37,99,235,.12);background:linear-gradient(180deg,#fffffffa,#f2f7ffeb)}.compact-search-panel{padding:12px 14px}.pagination{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.pagination-button{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border);background:#f5f8fdf5;color:var(--text);font-weight:600;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;padding:0}.pagination-button svg{width:18px;height:18px}.pagination-button:hover:not(:disabled){transform:translateY(-1px);border-color:#2563eb38;background:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.46}.video-card{overflow:hidden;background:var(--panel-strong);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 20px 34px #11294a1c;border-color:#2563eb24}.video-thumb-link{display:block;position:relative}.video-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover}.video-card-body{padding:14px 14px 16px;display:grid;gap:8px}.video-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.video-title{margin:0;font-size:.98rem;line-height:1.35;letter-spacing:-.03em}.video-title-link:hover .video-title{color:var(--accent-blue-dark)}.creator-link{color:var(--muted);font-size:.94rem;font-weight:600}.creator-link:hover{color:var(--text)}.video-stats{color:var(--muted);font-size:.9rem}.search-bar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.search-input-wrap{flex:1 1 360px;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-icon svg{width:16px;height:16px}.search-input{min-height:46px;padding-left:44px;padding-right:16px;border-radius:16px;font-size:.96rem}.search-submit{min-height:46px;min-width:46px;width:46px;padding:0;border-radius:16px}.search-icon-button svg{width:18px;height:18px}.upload-progress-block{display:grid;gap:8px}.upload-progress-label-row{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;font-weight:600;color:var(--muted)}.upload-progress-track{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#2563eb1a;border:1px solid rgba(37,99,235,.08)}.upload-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-blue),var(--accent));transition:width .18s ease}@media(max-width:720px){.app-shell{width:min(100% - 12px,1200px);padding-top:8px;padding-bottom:20px}.site-header{padding:8px 10px;margin-bottom:10px;gap:8px}.brand-mark{height:28px}.content-section{padding:12px;gap:10px}.compact-search-panel{padding:8px 10px}.page-grid,.cards-grid{gap:10px}.panel{border-radius:18px}.button{padding:10px 14px;font-size:.92rem}.search-bar{width:100%;gap:8px}.pagination-button{width:36px;min-height:32px;min-width:32px;border-radius:10px}.header-nav-guest{margin-left:auto}.header-nav-auth{width:100%;gap:6px}.header-nav-auth .header-link{width:100%}.header-link{min-height:34px}.search-input-wrap{flex-basis:100%}.login-link{min-width:36px;padding-inline:10px}.login-link-text{display:none}.search-input{min-height:40px;font-size:.92rem;padding-left:38px}.search-icon{left:14px}.search-submit{min-height:40px;min-width:40px;width:40px;border-radius:14px}.section-title{font-size:1.05rem}.video-card-body{padding:10px 10px 12px;gap:6px}.video-title{font-size:.92rem;line-height:1.28}.creator-link,.video-stats,.meta{font-size:.84rem}.video-meta-row{gap:6px}.empty-state{padding:18px 12px;font-size:.9rem}}