:root{--bg-base: #10111A;--bg-surface: #181922;--bg-surface-raised: #20212B;--bg-overlay: rgba(16, 17, 26, .85);--border-subtle: #252633;--border-default: #2E2F42;--border-strong: #3E4057;--text-primary: #E1E1E6;--text-secondary: #9899A6;--text-muted: #5C5D72;--text-on-accent: #FFFFFF;--accent: #7C3AED;--accent-hover: #8B5CF6;--accent-active: #6D28D9;--accent-text: #C4B5FD;--accent-subtle: rgba(124, 58, 237, .12);--accent-border: rgba(124, 58, 237, .3);--accent-glow: rgba(124, 58, 237, .2);--score: #F5B82E;--score-subtle: rgba(245, 184, 46, .12);--score-text: #FDE68A;--success: #34D399;--error: #EF4444;--warning: #F59E0B;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-xxs: var(--space-1);--space-xs: var(--space-2);--space-sm: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-xxl: var(--space-12);--color-bg: var(--bg-base);--color-surface-1: var(--bg-surface);--color-surface-2: var(--bg-surface-raised);--color-border: var(--border-subtle);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-accent: var(--accent);--color-accent-light: var(--accent-text);--color-accent-dim: var(--accent-subtle);--color-accent-border: var(--accent-border);--color-success: var(--success);--color-error: var(--error);--color-warning: var(--warning);--font-sans: "Inter", system-ui, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--font: var(--font-sans);--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--font-caption: var(--text-sm);--font-sm: var(--text-sm);--font-base: var(--text-base);--font-md: var(--text-md);--font-lg: var(--text-lg);--font-xl: var(--text-xl);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .1s;--duration-base: .15s;--duration-slow: .25s;--transition: var(--duration-base) var(--ease-out);--shadow-sm: 0 1px 3px rgba(16, 17, 26, .4), 0 0 0 1px var(--border-subtle);--shadow-md: 0 4px 16px rgba(16, 17, 26, .5), 0 0 0 1px var(--border-subtle);--shadow-lg: 0 8px 32px rgba(16, 17, 26, .6), 0 0 40px var(--accent-glow);--shadow-accent: 0 4px 20px var(--accent-glow), 0 0 0 1px var(--accent-border);--focus-ring: 0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent);--card-width: 130px;--card-height: 195px}.ot-display{font-family:var(--font-display);font-weight:600;font-size:var(--text-3xl);line-height:1.15;letter-spacing:-.02em;color:var(--text-primary)}.ot-heading-1{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);line-height:1.2;letter-spacing:-.015em;color:var(--text-primary)}.ot-heading-2{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);line-height:1.3;letter-spacing:-.01em;color:var(--text-primary)}.ot-heading-3{font-family:var(--font-sans);font-weight:600;font-size:var(--text-lg);line-height:1.35;letter-spacing:-.005em;color:var(--text-primary)}.ot-overline{font-family:var(--font-sans);font-weight:600;font-size:var(--text-xs);line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.ot-overline-accent{font-family:var(--font-sans);font-weight:700;font-size:var(--text-xs);line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem 1.1rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:.005em;cursor:pointer;text-decoration:none;border:none;white-space:nowrap;transition:background-color var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition)}.ot-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ot-btn:disabled{opacity:.4;cursor:not-allowed}.ot-btn-primary{background:var(--accent);color:var(--text-on-accent)}.ot-btn-primary:not(:disabled):hover{background:var(--accent-hover)}.ot-btn-primary:not(:disabled):active{background:var(--accent-active)}.ot-btn-secondary{background:transparent;color:var(--accent-text);border:1px solid var(--accent-border)}.ot-btn-secondary:not(:disabled):hover{background:var(--accent-subtle);border-color:var(--accent)}.ot-btn-secondary:not(:disabled):active{background:var(--accent-subtle)}.ot-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.ot-btn-ghost:not(:disabled):hover{background:var(--bg-surface-raised);color:var(--text-primary);border-color:var(--border-strong)}.ot-btn-ghost:not(:disabled):active{background:var(--bg-surface)}.ot-btn-sm{padding:.3rem .65rem;font-size:var(--text-xs);letter-spacing:.01em}.ot-btn-lg{padding:.75rem 1.5rem;font-size:var(--text-base);font-weight:600}.ot-pill{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.01em;padding:.2rem .5rem;border-radius:var(--radius-md);background:var(--accent-subtle);border:1px solid var(--accent-border);color:var(--accent-text);white-space:nowrap}.ot-pill-muted{background:var(--bg-surface-raised);border-color:var(--border-subtle);color:var(--text-secondary)}.ot-pill-score{background:var(--score-subtle);border-color:#f5b82e40;color:var(--score-text)}.ot-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.03em;padding:.1rem .4rem;border-radius:var(--radius-sm);background:var(--bg-surface-raised);border:1px solid var(--border-default);color:var(--accent-text);vertical-align:middle;margin-left:var(--space-2);text-transform:uppercase}.ot-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.ot-surface-raised{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.ot-surface-accent{background:linear-gradient(135deg,#7c3aed14,#7c3aed08);border:1px solid var(--accent-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent)}.ot-media-card{flex-shrink:0;width:var(--card-width);text-decoration:none;display:block;color:inherit}.ot-media-card__poster{position:relative;width:var(--card-width);height:var(--card-height);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface);margin-bottom:var(--space-2);transition:box-shadow var(--transition)}.ot-media-card:hover .ot-media-card__poster{box-shadow:var(--shadow-md)}.ot-media-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out)}.ot-media-card:hover .ot-media-card__img{transform:scale(1.03)}.ot-media-card__no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.ot-media-card__rating-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3);background:linear-gradient(transparent,#10111ae0);display:flex;justify-content:flex-end}.ot-media-card__rating{font-size:var(--text-xs);color:var(--score);font-weight:700;letter-spacing:.02em}.ot-media-card__hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#10111af0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-md);gap:var(--space-1);overflow:hidden}.ot-media-card__hover-genres{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center}.ot-media-card__hover-overview{font-size:.65rem;color:var(--text-secondary);line-height:1.4;margin:0;text-align:center}.ot-media-card__hover-votes{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.01em}.ot-media-card__info{width:var(--card-width)}.ot-media-card__title{font-size:.78rem;color:var(--text-secondary);font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition)}.ot-media-card:hover .ot-media-card__title{color:var(--text-primary)}.ot-media-card__year{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.ot-scroll-row{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.ot-scroll-row::-webkit-scrollbar{display:none}.ot-section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.ot-section-title{font-family:var(--font-sans);font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0 0 .15rem;letter-spacing:-.01em}.ot-section-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.4}.ot-scroll-btns{display:flex;gap:var(--space-1);flex-shrink:0}.ot-scroll-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;transition:color var(--transition),background var(--transition),border-color var(--transition)}.ot-scroll-btn:hover{color:var(--text-primary);background:var(--bg-surface-raised);border-color:var(--border-default)}.ot-scroll-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ot-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);padding:.7rem 1rem;font-family:var(--font-sans);font-size:var(--text-base);outline:none;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}.ot-input:hover{border-color:var(--border-strong)}.ot-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ot-input::placeholder{color:var(--text-muted)}.ot-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;outline:none;transition:border-color var(--transition)}.ot-select:hover{border-color:var(--border-strong)}.ot-select:focus{border-color:var(--accent)}.ot-empty-state{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);text-align:center}.ot-empty-state__title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.ot-empty-state__body{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-6);line-height:1.6;max-width:40ch;margin-left:auto;margin-right:auto}.ot-steps{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.ot-step{display:flex;align-items:center;gap:var(--space-3)}.ot-step__num{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0;box-shadow:0 0 12px var(--accent-glow)}.ot-step__title{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.ot-step__desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:1px}.ot-stat{font-size:var(--text-sm);color:var(--text-muted)}.ot-stat strong{color:var(--text-primary);font-weight:600}.ot-link{color:var(--accent-text);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition)}.ot-link:hover{color:var(--text-primary)}.ot-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.ot-link-muted{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition)}.ot-link-muted:hover{color:var(--text-primary)}.ot-score-bar{height:3px;background:var(--bg-surface-raised);border-radius:var(--radius-pill);overflow:hidden}.ot-score-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-text));border-radius:var(--radius-pill)}.ot-score-bar__fill--gold{background:linear-gradient(90deg,var(--score),var(--score-text))}.ot-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}.ot-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-surface-raised);border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:700;color:var(--accent-text);flex-shrink:0}*:focus{outline:none}*:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}