@import url(https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300;400;500;600;700&display=swap);:root{--bg:#23220f;--bg-card:#2e2d18;--bg-input:#1a1a09;--accent:#f9f506;--accent-dim:#c4c205;--text:#f0efdc;--text-muted:#8a8970;--border:#3d3c22;--danger:#e05252;--success:#52c878;--radius:8px;--font:'Spline Sans' , sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family: var(--font);font-weight:400;line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dim)}.container{max-width:860px;margin:0 auto;padding:0 1.25rem}.nav{border-bottom:1px solid var(--border);padding:.875rem 0;margin-bottom:2rem}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__brand{font-weight:700;font-size:1.1rem;color:var(--accent);letter-spacing:-.01em}.nav__brand span{color:var(--text-muted);font-weight:300}.nav__links{display:flex;gap:1.25rem;align-items:center}.nav__links a{color:var(--text-muted);font-size:.9rem}.nav__links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:var(--radius);border:none;font-family: var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s , transform .1s;text-decoration:none}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--bg)}.btn--ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn--ghost:hover{color:var(--text);border-color:var(--text-muted)}.btn--danger{background:var(--danger);color:#fff}.btn--sm{padding:.3rem .7rem;font-size:.8rem}.btn--wa{background:#25d366;color:#fff}.btn--wa:hover{opacity:.88;color:#fff}.btn--full{width:100%;justify-content:center}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.form-group{margin-bottom:1.1rem}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-control{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family: var(--font);font-size:.95rem;padding:.55rem .8rem;transition:border-color .15s;outline:none}.form-control:focus{border-color:var(--accent)}.form-control::placeholder{color:var(--text-muted)}.alert{padding:.7rem 1rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem}.alert--error{background:rgba(224,82,82,.15);border:1px solid var(--danger);color:#f08080}.alert--success{background:rgba(82,200,120,.15);border:1px solid var(--success);color:#80d8a0}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1.25rem}.clip-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.clip-card:hover{border-color:var(--accent)}.clip-card__thumb{width:100%;aspect-ratio: 16/9;object-fit:cover;display:block;background:var(--bg-input)}.clip-card__body{padding:.875rem}.clip-card__title{font-size:.95rem;font-weight:600;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-card__meta{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.clip-card__actions{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.badge--public{background:rgba(249,245,6,.15);color:var(--accent)}.badge--private{background:rgba(138,137,112,.15);color:var(--text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.4rem;font-weight:700}.empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty__icon{font-size:2.5rem;margin-bottom:.75rem}.empty p{margin-bottom:1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}