:root{--bg-primary:#0d0d0d;--bg-secondary:#141414;--bg-card:#1a1a1a;--bg-card-hover:#222;--border:#ffffff14;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--accent:#e8b923;--accent-hover:#f5c518;--danger:#e53935;--danger-hover:#ef5350;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow:0 4px 24px #0006;--font:"Plus Jakarta Sans",-apple-system,sans-serif;--touch-target:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;background-color:#0d0d0d;background-color:var(--bg-primary);color:#f5f5f5;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-family:var(--font);margin:0;min-height:100vh;min-height:calc(100vh + env(safe-area-inset-bottom, 0px));min-height:calc(100vh + var(--safe-bottom));padding:0}#root,body{overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}[role=button],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #e8b923;outline:2px solid var(--accent);outline-offset:2px}.landing{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.landing-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px 16px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));padding-top:calc(12px + var(--safe-top));position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-header-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px}.landing-logo{align-items:center;color:var(--text-primary);display:inline-flex;font-size:1.25rem;font-weight:700;gap:8px;letter-spacing:-.02em;text-decoration:none}.landing-logo-icon{color:var(--accent);font-size:1.4rem}.landing-logo-text{color:inherit}.landing-nav{align-items:center;display:flex;gap:8px}.landing-nav-link{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font);font-size:.9rem;font-weight:600;justify-content:center;min-height:var(--touch-target);padding:10px 18px;text-decoration:none;transition:background .2s,color .2s}.landing-nav-browse{background:#0000;border:1px solid var(--border);color:var(--text-primary)}.landing-nav-browse:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.landing-nav-signin{background:var(--accent);color:#0d0d0d}.landing-nav-signin:hover{background:var(--accent-hover)}.landing-main{flex:1 1}.landing-hero{margin:0 auto;max-width:720px;padding:48px 24px 56px;padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right));text-align:center}.landing-hero-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.03em;line-height:1.25;margin:0 0 16px}.landing-hero-accent{color:var(--accent)}.landing-hero-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin:0 0 28px}.landing-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.landing-cta{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font);font-size:1rem;font-weight:600;justify-content:center;min-height:var(--touch-target);padding:14px 24px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.landing-cta-primary{background:var(--accent);color:#0d0d0d}.landing-cta-primary:hover{background:var(--accent-hover)}.landing-cta-secondary{background:#0000;border:1px solid var(--border);color:var(--text-primary)}.landing-cta-secondary:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.landing-features{margin:0 auto;max-width:1200px;padding:48px 24px 56px;padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right))}.landing-features-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 32px;text-align:center}.landing-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.landing-feature{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s,box-shadow .2s}.landing-feature:hover{border-color:#e8b92333;box-shadow:0 4px 24px #0000004d}.landing-feature-icon{align-items:center;color:var(--accent);display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.landing-feature-icon svg{height:28px;width:28px}.landing-feature-heading{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.landing-feature-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.landing-cta-block{margin:0 auto;max-width:560px;padding:48px 24px 64px;padding-bottom:calc(64px + var(--safe-bottom));padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right));text-align:center}.landing-cta-block-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.landing-cta-block-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0 0 24px}.landing-cta-block-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:32px 24px;padding-bottom:calc(32px + var(--safe-bottom));padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right))}.landing-footer-inner{margin:0 auto;max-width:1200px;text-align:center}.landing-footer-logo{color:var(--text-primary);display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:8px;text-decoration:none}.landing-footer-tagline{color:var(--text-secondary);font-size:.9rem;margin:0 0 20px}.landing-footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.landing-footer-links a{color:var(--accent);font-size:.9rem;font-weight:500;text-decoration:none}.landing-footer-links a:hover{text-decoration:underline}@media screen and (min-width:480px){.landing-hero-title{font-size:2rem}.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.landing-header{padding:16px 24px;padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right));padding-top:calc(16px + var(--safe-top))}.landing-logo{font-size:1.35rem}.landing-hero{padding:64px 32px 72px}.landing-hero-title{font-size:2.5rem}.landing-hero-subtitle{font-size:1.15rem;margin-bottom:32px}.landing-features{padding:64px 32px 72px}.landing-features-title{font-size:1.75rem;margin-bottom:40px}.landing-features-grid{gap:24px;grid-template-columns:repeat(4,1fr)}.landing-feature{padding:28px 20px}.landing-cta-block-title{font-size:1.5rem}}.container{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:100%;min-width:0;padding:20px 16px 32px;padding-bottom:calc(32px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.movies{display:flex;flex-direction:column;min-width:0;transition:transform .2s;width:100%}@media (hover:hover){.movies:hover{transform:translateY(-4px)}}.movie_poster{aspect-ratio:2/3;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow);display:block;object-fit:cover;width:100%}.movie_description{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:10px;min-height:40px}.movie_like{color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:24px;margin:-10px;min-width:24px;padding:10px;transition:color .2s,transform .15s;width:24px}.movie_like:hover{color:var(--danger);transform:scale(1.15)}.movie_like:focus-visible{border-radius:4px;color:var(--danger);outline:2px solid var(--accent);outline-offset:2px}.movie_like.like,.movie_like[fill=currentColor]:has(path:only-of-type){color:var(--danger)}.movie_name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.35;margin-bottom:0;margin-top:6px;overflow:hidden}.filter_likes{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:14px 16px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.filter_likes,.like-logout{align-items:center;display:flex;justify-content:center}.like-logout{flex-wrap:wrap;gap:12px}.edit{margin-left:16px;margin-top:20px}.edit input{margin-left:0}.button{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);color:#0d0d0d;cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.9rem;font-weight:600;justify-content:center;min-height:var(--touch-target);padding:12px 20px;transition:background .2s,transform .1s}.button:hover{background:var(--accent-hover)}.button.home{margin-left:0}.likes-button{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);color:#0d0d0d;cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.9rem;font-weight:600;justify-content:center;min-height:var(--touch-target);padding:12px 20px;transition:background .2s,transform .1s}.likes-button:hover{background:var(--accent-hover)}.imdb-rating{align-items:center;color:var(--accent);display:flex;font-size:.9rem;font-weight:600;gap:6px;min-height:28px}.imdb-rating-text{margin-left:0}.display-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;padding:48px 24px;padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right))}.display-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:48px;width:48px}.display-loading-text{color:var(--text-secondary);font-size:.95rem;margin-top:16px}@keyframes spin{to{transform:rotate(1turn)}}.display-error{color:var(--text-secondary);padding:48px 24px;padding-bottom:calc(48px + var(--safe-bottom));padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right));text-align:center}.display-error h2{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:8px}@media screen and (min-width:480px){.container{gap:20px;grid-template-columns:repeat(3,1fr);padding:24px 20px 40px;padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right))}.movie_name{font-size:.95rem}}@media screen and (min-width:600px){.filter_likes{padding:16px 24px;padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right))}}@media screen and (min-width:768px){.container{gap:24px;grid-template-columns:repeat(4,1fr);max-width:900px;padding:32px 24px 48px;padding-bottom:calc(48px + var(--safe-bottom));padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right))}.movie_name{font-size:.95rem}}@media screen and (min-width:1024px){.container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-width:1100px}}@media screen and (min-width:1200px){.container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-width:1280px;padding:32px 32px 48px;padding-left:calc(32px + var(--safe-left));padding-right:calc(32px + var(--safe-right))}}.likes-page{background:var(--bg-primary);min-height:100vh;min-height:calc(100vh + var(--safe-bottom))}.likes-page-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:20px 16px 14px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));padding-top:calc(20px + var(--safe-top))}.likes-page-home-link{color:var(--accent);display:inline-block;font-size:.9rem;font-weight:500;line-height:2;margin-bottom:10px;min-height:var(--touch-target);padding:6px 0;text-decoration:none;transition:color .2s}.likes-page-home-link:hover{color:var(--accent-hover)}.likes-page-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0}.likes-page-empty{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 auto;max-width:360px;padding:40px 20px;padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));text-align:center}@media screen and (min-width:480px){.likes-page-header{padding:24px 24px 16px;padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right));padding-top:calc(24px + var(--safe-top))}.likes-page-title{font-size:1.5rem}.likes-page-empty{max-width:400px;padding:48px 24px}}.nav_bar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;justify-content:center;min-height:56px;padding:10px 16px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));padding-top:calc(10px + var(--safe-top));position:-webkit-sticky;position:sticky;top:0;z-index:100}.movies-heading-link,.nav_bar{align-items:center;display:flex}.movies-heading-link{color:inherit;text-decoration:none}.movies-heading-link:hover .movies-heading{color:var(--accent)}.movies-heading{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 4px 0 0;transition:color .2s}.movies-heading,.search{color:var(--text-primary)}.search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font);font-size:16px;max-width:400px;min-width:0;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.search::placeholder{color:var(--text-secondary)}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8b92326;outline:none}.search_button{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;min-height:var(--touch-target);min-width:var(--touch-target);padding:10px;transition:color .2s,background .2s}.search_button:hover{background:#e8b9231a;color:var(--accent)}.search_button:focus-visible{background:#e8b9231a;color:var(--accent)}.nav_bar svg{cursor:pointer;pointer-events:none}.search_filter{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:16px;min-height:var(--touch-target);padding:10px 14px}.navbar-profile{border:2px solid var(--border);border-radius:50%;cursor:pointer;display:block;height:40px;margin-left:8px;min-height:40px;min-width:40px;object-fit:cover;transition:border-color .2s,transform .2s;width:40px}.navbar-profile:hover{border-color:var(--accent);transform:scale(1.05)}.logout-button,.logout-button-mobile,.signin-button{transition:background .2s,transform .1s}.signin-button{background:var(--accent);color:#0d0d0d}.signin-button:hover{background:var(--accent-hover)}.logout-button-mobile{font-size:.85rem}@media screen and (min-width:601px){.logout-button-mobile{display:none}}@media screen and (max-width:600px){.movies-heading-link{display:none}.search{flex:1 1;font-size:16px;max-width:none;min-width:120px;padding:10px 14px}.logout-button{display:none}.nav_bar{gap:8px;padding:10px 12px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}.navbar-profile{margin-left:4px}}@media screen and (max-width:360px){.nav_bar{padding:8px 10px;padding-left:calc(10px + var(--safe-left));padding-right:calc(10px + var(--safe-right))}.search{min-width:0;width:100%}}@media screen and (min-width:768px){.nav_bar{gap:12px;min-height:64px;padding:0 24px;padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right));padding-top:var(--safe-top)}.movies-heading{font-size:1.35rem;margin-right:8px}.search{max-width:420px;padding:10px 16px}}@media screen and (min-width:1024px){.search{max-width:480px}}.previous_next_page{background:var(--bg-secondary);border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;padding:20px 16px;padding-bottom:calc(20px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.page-nav-btn,.previous_next_page{align-items:center;display:flex;justify-content:center}.page-nav-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font);font-size:.9rem;font-weight:600;gap:8px;min-height:var(--touch-target);min-width:120px;padding:12px 20px;transition:background .2s,border-color .2s}.page-nav-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent)}.page-nav-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.page-nav-btn:disabled{cursor:not-allowed;opacity:.4}.page-nav-btn img{flex-shrink:0;height:20px;object-fit:contain;width:20px}.page-number{color:var(--text-secondary);font-size:.9rem;font-weight:500;order:-1;text-align:center;width:100%}@media screen and (min-width:480px){.previous_next_page{flex-wrap:nowrap;gap:24px;padding:24px;padding-bottom:calc(24px + var(--safe-bottom))}.page-number{order:0;width:auto}}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);padding:24px 16px 32px;padding-bottom:calc(32px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.login-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.login-hint{color:var(--text-secondary);font-size:.9rem;margin:-8px 0 16px;max-width:280px;text-align:center}.login-form{align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;max-width:320px;padding:24px 20px;padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));width:100%}.login-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font);font-size:16px;margin-bottom:14px;min-height:48px;padding:14px 16px;transition:border-color .2s;width:100%}.login-input::placeholder{color:var(--text-secondary)}.login-input:focus{border-color:var(--accent);outline:none}.login-error{color:#f87171;font-size:.85rem;margin-bottom:6px;margin-top:-6px;text-align:left}.login-button{background:var(--accent);border:none;border-radius:var(--radius-md);color:#0d0d0d;cursor:pointer;font-family:var(--font);font-size:1rem;font-weight:600;margin-top:8px;min-height:var(--touch-target);padding:14px 20px;transition:background .2s}.login-button:hover{background:var(--accent-hover)}.login-link{text-decoration:none}.logout-button,.logout-button-mobile,.signin-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.9rem;font-weight:600;justify-content:center;min-height:var(--touch-target);padding:12px 20px;transition:background .2s}.logout-button,.logout-button-mobile{background:#0000;border:1px solid var(--border);color:var(--text-secondary)}.logout-button-mobile:hover,.logout-button:hover{background:#e5393526;border-color:var(--danger);color:var(--danger)}.logout-button-mobile{padding:10px 16px}@media screen and (min-width:480px){.login-container{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);padding:32px 24px}.login-title{font-size:1.5rem;margin-bottom:24px}.login-form{max-width:340px;padding:32px}.login-input{margin-bottom:16px;padding:12px 16px}}.signup-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);padding:24px 16px 32px;padding-bottom:calc(32px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.signup-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.signup-form{align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;max-width:360px;min-width:0;padding:24px 20px;padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));width:100%}.signup-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font);font-size:16px;margin-bottom:14px;min-height:48px;padding:14px 16px;transition:border-color .2s;width:100%}.signup-input::placeholder{color:var(--text-secondary)}.signup-input:focus{border-color:var(--accent);outline:none}.signup-error{color:#f87171;font-size:.85rem;margin-bottom:6px;margin-top:-6px;text-align:left}.signup-button{background:var(--accent);border:none;border-radius:var(--radius-md);color:#0d0d0d;cursor:pointer;font-family:var(--font);font-size:1rem;font-weight:600;margin-top:8px;min-height:var(--touch-target);padding:14px 20px;transition:background .2s}.signup-button:hover{background:var(--accent-hover)}.login-text{color:var(--text-secondary);font-size:.95rem;margin-top:20px;text-align:center}.signin-link{color:var(--accent);display:inline-block;font-weight:600;line-height:2;min-height:var(--touch-target);padding:4px 0;text-decoration:none}.signin-link:hover{text-decoration:underline}@media screen and (max-width:380px){.signup-form{padding:20px 16px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}}@media screen and (min-width:480px){.signup-container{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);padding:32px 24px}.signup-title{font-size:1.5rem;margin-bottom:24px}.signup-form{max-width:380px;padding:32px}.signup-input{margin-bottom:16px;padding:12px 16px}}.profile-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:24px auto 48px;margin-bottom:calc(48px + var(--safe-bottom));max-width:480px;min-width:0;padding:28px 20px;padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right));width:100%}.profile-container .heading{color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 20px}.profile-container .paragraph{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;padding:14px 0}.profile-container .paragraph:last-of-type{border-bottom:none}@media screen and (min-width:480px){.profile-container{margin-top:48px;padding:40px 32px;padding-left:calc(32px + var(--safe-left));padding-right:calc(32px + var(--safe-right))}.profile-container .heading{font-size:1.5rem;margin-bottom:24px}.profile-container .paragraph{font-size:1rem}}.description-page{margin:0 auto;max-width:1000px;min-width:0;padding:24px 16px 40px;padding-bottom:calc(40px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.description .name{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.description .title h2{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}.time{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px}.time>div{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}.imdb_rating{align-items:center;background:linear-gradient(135deg,#e8b92333,#e8b9230d);border:1px solid #e8b9234d;border-radius:var(--radius-md);color:var(--accent);display:flex;font-size:1rem;font-weight:700;gap:8px;padding:8px 14px}.imdb_rating>div:first-child{font-size:.75rem;font-weight:600;opacity:.9}.description{align-items:center;display:flex;flex-direction:column;gap:24px;margin-top:0}.description .image{flex-shrink:0;max-width:280px;width:100%}.description .image img{aspect-ratio:2/3;border-radius:var(--radius-lg);box-shadow:var(--shadow);height:auto;object-fit:cover;width:100%}.details{color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:.95rem;gap:14px;line-height:1.6;min-width:0;width:100%}.details>div:first-child{color:var(--text-primary);font-size:1rem}.actors,.awards,.genre,.writer{border-bottom:1px solid var(--border);padding:12px 0}.actors strong,.awards strong,.genre strong,.writer strong{color:var(--text-primary);font-weight:600;margin-right:6px}@media screen and (min-width:640px){.description-page{padding:28px 20px 48px;padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right))}.description .title h2{font-size:1.5rem}.time{font-size:.9rem}.description{align-items:flex-start;flex-direction:row;gap:28px}.description .image{max-width:260px}.details{font-size:1rem}.details>div:first-child{font-size:1.05rem}}@media screen and (min-width:768px){.description-page{padding:32px 24px 48px;padding-bottom:calc(48px + var(--safe-bottom));padding-left:calc(24px + var(--safe-left));padding-right:calc(24px + var(--safe-right))}.description .title h2{font-size:1.75rem}.description .image img{max-width:none;width:280px}.description .image{max-width:none}}@media screen and (min-width:1024px){.description{gap:32px}}
/*# sourceMappingURL=main.497982d0.css.map*/