:root{--bg0: #0b1220;--bg1: #121a2b;--bg2: #1a2438;--ink: #e8eef8;--muted: #93a0b8;--accent: #3ecf8e;--accent-2: #2bb8ff;--danger: #ff6b6b;--warn: #f0c14a;--line: rgba(232, 238, 248, .12);--radius: 14px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(46,184,255,.18),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(62,207,142,.14),transparent 50%),linear-gradient(160deg,var(--bg0),var(--bg1) 45%,#0e1626)}button,input,select{font:inherit}a{color:var(--accent-2)}.app-shell{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.brand{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .35rem}.lede{color:var(--muted);margin:0 0 1.75rem;max-width:36rem}.panel{background:color-mix(in srgb,var(--bg2) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stack{display:grid;gap:.9rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}label.field{display:grid;gap:.35rem;font-size:.92rem;color:var(--muted)}input,select{background:var(--bg0);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.65rem .8rem}button{border:0;border-radius:999px;padding:.7rem 1.15rem;background:linear-gradient(120deg,var(--accent),#2bbf7a);color:#062116;font-weight:700;cursor:pointer}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}button.danger{background:color-mix(in srgb,var(--danger) 85%,#000);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);margin:0}.mono{font-family:var(--mono);letter-spacing:.04em}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.tile{position:relative;aspect-ratio:16 / 10;background:#05080f;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.tile video{width:100%;height:100%;object-fit:cover;background:#05080f}.tile-label{position:absolute;left:.6rem;bottom:.55rem;padding:.2rem .5rem;border-radius:999px;background:#0000008c;font-size:.8rem}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.pending-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.pending-list li{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px}.countdown{color:var(--warn);font-family:var(--mono);font-size:.9rem}.share-box{display:grid;gap:.4rem;padding:.8rem;border-radius:10px;background:#00000040;border:1px dashed var(--line)}