:root{--bg-app: #0a0a12;--bg-sidebar: #0d0d18;--bg-card: #15151f;--bg-card-hover: #1c1c2b;--bg-input: #181822;--bg-elevated: #1a1a26;--border-subtle: #ffffff14;--border-strong: #ffffff26;--text-primary: #f5f5fa;--text-secondary: #9a9ab0;--text-muted: #6c6c82;--accent-pink: #ec4899;--accent-cyan: #22d3ee;--accent-teal: #14b8a6;--accent-blue: #3b82f6;--accent-gold: #fbbf24;--gradient-brand: linear-gradient(135deg, var(--accent-pink) 0%, var(--accent-cyan) 100%);--estado-viendo: var(--accent-teal);--estado-por-ver: var(--accent-blue);--estado-vista: var(--text-muted);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--radius-pill: 999px;--shadow-card: 0 8px 24px rgba(0, 0, 0, .45);--shadow-float: 0 4px 14px rgba(0, 0, 0, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 232px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:var(--radius-sm)}.btn-primary{background:var(--gradient-brand);color:#06060a;font-weight:600;padding:12px 20px;border-radius:var(--radius-md);transition:transform .15s ease,filter .15s ease}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);font-weight:500;padding:12px 20px;border-radius:var(--radius-md);transition:background .15s ease,border-color .15s ease}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.movie-card{position:relative;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.movie-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.movie-card__poster-wrap{position:relative;aspect-ratio:2 / 3;background:var(--bg-elevated);overflow:hidden}.movie-card__poster{width:100%;height:100%;object-fit:cover}.movie-card__body{padding:10px 12px 12px}.movie-card__title{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card__meta{font-size:12px;color:var(--text-muted);margin-top:2px}.rating-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;background:#0a0a12c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-gold);font-size:12px;font-weight:600;padding:3px 7px;border-radius:var(--radius-pill)}.rating-badge__icon{width:11px;height:11px}.tag-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:var(--radius-pill)}.tag-pill--brand{background:var(--gradient-brand);color:#06060a}.movie-card__status-stripe{height:4px;width:100%}.movie-card__status-stripe--viendo{background:var(--estado-viendo)}.movie-card__status-stripe--por-ver{background:var(--estado-por-ver)}.movie-card__status-stripe--vista{background:var(--estado-vista)}.section-title{font-size:17px;font-weight:600;margin-bottom:14px}.page-content{margin-left:var(--sidebar-width);padding:32px 40px 60px;min-height:100vh}@media(max-width:900px){:root{--sidebar-width: 0px}.page-content{padding:20px 16px 100px}}