:root{--bg-0:#0b0b0d;--bg-1:#131316;--bg-elevated:#17171b;--border:#262629;--text:#f0f0f2;--text-muted:#8b8b92;--accent:#6c5ce7;--accent-soft:#6c5ce726;--accent-glow:#6c5ce759;--danger:#e75c5c;--danger-soft:#e75c5c26;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg-0);color:var(--text);margin:0}.screen-center{background:radial-gradient(ellipse 80% 50% at 10% -10%, var(--accent-soft), transparent 55%), var(--bg-0);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.brand{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.brand span{color:var(--accent)}.card,.watch-card{text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:22rem;padding:2.25rem;display:flex}.watch-card{max-width:30rem}.subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-1);width:100%;color:var(--text);font-family:var(--font-ui);padding:.65rem .85rem;font-size:.9rem}.input:focus{border-color:var(--accent);outline:none}.input-date{max-width:10rem}.input-share{flex:1;font-size:.8rem}.btn-primary{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;padding:.7rem;font-size:.9rem;font-weight:600;transition:filter .15s}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;padding:.5rem .9rem;font-size:.85rem}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.btn-small{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-1);color:var(--text);cursor:pointer;white-space:nowrap;padding:.4rem .7rem;font-size:.78rem}.btn-small:hover{border-color:var(--accent)}.btn-active{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent)}.btn-danger{color:var(--danger)}.btn-danger:hover{border-color:var(--danger);background:var(--danger-soft)}.error-box{border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid var(--danger);width:100%;color:var(--text);padding:.6rem .85rem;font-size:.85rem}.muted{color:var(--text-muted)}.center{text-align:center;margin-top:2rem}.app-shell{max-width:64rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.app-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.upload-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;gap:.7rem;margin-bottom:2rem;padding:1.25rem;display:flex}.upload-row{flex-wrap:wrap;gap:.7rem;display:flex}.upload-row .input:first-child{flex:1;min-width:12rem}.date-group{margin-bottom:2rem}.date-title{color:var(--text-muted);border-bottom:1px solid var(--border);margin:0 0 .9rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;display:grid}.clip-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);flex-direction:column;display:flex;overflow:hidden}.clip-video{aspect-ratio:9/16;background:#000;width:100%;max-height:24rem;display:block}.clip-info{padding:.7rem .8rem .3rem}.clip-title{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.clip-meta{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.clip-actions{gap:.5rem;padding:.6rem .8rem .8rem;display:flex}.share-row{gap:.5rem;padding:0 .8rem .8rem;display:flex}.watch-video{border-radius:var(--radius-md);background:#000;width:100%;max-height:70vh}.watch-title{font-size:1rem;font-weight:600}