:root{--bg:#0e0f13;--panel:#15161b;--text:#d6d8e0;--text-dim:#8c8e9a;--border:#2a2c34;--accent-from:#ff5e62;--accent-to:#f96;--bg-input:#1c1e26;--shadow-card:0 4px 16px rgba(0,0,0,.3)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,input{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px 10px}button:focus,input:focus{outline:2px solid var(--accent-from);outline-offset:1px}.page-shell{display:grid;grid-template-rows:56px 1fr;min-height:100vh}.page-main{padding:24px;max-width:1280px;width:100%;margin:0 auto}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 56px)}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:28px 32px;width:360px;box-shadow:var(--shadow-card)}.auth-card h1{font-size:20px;margin:0 0 18px}.auth-card label{display:block;font-size:12px;color:var(--text-dim);margin-top:12px}.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text]{width:100%;margin-top:4px}.auth-card .primary{width:100%;margin-top:18px;padding:10px;background:var(--accent-from);color:#fff;border:none;border-radius:4px;font-weight:500}.auth-card .primary:hover{filter:brightness(1.08)}.auth-card .error{color:var(--accent-from);font-size:12px;margin-top:8px}.auth-card .switch{font-size:12px;color:var(--text-dim);margin-top:14px}.auth-card .switch a{color:var(--accent-from)}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--panel);border-bottom:1px solid var(--border)}.top-nav-brand{font-weight:600;font-size:15px;letter-spacing:.02em}.top-nav-links{display:flex;align-items:center;gap:16px}.top-nav-links a{font-size:13px;opacity:.7}.top-nav-links a.is-active,.top-nav-links a:hover{opacity:1;color:var(--accent-from)}.top-nav-logout{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:4px;font-size:13px}.top-nav-logout:hover{background:hsla(0,0%,100%,.06)}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.clip-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:transform 80ms ease,border-color 80ms ease}.clip-card:hover{transform:translateY(-1px);border-color:var(--accent-from)}.clip-card-meta{padding:10px 12px 12px}.clip-card-name{font-size:13px;font-weight:500}.clip-card-sub{display:flex;gap:6px;font-size:11px;color:var(--text-dim);margin-top:4px}.thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#15161b,#1c1e26 50%,#15161b);animation:shimmer 1.4s linear infinite}.thumb-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:20px}@keyframes shimmer{0%{background-position:-100px 0}to{background-position:100px 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;color:var(--text-dim)}.empty-state h2{margin:0 0 8px;color:var(--text)}.player-shell{display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px}.player-video{width:100%;max-height:75vh}.player-error,.player-video{background:#000;border-radius:8px}.player-error{aspect-ratio:16/9;color:var(--text-dim);display:flex;align-items:center;justify-content:center}.player-meta dl{display:grid;grid-template-columns:100px 1fr;grid-row-gap:6px;row-gap:6px}.player-meta dt{color:var(--text-dim);font-size:12px}.player-meta dd{margin:0;font-size:13px}.player-copy{margin-top:18px;width:100%;padding:10px;background:var(--accent-from);color:#fff;border:none;border-radius:4px}@media (max-width:800px){.player-shell{grid-template-columns:1fr}}.settings-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:28px 32px;max-width:480px}.settings-card h1{margin:0 0 18px;font-size:18px}.settings-card label{display:block;font-size:12px;color:var(--text-dim)}.settings-card input{width:100%;margin-top:4px}.settings-card .primary{margin-top:16px;width:100%;padding:10px;background:var(--accent-from);color:#fff;border:none;border-radius:4px}.storage-meter{margin-top:24px}.storage-row{display:flex;justify-content:space-between;font-size:13px}.storage-row .muted{color:var(--text-dim)}.storage-bar{margin-top:6px;height:8px;background:hsla(0,0%,100%,.06);border-radius:4px;overflow:hidden}.storage-fill{height:100%;background:linear-gradient(90deg,#4ade80,#fde047,#f87171)}.settings-card .logout{margin-top:24px;width:100%;padding:10px;background:transparent;border:1px solid var(--border);color:var(--text)}.settings-card .logout:hover{background:hsla(0,0%,100%,.06)}