.landing-container{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.landing-content{max-width:800px;text-align:center}.landing-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--type-display);font-weight:400;line-height:1.1;margin-bottom:1rem}.landing-subtitle{color:var(--color-text-muted);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.landing-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:3rem 0}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:transform var(--transition-slow),border-color var(--transition-slow)}.feature-card:hover{border-color:var(--color-border-lit);transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:var(--color-text-muted);font-size:var(--type-small);line-height:1.6}.landing-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.cta-primary{background:var(--color-accent);border-radius:var(--radius-md);box-shadow:0 8px 24px #7006;color:var(--color-text-primary);display:inline-block;font-family:var(--font-body);font-size:1.1rem;font-weight:700;padding:1rem 3rem;text-decoration:none;transition:all var(--transition-slow)}.cta-primary:hover{background:var(--color-accent-lit);box-shadow:0 12px 32px #7009;transform:translateY(-3px)}.cta-primary:focus-visible{box-shadow:var(--focus-ring);outline:none}.cta-secondary{background:#0000;border:2px solid var(--color-border-lit);border-radius:var(--radius-md);color:var(--color-text-primary);display:inline-block;font-family:var(--font-body);font-size:1.1rem;font-weight:700;padding:1rem 3rem;text-decoration:none;transition:all var(--transition-slow)}.cta-secondary:hover{background:#7003;border-color:var(--color-accent-lit);transform:translateY(-3px)}.cta-secondary:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:768px){.landing-title{font-size:clamp(2rem,10vw,2.5rem)}.landing-subtitle{font-size:1rem}.landing-features{grid-template-columns:1fr}}.auth-container{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-width:400px;padding:40px;width:100%}.auth-card h1{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.75rem;font-weight:400;margin:0 0 10px;text-align:center}.auth-subtitle{color:var(--color-text-muted);font-size:var(--type-small);margin:0 0 30px;text-align:center}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--color-text-muted);font-size:var(--type-small);font-weight:500}.form-group input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--type-small);padding:12px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group input:focus{border-color:var(--color-border-lit);box-shadow:var(--focus-ring);outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.45}.form-group small{color:var(--color-text-muted);font-size:var(--type-xs)}.auth-error{background:#ff6b6b1a;border-left:4px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--type-small);margin-bottom:10px;padding:12px}.btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--type-body);font-weight:600;padding:12px 24px;transition:all var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--color-accent);box-shadow:0 4px 15px #7700004d;color:var(--color-text-primary);margin-top:10px;width:100%}.btn-primary:hover:not(:disabled){background:var(--color-accent-lit);box-shadow:0 8px 24px #77000080;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:focus-visible{box-shadow:var(--focus-ring);outline:none}.auth-footer{color:var(--color-text-muted);font-size:var(--type-small);margin-top:20px;text-align:center}.auth-footer a{color:var(--color-text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-base)}.auth-footer a:hover{color:var(--color-accent-lit);text-decoration:underline}.auth-footer a:focus-visible{border-radius:2px;box-shadow:var(--focus-ring);outline:none}@media (max-width:640px){.auth-card{padding:30px 20px}.auth-card h1{font-size:1.5rem}}.onboarding-container{margin:2rem auto;max-width:900px;padding:2rem}.onboarding-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);padding:3rem}.onboarding-header{margin-bottom:2rem;text-align:center}.onboarding-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--type-title);font-weight:400;margin-bottom:.5rem}.onboarding-description{color:var(--color-text-muted);font-size:1.1rem}.form-section{margin-bottom:2.5rem}.form-label{color:var(--color-text-primary);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.user-id-input{margin-bottom:2rem}.selection-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1rem}.selection-item{position:relative}.selection-item input[type=checkbox]{height:1px;opacity:0;position:absolute;width:1px}.selection-item label{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:block;font-weight:500;padding:1rem;text-align:center;transition:all var(--transition-slow);-webkit-user-select:none;user-select:none}.selection-item input[type=checkbox]:checked+label{background:var(--color-surface-alt);border-color:var(--color-border-lit);box-shadow:0 4px 15px #7006;color:var(--color-text-primary);transform:scale(1.05)}.selection-item label:hover{background:#7700001a;border-color:var(--color-border-lit);color:var(--color-text-primary);transform:translateY(-2px)}.selection-item input[type=checkbox]:focus-visible+label{box-shadow:var(--focus-ring)}.preference-toggle{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:1rem;margin-top:1rem;padding:1.5rem}.preference-toggle input[type=checkbox]{appearance:none;background:var(--color-border);border-radius:13px;cursor:pointer;flex-shrink:0;height:26px;outline:none;position:relative;transition:background var(--transition-slow);width:50px}.preference-toggle input[type=checkbox]:checked{background:var(--color-accent)}.preference-toggle input[type=checkbox]:before{background:var(--color-text-primary);border-radius:50%;box-shadow:0 2px 5px #0006;content:"";height:22px;left:2px;position:absolute;top:2px;transition:left var(--transition-slow);width:22px}.preference-toggle input[type=checkbox]:checked:before{left:26px}.preference-toggle input[type=checkbox]:focus-visible{box-shadow:var(--focus-ring)}.preference-label{color:var(--color-text-muted);flex:1 1;font-size:var(--type-small);font-weight:500}.submit-section{margin-top:3rem;text-align:center}.submit-button{font-size:1.1rem;max-width:400px;padding:1.25rem;width:100%}.status-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--type-small);font-weight:500;margin-top:1rem;padding:.75rem 1.5rem}@media (max-width:768px){.onboarding-card{padding:1.5rem}.onboarding-title{font-size:1.5rem}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.rating-input{align-items:center;display:flex;gap:.5rem}.rating-stars{cursor:pointer;display:flex;gap:.2rem}.star{cursor:pointer;font-size:1.2rem;transition:transform var(--transition-base);-webkit-user-select:none;user-select:none}.star.filled{transform:scale(1.1)}.star:hover{transform:scale(1.2)}.star:focus-visible{border-radius:4px;box-shadow:var(--focus-ring);outline:none}.rating-input.disabled .star{cursor:not-allowed;opacity:.45}.rating-input.disabled .star:hover{transform:none}.rating-value{color:var(--color-text-primary);font-size:var(--type-small);font-weight:600;min-width:40px}@media (max-width:768px){.star{font-size:1rem}.rating-value{font-size:var(--type-xs)}}.list-selector{display:inline-block;position:relative}.list-selector-button{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--type-small);font-weight:600;gap:.5rem;justify-content:space-between;min-width:150px;padding:.5rem 1rem;transition:all var(--transition-base)}.list-selector-button:hover:not(:disabled){background:#7700001a;border-color:var(--color-border-lit);box-shadow:none;color:var(--color-text-primary);transform:none}.list-selector-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.list-selector-button.has-list{color:var(--color-text-primary)}.list-selector-button:disabled{cursor:not-allowed;opacity:.45}.add-to-list-text,.dropdown-arrow{color:var(--color-text-muted)}.dropdown-arrow{font-size:.7rem}.list-selector-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0009;left:0;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.list-option{align-items:center;background:#0000;border:none;border-left:3px solid #0000;box-shadow:none;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--type-small);font-weight:500;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:all var(--transition-base);width:100%}.list-option:hover{background:#77000026;box-shadow:none;color:var(--color-text-primary);transform:none}.list-option.selected{background:#7003;border-left-color:var(--color-border-lit);color:var(--color-text-primary);font-weight:600}.list-option:focus-visible{box-shadow:var(--focus-ring);outline:none}.list-option-divider{background:var(--color-border);height:1px;margin:.25rem 0}.remove-option,.remove-option:hover{color:var(--color-error)}.remove-option:hover{background:#ff6b6b1a}.checkmark{color:var(--color-success);font-size:var(--type-body);font-weight:700}.list-selector-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.list-selector.disabled{opacity:.45;pointer-events:none}@media (max-width:768px){.list-selector-button{font-size:var(--type-xs);min-width:130px;padding:.4rem .8rem}.list-selector-dropdown{min-width:180px}.list-option{font-size:var(--type-xs);padding:.65rem .8rem}}.anime-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all var(--transition-slow)}.anime-card:hover{border-color:var(--color-border-lit);box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}.anime-card:focus-within{box-shadow:var(--focus-ring);outline:none}.anime-card-image-container{background:var(--color-surface-alt);overflow:hidden;padding-top:140%;position:relative;width:100%}.anime-card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-slow);width:100%}.anime-card:hover .anime-card-image{transform:scale(1.08)}.anime-card-badge{background:var(--color-accent);border-radius:var(--radius-pill);box-shadow:0 2px 8px #00000080;color:var(--color-text-primary);font-size:var(--type-xs);font-weight:700;padding:.3rem .7rem;position:absolute;right:12px;top:12px}.anime-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.anime-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:var(--type-small);font-weight:700;line-height:1.3;margin-bottom:.75rem;min-height:2.6em;overflow:hidden}.anime-card-title-link{color:inherit;text-decoration:none}.anime-card-title-link:hover{text-decoration:underline;text-underline-offset:2px}.anime-card-title-link:focus-visible{border-radius:2px;box-shadow:var(--focus-ring);outline:none}.anime-card-genres{display:flex;flex:1 1;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.genre-tag{background:#7003;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--type-xs);font-weight:500;padding:.2rem .55rem}.anime-card-stats{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--color-text-muted);font-size:var(--type-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--color-text-primary);font-size:var(--type-body);font-weight:700}.stat-value.high{color:var(--color-success)}.stat-value.medium{color:var(--color-text-primary)}.stat-value.low{color:var(--color-error)}.anime-card-empty-state{background:linear-gradient(160deg,var(--color-surface-alt) 0,var(--color-surface) 100%)}.anime-card-rating{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.rating-label{color:var(--color-text-muted);font-size:var(--type-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.anime-card-rating .rating-input{justify-content:flex-start}.anime-card-rating .star{font-size:1rem}.anime-card-list{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.75rem}.like-button{background:#0000;border:2px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--type-small);font-weight:600;margin-top:.75rem;padding:.5rem;transition:all var(--transition-base);width:100%}.like-button:hover{background:var(--color-accent);box-shadow:none;transform:none}.like-button.liked{background:var(--color-accent);color:var(--color-text-primary)}.like-button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:768px){.anime-card-content{padding:1rem}.anime-card-title{font-size:var(--type-xs)}}.poster-card{aspect-ratio:2/3;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:block;overflow:hidden;position:relative;transition:border-color var(--transition-slow),box-shadow var(--transition-slow)}.poster-card:hover{border-color:var(--color-border-lit);box-shadow:var(--shadow-card-hover)}.poster-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.poster-image-wrap{inset:0;position:absolute;z-index:0}.poster-image{display:block;height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.poster-card:focus-visible .poster-image,.poster-card:hover .poster-image{transform:scale(1.06)}.poster-empty{background:linear-gradient(160deg,var(--color-surface-alt) 0,var(--color-surface) 100%);height:100%;width:100%}.poster-match-badge{background:var(--color-accent);border-radius:var(--radius-pill);box-shadow:0 2px 8px #00000080;color:var(--color-text-primary);font-size:var(--type-xs);font-weight:700;padding:.25rem .6rem;pointer-events:none;position:absolute;right:10px;top:10px;z-index:2}.poster-overlay{background:linear-gradient(0deg,#000000f7 0,#000000bf 50%,#0000);bottom:0;left:0;opacity:0;padding:2.5rem .875rem .875rem;position:absolute;right:0;transform:translateY(10px);transition:opacity var(--transition-slow),transform var(--transition-slow);z-index:1}.poster-card:focus-within .poster-overlay,.poster-card:hover .poster-overlay{opacity:1;transform:translateY(0)}.poster-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-family:var(--font-display);font-size:.95rem;font-weight:400;line-height:1.25;margin-bottom:.4rem;overflow:hidden}.poster-genres{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.poster-genre-tag{background:#77000059;border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:.7rem;font-weight:500;padding:.15rem .5rem}.poster-actions{margin-top:.5rem}.poster-like-btn{background:#0000;border:1px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--type-xs);font-weight:600;padding:.4rem .875rem;transition:all var(--transition-base)}.poster-like-btn:hover{box-shadow:none;transform:none}.poster-like-btn.liked,.poster-like-btn:hover{background:var(--color-accent)}.poster-like-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){.poster-overlay{opacity:.92!important;transform:none!important}.poster-card:focus-visible .poster-image,.poster-card:hover .poster-image{transform:none}}.hero-spotlight{border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:2.5rem;min-height:340px;overflow:hidden;position:relative}.hero-backdrop{inset:0;position:absolute;z-index:0}.hero-backdrop-img{display:block;filter:blur(28px) brightness(.12) saturate(.4);height:100%;object-fit:cover;transform:scale(1.12);width:100%}.hero-content{align-items:center;display:flex;gap:2.5rem;padding:2.5rem;position:relative;z-index:1}.hero-poster{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 40px #000000bf;flex-shrink:0;height:266px;overflow:hidden;width:190px}.hero-poster-img{display:block;height:100%;object-fit:cover;width:100%}.hero-poster-empty{background:linear-gradient(160deg,var(--color-surface-alt) 0,var(--color-surface) 100%);height:100%;width:100%}.hero-info{flex:1 1;min-width:0}.hero-eyebrow{color:var(--color-accent-lit);display:inline-block;font-size:var(--type-xs);font-weight:700;letter-spacing:1.5px;margin-bottom:.75rem;text-transform:uppercase}.hero-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,3rem);font-weight:400;line-height:1.1;margin-bottom:1rem}.hero-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.hero-genre-tag{background:#77000040;border:1px solid var(--color-border-lit);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--type-xs);font-weight:500;padding:.25rem .7rem}.hero-scores{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.hero-match-badge{background:var(--color-accent);border-radius:var(--radius-pill);color:var(--color-text-primary);font-size:var(--type-small);font-weight:700;padding:.3rem .85rem}.hero-score{font-weight:600}.hero-score,.hero-synopsis{color:var(--color-text-muted);font-size:var(--type-small)}.hero-synopsis{line-height:1.7;margin-bottom:1.5rem;max-width:520px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.hero-btn{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--type-small);font-weight:600;padding:.6rem 1.4rem;transition:all var(--transition-base);white-space:nowrap}.hero-btn-view{background:var(--color-text-primary);border:none;box-shadow:0 4px 14px #ffd78833;color:var(--color-text-inverse)}.hero-btn-view:hover{background:#ffe9a8;box-shadow:0 6px 18px #ffd78859;transform:translateY(-1px)}.hero-btn-view:focus-visible{box-shadow:var(--focus-ring);outline:none}.hero-btn-like{background:#0000;border:2px solid var(--color-accent);box-shadow:none;color:var(--color-text-primary)}.hero-btn-like:hover{box-shadow:0 4px 12px #77000059;transform:translateY(-1px)}.hero-btn-like.liked,.hero-btn-like:hover{background:var(--color-accent)}.hero-btn-like:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:768px){.hero-content{align-items:flex-start;flex-direction:column;gap:1.25rem;padding:1.5rem}.hero-poster{height:168px;width:120px}.hero-title{font-size:1.6rem}.hero-synopsis{display:none}}.recommendations-container{margin:2rem auto;max-width:1400px;padding:0 2rem}.recommendations-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:2rem;padding:2rem}.recommendations-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--type-title);font-weight:400;margin-bottom:1.5rem}.user-input-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.user-input-section label{color:var(--color-text-muted);font-size:var(--type-small);font-weight:600}.user-input-section input{max-width:300px}.loading-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-text-primary);display:inline-block;height:56px;margin-bottom:1rem;width:56px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:var(--color-text-muted);font-size:1.1rem;font-weight:500}.empty-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center}.empty-state-icon{border:2px solid var(--color-accent);border-radius:50%;box-shadow:0 0 24px #77000059;height:56px;margin:0 auto 1.5rem;opacity:.6;width:56px}.empty-state-text{color:var(--color-text-muted);font-size:1.2rem;margin-bottom:1.5rem}.empty-state-link{display:inline-block;margin-top:1rem}.recommendations-count{background:#7003;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-primary);display:inline-block;font-size:var(--type-small);font-weight:600;margin-bottom:1rem;padding:.35rem 1rem}.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:2rem}@media (max-width:768px){.recommendations-container{padding:0 1rem}.recommendations-title{font-size:1.5rem}.recommendations-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.anime-profile-container{background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;padding-bottom:3rem}.error-state,.loading-state{color:var(--color-text-primary);padding:2rem}.anime-hero{min-height:500px;overflow:hidden;position:relative}.anime-hero-backdrop{height:500px;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.backdrop-image{filter:blur(20px) brightness(.15);height:100%;object-fit:cover;transform:scale(1.1);width:100%}.anime-hero-content{align-items:flex-start;display:flex;gap:2rem;margin:0 auto;max-width:1200px;padding:3rem 2rem;position:relative;z-index:1}.anime-poster{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #000000b3;flex-shrink:0;height:350px;overflow:hidden;width:250px}.anime-poster img{height:100%;object-fit:cover;width:100%}.empty-poster{background:linear-gradient(160deg,var(--color-surface-alt) 0,var(--color-surface) 100%);height:100%;width:100%}.anime-hero-info{flex:1 1;min-width:0}.anime-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--type-title);font-weight:400;line-height:1.2;margin-bottom:.5rem}.alternate-titles{color:var(--color-text-muted);font-size:var(--type-small);font-style:italic;margin-bottom:1rem}.anime-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.meta-badge{background:#77000040;border:1px solid var(--color-border-lit);border-radius:var(--radius-pill);font-size:var(--type-xs);font-weight:600;letter-spacing:.5px;padding:.35rem .9rem;text-transform:uppercase}.meta-badge,.rating-badge{color:var(--color-text-primary)}.rating-badge{background:#7700004d}.meta-item{color:var(--color-text-muted);font-size:var(--type-small)}.anime-scores{display:flex;gap:2rem;margin-bottom:2rem}.score-item{display:flex;flex-direction:column;gap:.3rem}.score-label{color:var(--color-text-muted);font-size:var(--type-xs);letter-spacing:.5px;text-transform:uppercase}.score-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.user-interactions{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd78808;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;padding:1.5rem}.interaction-section{display:flex;flex-direction:column;gap:.75rem}.interaction-title{color:var(--color-text-muted);font-size:var(--type-xs);font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.profile-like-button{background:#7003;border:2px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--type-body);font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-slow)}.profile-like-button:hover:not(:disabled){background:var(--color-accent);box-shadow:0 4px 16px #7006;transform:translateY(-2px)}.profile-like-button.liked{background:var(--color-accent);cursor:default}.profile-like-button:disabled{cursor:not-allowed;opacity:.45}.profile-like-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.user-interactions-placeholder{background:#ffd78808;border:1px dashed var(--color-border);border-radius:var(--radius-sm);margin-top:1.5rem;padding:1rem}.interaction-note{color:var(--color-text-muted);font-size:var(--type-small)}.login-link{background:none;border:none;box-shadow:none;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.login-link:hover{box-shadow:none;opacity:.8;transform:none}.anime-details{margin:2rem auto 0;max-width:1200px;padding:0 2rem}.detail-section{margin-bottom:3rem}.section-title{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--type-heading);font-weight:400;margin-bottom:1rem;padding-bottom:.5rem}.genre-list,.studio-list{display:flex;flex-wrap:wrap;gap:.75rem}.genre-chip,.studio-chip{background:#7003;border:1px solid var(--color-border-lit);border-radius:var(--radius-pill);color:var(--color-text-primary);font-size:var(--type-small);font-weight:500;padding:.5rem 1rem;transition:all var(--transition-base)}.genre-chip:hover,.studio-chip:hover{background:var(--color-accent);transform:translateY(-2px)}.synopsis-text{color:var(--color-text-muted);font-size:var(--type-body);line-height:1.8;max-width:900px}.similar-anime-section{margin-top:3rem}.similar-anime-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.similar-anime-item{cursor:pointer}.loading-similar,.no-similar{color:var(--color-text-muted);font-style:italic;padding:2rem;text-align:center}.profile-actions{margin:2rem auto;max-width:1200px;padding:0 2rem}.back-button:hover{transform:translateX(-4px)}@media (max-width:768px){.anime-hero-content{align-items:center;flex-direction:column;padding:2rem 1rem;text-align:center}.anime-poster{height:280px;width:200px}.anime-title{font-size:1.5rem}.anime-scores{gap:1.5rem;justify-content:center}.similar-anime-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.anime-details{padding:0 1rem}}.my-lists-container{background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;padding:2rem}.my-lists-header{margin:0 auto 2rem;max-width:1400px;text-align:center}.my-lists-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--type-title);font-weight:400;margin-bottom:.5rem}.my-lists-subtitle{color:var(--color-text-muted);font-size:1.1rem}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.error-state h2{color:var(--color-error);margin-bottom:1.5rem}.list-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:.25rem;margin:0 auto 2rem;max-width:1400px;overflow-x:auto;padding-bottom:2px}.list-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;box-shadow:none;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--type-body);font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all var(--transition-slow);white-space:nowrap}.list-tab:hover{background:#7700001a;box-shadow:none;color:var(--color-text-primary);transform:none}.list-tab.active{background:#77000026;border-bottom:3px solid var(--color-accent-lit);color:var(--color-text-primary)}.list-tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.tab-count{background:#7700004d;border-radius:var(--radius-pill);color:var(--color-text-primary);font-size:var(--type-xs);font-weight:700;padding:.2rem .6rem}.list-tab.active .tab-count{background:var(--color-accent)}.list-content{margin:0 auto;max-width:1400px}.empty-list{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.empty-list-icon{border:2px solid var(--color-accent);border-radius:50%;box-shadow:0 0 24px #77000059;height:56px;margin:0 auto 1.5rem;opacity:.6;width:56px}.empty-list h3{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-list p{color:var(--color-text-muted);font-size:var(--type-body);margin-bottom:2rem}.goto-recommendations-button{background:var(--color-accent);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 15px #7700004d;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--type-body);font-weight:600;padding:.75rem 2rem;transition:all var(--transition-slow)}.goto-recommendations-button:hover{background:var(--color-accent-lit);box-shadow:0 8px 24px #77000080;transform:translateY(-2px)}.goto-recommendations-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.list-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.list-item{position:relative}.remove-button{align-items:center;background:#000000bf;border:1px solid var(--color-error);border-radius:50%;box-shadow:none;color:var(--color-error);cursor:pointer;display:flex;font-family:var(--font-body);font-size:1.1rem;height:30px;justify-content:center;left:8px;line-height:1;opacity:0;padding:0;position:absolute;top:8px;transition:opacity var(--transition-base),background var(--transition-base);width:30px;z-index:3}.list-item:hover .remove-button{opacity:1}.remove-button:hover{background:#ff6b6b33;box-shadow:none;transform:none}.remove-button:focus-visible{box-shadow:0 0 0 2px var(--color-error);opacity:1;outline:none}.back-button{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);font-size:var(--type-body);font-weight:500;padding:.75rem 1.5rem;transition:all var(--transition-slow)}.back-button:hover{background:#77000026;border-color:var(--color-border-lit);box-shadow:none;color:var(--color-text-primary);transform:none}.back-button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:768px){.my-lists-container{padding:1rem}.my-lists-title{font-size:1.75rem}.my-lists-subtitle{font-size:var(--type-body)}.list-tab{font-size:var(--type-small);padding:.75rem 1rem}.list-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}:root{--color-bg:#000;--color-surface:#0d0d0d;--color-surface-alt:#350c00;--color-accent:#700;--color-accent-lit:#a01010;--color-text-primary:#ffd788;--color-text-muted:#b89a5e;--color-text-inverse:#000;--color-border:#350c00;--color-border-lit:#700;--color-error:#ff6b6b;--color-success:#4caf82;--font-display:"Dela Gothic One",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--type-display:clamp(2.5rem,6vw,5rem);--type-title:clamp(1.5rem,3vw,2.25rem);--type-heading:1.25rem;--type-body:1rem;--type-small:0.875rem;--type-xs:0.75rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-card:0 4px 15px #0006;--shadow-card-hover:0 8px 32px #7700004d;--shadow-modal:0 20px 60px #000000b3;--focus-ring:0 0 0 2px #700,0 0 0 5px #ffd78833;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.motion-reduced *,.motion-reduced :after,.motion-reduced :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*{box-sizing:border-box;margin:0;padding:0}html{background:#000;color-scheme:dark;scrollbar-color:#350c00 #000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#350c00;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#700}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body)}.app-container,body{min-height:100vh}.skip-link{background:var(--color-text-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--type-small);font-weight:700;left:1rem;padding:.6rem 1.25rem;position:absolute;text-decoration:none;top:-100%;transition:top var(--transition-base);z-index:9999}.skip-link:focus{box-shadow:var(--focus-ring);outline:none;top:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d0df2;border-bottom:1px solid var(--color-border);padding:1rem 2rem;position:sticky;top:0;z-index:100}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.4rem;font-weight:400;gap:.5rem;text-decoration:none}.navbar-brand:hover{color:var(--color-text-primary);opacity:.85}.navbar-brand:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}.navbar-links{align-items:center;display:flex;gap:.25rem}.navbar-links a{border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--type-small);font-weight:500;padding:.5rem .875rem;text-decoration:none;transition:color var(--transition-base),background var(--transition-base)}.navbar-links a:hover{background:#77000026;color:var(--color-text-primary)}.navbar-links a:focus-visible{box-shadow:var(--focus-ring);outline:none}.navbar-user{color:var(--color-text-muted);font-size:var(--type-xs);padding:.5rem .875rem}.navbar-motion-toggle{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:600;line-height:1;padding:.4rem .7rem;transition:all var(--transition-base)}.navbar-motion-toggle:hover{background:#77000026;border-color:var(--color-border-lit);box-shadow:none;color:var(--color-text-primary);transform:none}.navbar-motion-toggle[aria-pressed=true]{background:#7003;border-color:var(--color-border-lit);color:var(--color-text-primary)}.navbar-motion-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.navbar-logout{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);font-size:var(--type-small);font-weight:600;padding:.4rem .875rem;transition:all var(--transition-base)}.navbar-logout:hover{background:#77000026;border-color:var(--color-border-lit);box-shadow:none;color:var(--color-text-primary);transform:none}.navbar-logout:focus-visible{box-shadow:var(--focus-ring);outline:none}.page-container{margin:2rem auto;max-width:1200px;padding:0 1rem}.btn,button{background:var(--color-accent);border:none;border-radius:var(--radius-md);box-shadow:0 4px 15px #77000059;color:var(--color-text-primary);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:var(--type-body);font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all var(--transition-slow)}.btn:hover,button:hover{background:var(--color-accent-lit);box-shadow:0 6px 20px #7700008c;transform:translateY(-2px)}.btn:active,button:active{transform:translateY(0)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.btn:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);outline:none}input[type=email],input[type=number],input[type=password],input[type=text]{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--type-body);padding:.75rem 1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus{border-color:var(--color-border-lit);box-shadow:var(--focus-ring);outline:none}input::placeholder{color:var(--color-text-muted);opacity:.6}.status-message{border-radius:var(--radius-sm);font-size:var(--type-small);font-weight:500;margin:1rem 0;padding:1rem}.status-message.success{background:#4caf821a;border:1px solid #4caf824d;color:var(--color-success)}.status-message.error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:var(--color-error)}.status-message.info{background:#ffd7880f;border:1px solid var(--color-border);color:var(--color-text-primary)}@media (max-width:768px){.navbar-content{flex-direction:column;gap:1rem}.navbar-links{flex-wrap:wrap;justify-content:center;width:100%}}
/*# sourceMappingURL=main.730f4a72.css.map*/