@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-deep:#0c0c0f;--bg-base:#141418;--bg-elevated:#1c1c22;--bg-hover:#26262e;--bg-active:#2d2838;--surface-primary:var(--bg-base);--surface-secondary:var(--bg-elevated);--surface-card:var(--bg-base);--surface-elevated:var(--bg-elevated);--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.16);--border-primary:var(--border-default);--text-primary:#e8e6e1;--text-secondary:#8a8880;--text-tertiary:#5a5850;--text-muted:#524d5e;--text-inverse:#0c0c0f;--accent-primary:#5dcaa5;--accent-primary-hover:#4db894;--accent-primary-subtle:rgba(93,202,165,.12);--accent-warm:#ed93b1;--accent-cool:#85b7eb;--accent-purple:#afa9ec;--accent-coral:#f0997b;--accent-green:#c0dd97;--mood-energy-low:#3b6ea5;--mood-energy-high:#f0997b;--mood-tone-heavy:#afa9ec;--mood-tone-light:#f5d76e;--mood-humour-serious:#5a5850;--mood-humour-funny:#5dcaa5;--mood-tension-low:#85b7eb;--mood-tension-high:#ed93b1;--mood-warmth-cold:#85b7eb;--mood-warmth-warm:#f0997b;--success:#4ade80;--warning:#f0997b;--error:#ed93b1;--info:#85b7eb;--seen-color:#4ade80;--favourite-color:#ed93b1;--watchlater-color:#85b7eb;--list-color:#afa9ec;--rate-color:#c084fc;--vibe-color:#f0997b;--netflix:#e50914;--prime:#00a8e1;--disney:#113ccf;--paramount:#0064ff;--hbo:#741ded;--apple:#a2aaad;--hulu:#1ce783;--peacock:#f4c724;--now-tv:#78be20;--iplayer:#f54997;--sky:#0072c9;--font-display:"Playfair Display",Georgia,"Times New Roman",serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3);--shadow-lg:0 8px 30px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.3);--shadow-xl:0 16px 50px rgba(0,0,0,.6),0 8px 20px rgba(0,0,0,.4);--shadow-glow:0 0 20px rgba(93,202,165,.15);--shadow-poster:0 8px 30px rgba(0,0,0,.6),0 0 60px rgba(0,0,0,.3);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.45,0,0.55,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--poster-width-sm:140px;--poster-width-md:170px;--poster-width-lg:200px;--poster-aspect:2/3;--nav-height-mobile:64px;--nav-height-desktop:56px}[data-theme=light]{--bg-deep:#f5f3f0;--bg-base:#fff;--bg-elevated:#f8f7f5;--bg-hover:#f0eeeb;--bg-active:#e8e5e0;--border-subtle:rgba(0,0,0,.04);--border-default:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.14);--text-primary:#1a1520;--text-secondary:#5a5465;--text-tertiary:#908a9a;--text-inverse:#f0edf5;--accent-primary:#3ba885;--accent-primary-hover:#2d9474;--accent-primary-subtle:rgba(59,168,133,.08);--shadow-glow:0 0 20px rgba(59,168,133,.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-deep);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:overlay}.text-display{font-family:var(--font-display);font-weight:700;font-size:var(--text-4xl);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.text-title{font-size:var(--text-2xl);line-height:1.2;letter-spacing:-.01em}.text-heading,.text-title{font-family:var(--font-display);font-weight:600;color:var(--text-primary)}.text-heading{font-size:var(--text-xl);line-height:1.3}.text-subheading{font-weight:600;font-size:var(--text-lg);line-height:1.4;color:var(--text-primary)}.text-body,.text-subheading{font-family:var(--font-body)}.text-body{font-weight:400;font-size:var(--text-base);line-height:1.6;color:var(--text-secondary)}.text-meta{font-weight:500;font-size:var(--text-sm);line-height:1.5}.text-meta,.text-micro{font-family:var(--font-body);color:var(--text-tertiary)}.text-micro{font-weight:600;font-size:var(--text-xs);line-height:1.4;letter-spacing:.04em;text-transform:uppercase}.text-film-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);line-height:1.3;color:var(--text-primary)}.surface{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.surface-elevated{background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}.film-card,.surface-elevated{border-radius:var(--radius-lg)}.film-card{position:relative;overflow:hidden;background:var(--bg-base);border:1px solid var(--border-subtle);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);cursor:pointer}.film-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.film-card:active{transform:translateY(-1px) scale(1.005)}.film-card .poster-wrap{position:relative;aspect-ratio:var(--poster-aspect);overflow:hidden;background:var(--bg-elevated)}.film-card .poster-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.film-card:hover .poster-wrap img{transform:scale(1.05)}.film-card .poster-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,12,15,.8) 0,rgba(12,12,15,.2) 40%,transparent);pointer-events:none}.film-card .card-info{padding:var(--space-3) var(--space-3) var(--space-4)}.poster-skeleton{aspect-ratio:var(--poster-aspect);border-radius:var(--radius-md);background:linear-gradient(110deg,var(--bg-elevated) 8%,var(--bg-hover) 18%,var(--bg-elevated) 33%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text-inverse);background:var(--accent-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px rgba(93,202,165,.25)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.btn-secondary:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover)}.btn-action{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-action--seen{color:var(--seen-color);background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25)}.btn-action--seen:hover{background:rgba(74,222,128,.18);border-color:rgba(74,222,128,.4)}.btn-action--favourite{color:var(--favourite-color);background:rgba(237,147,177,.1);border:1px solid rgba(237,147,177,.25)}.btn-action--favourite:hover{background:rgba(237,147,177,.18);border-color:rgba(237,147,177,.4)}.btn-action--watchlater{color:var(--watchlater-color);background:rgba(133,183,235,.1);border:1px solid rgba(133,183,235,.25)}.btn-action--watchlater:hover{background:rgba(133,183,235,.18);border-color:rgba(133,183,235,.4)}.btn-action--inactive{color:var(--text-tertiary);background:transparent;border:1px solid var(--border-default)}.btn-action--inactive:hover{color:var(--text-secondary);background:var(--bg-hover);border-color:var(--border-strong)}.streaming-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;text-decoration:none}.streaming-badge:hover{transform:translateY(-1px);filter:brightness(1.15)}.mood-slider--energy{--track-from:var(--mood-energy-low);--track-to:var(--mood-energy-high)}.mood-slider--tone{--track-from:var(--mood-tone-heavy);--track-to:var(--mood-tone-light)}.mood-slider--humour{--track-from:var(--mood-humour-serious);--track-to:var(--mood-humour-funny)}.mood-slider--tension{--track-from:var(--mood-tension-low);--track-to:var(--mood-tension-high)}.mood-slider--warmth{--track-from:var(--mood-warmth-cold);--track-to:var(--mood-warmth-warm)}input[type=range].mood-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--track-from),var(--track-to));outline:none;cursor:pointer}input[type=range].mood-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--text-primary);border:3px solid var(--bg-base);box-shadow:var(--shadow-sm);cursor:-webkit-grab;cursor:grab;-webkit-transition:transform var(--duration-fast) var(--ease-spring);transition:transform var(--duration-fast) var(--ease-spring)}input[type=range].mood-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range].mood-slider::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.1)}input[type=range].mood-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--text-primary);border:3px solid var(--bg-base);box-shadow:var(--shadow-sm);cursor:grab}.film-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.film-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.film-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.film-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1280px){.film-grid{grid-template-columns:repeat(6,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.animate-fade-in{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards;opacity:0}.film-grid>:first-child{animation-delay:0ms}.film-grid>:nth-child(2){animation-delay:40ms}.film-grid>:nth-child(3){animation-delay:80ms}.film-grid>:nth-child(4){animation-delay:.12s}.film-grid>:nth-child(5){animation-delay:.16s}.film-grid>:nth-child(6){animation-delay:.2s}.film-grid>:nth-child(7){animation-delay:.24s}.film-grid>:nth-child(8){animation-delay:.28s}.film-grid>:nth-child(9){animation-delay:.32s}.film-grid>:nth-child(10){animation-delay:.36s}.film-grid>:nth-child(11){animation-delay:.4s}.film-grid>:nth-child(12){animation-delay:.44s}.toast{position:fixed;bottom:calc(var(--nav-height-mobile) + var(--space-4));left:50%;transform:translateX(-50%) translateY(20px);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);box-shadow:var(--shadow-lg);z-index:9000;opacity:0;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}.nav-bottom{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height-mobile);background:rgba(12,12,15,.92);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0);z-index:8000}.nav-bottom .nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-3);color:var(--text-tertiary);font-size:10px;font-weight:500;text-decoration:none;transition:color var(--duration-fast);-webkit-tap-highlight-color:transparent}.nav-bottom .nav-item--active{color:var(--accent-primary)}.nav-bottom .nav-item svg{width:22px;height:22px}@media (min-width:768px){.nav-bottom{display:none}.nav-top{position:fixed;top:0;left:0;right:0;height:var(--nav-height-desktop);background:rgba(12,12,15,.88);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);gap:var(--space-8);z-index:8000}.nav-top,.nav-top .nav-item{display:flex;align-items:center}.nav-top .nav-item{gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;text-decoration:none;border-radius:var(--radius-md);transition:color var(--duration-fast),background var(--duration-fast)}.nav-top .nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-top .nav-item--active{color:var(--accent-primary)}}@media (max-width:767px){.nav-top{display:none}}.page-content{padding:var(--space-4) var(--space-4) calc(var(--nav-height-mobile) + var(--space-8));max-width:1440px;margin:0 auto}@media (min-width:768px){.page-content{padding:calc(var(--nav-height-desktop) + var(--space-6)) var(--space-8) var(--space-12)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:rgba(93,202,165,.3);color:var(--text-primary)}input,select,textarea{color:var(--text-primary);background:var(--surface-primary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}select option{background:var(--surface-elevated);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-cool));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (display-mode:standalone){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}