@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--color-bg:#f5f0e8;--color-surface:#fff;--color-surface-alt:#ede7da;--color-surface-raised:#fff;--color-primary:#c8472a;--color-primary-dark:#a83820;--color-primary-light:#c8472a1a;--color-accent:#c8472a;--color-accent-dark:#a83820;--color-teal:#3d8c78;--color-kids:#3d8c78;--color-text:#1a1a1a;--color-text-secondary:#7a7060;--color-text-tertiary:#9a8e7a;--color-border:#d4c8b4;--color-border-strong:#b8ac9a;--color-error:#c8472a;--color-star:#c8472a;--font:"DM Sans", sans-serif;--font-display:"Playfair Display", serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:19px;--text-xl:23px;--text-2xl:30px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 4px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a, 0 2px 6px #0000000f;--shadow-lg:0 12px 28px #0000001f, 0 4px 12px #00000012;--nav-height:62px;--header-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);-webkit-font-smoothing:antialiased}.app-shell{background:var(--color-bg);max-width:480px;min-height:100dvh;box-shadow:0 0 0 1px #0000000f, var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}.app-header{z-index:100;height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0 var(--sp-5);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header .logo{align-items:center;gap:var(--sp-2);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700;text-decoration:none;display:flex}.app-header .logo img{object-fit:contain;border-radius:7px;width:28px;height:28px}.app-header .header-right{align-items:center;gap:var(--sp-2);display:flex}.icon-btn{cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-pill);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.icon-btn:active{transform:scale(.9)}.page-content{padding-bottom:calc(var(--nav-height) + var(--sp-4));flex:1;overflow-y:auto}.page{padding:var(--sp-5) var(--sp-4)}.bottom-nav{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--color-border);padding:0 var(--sp-2);background:#f5f0e8eb;border-radius:20px 20px 0 0;align-items:center;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 32px #0000004d}.nav-tab{color:var(--color-text-tertiary);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 12px;font-size:10px;font-weight:700;text-decoration:none;transition:color .15s,background .15s,transform .1s;display:flex}.nav-tab:active{transform:scale(.9)}.nav-tab.active{color:var(--color-primary)}.nav-tab svg{transition:transform .15s}.nav-tab.active svg{transform:scale(1.1)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);font-family:var(--font);font-size:var(--text-base);cursor:pointer;letter-spacing:.01em;border:none;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 18px #ff6b6b66}.btn-secondary{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary-light);transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:#1a1400}.btn-accent:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);padding:var(--sp-2) var(--sp-3);background:0 0}.btn-ghost:hover{color:var(--color-primary);background:var(--color-surface-alt)}.btn-danger{background:var(--color-error);color:#fff}.btn-full{width:100%}.btn-lg{font-size:var(--text-lg);padding:var(--sp-4) var(--sp-8)}.btn-sm{font-size:var(--text-xs);padding:5px 12px;font-weight:700}.chip-group{margin-top:var(--sp-2);flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);background:var(--color-surface-alt);color:var(--color-text-secondary);font-family:var(--font);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;padding:5px 13px;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.chip.selected-accent{background:var(--color-accent);border-color:var(--color-accent);color:#1a1400}.chip.selected-kids{background:var(--color-kids);border-color:var(--color-kids);color:#fff}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-2px)}.poster-card{cursor:pointer;flex-shrink:0;width:120px}.poster-card img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%}.poster-card .poster-info{padding:var(--sp-2)}.poster-card .poster-title{font-size:var(--text-xs);color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.section-header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.page h1{font-family:var(--font-display)}.scroll-row{gap:var(--sp-3);padding-bottom:var(--sp-2);scrollbar-width:none;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.stars{cursor:pointer;gap:2px;display:flex}.star{color:var(--color-border-strong);font-size:var(--text-base);transition:color .1s,transform .1s}.star.filled{color:var(--color-star)}.star:hover{transform:scale(1.25)}.rating-badge{background:var(--color-surface-alt);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-text);align-items:center;gap:3px;padding:2px 9px;font-weight:700;display:inline-flex}.platform-badge{border-radius:var(--radius-pill);background:var(--color-surface-alt);font-size:var(--text-xs);color:var(--color-text-secondary);align-items:center;gap:4px;padding:2px 9px;font-weight:600;display:inline-flex}.empty-state{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-4);color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.empty-state p{font-size:var(--text-base)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);width:36px;height:36px;margin:var(--sp-8) auto;border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:rotate(0)}10%{transform:rotate(-14deg)scale(1.08)}20%{transform:rotate(14deg)scale(1.12)}30%{transform:rotate(-11deg)scale(1.08)}40%{transform:rotate(11deg)scale(1.1)}55%{transform:rotate(-7deg)}65%{transform:rotate(7deg)}78%{transform:rotate(-3deg)}88%{transform:rotate(3deg)}}.shaking{animation:.85s both shake}@keyframes shake-gentle{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}.shaking-gentle{transform-origin:bottom;animation:2.4s ease-in-out infinite shake-gentle}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:3s ease-in-out infinite float}@keyframes jar-idle{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(1deg)}75%{transform:translateY(-4px)rotate(-1deg)}}.jar-idle{animation:4s ease-in-out infinite jar-idle}.jar-idle:hover{filter:drop-shadow(0 6px 20px #ff6b6b66)!important}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.35s both slideUp}.input{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface-alt);font-family:var(--font);font-size:var(--text-base);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b6b26}.modal-overlay{z-index:200;background:#000000a6;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--color-surface);width:100%;max-width:480px;max-height:88dvh;padding:var(--sp-6) var(--sp-5) var(--sp-8);scrollbar-width:none;border:1px solid var(--color-border);border-bottom:none;border-radius:24px 24px 0 0;animation:.3s cubic-bezier(.32,.72,0,1) both sheetUp;overflow-y:auto;box-shadow:0 -4px 24px #0006}.modal-sheet::-webkit-scrollbar{display:none}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-sheet:before{content:"";background:var(--color-border-strong);border-radius:var(--radius-pill);width:36px;height:4px;margin:0 auto var(--sp-5);display:block}.watchlist-grid{gap:var(--sp-3);margin-top:var(--sp-2);grid-template-columns:repeat(2,1fr);display:grid}.watchlist-tile{background:var(--color-surface);border-radius:var(--radius-md);border:1.5px solid var(--color-border);padding:var(--sp-4);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:88px;transition:all .15s;display:flex}.watchlist-tile:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.watchlist-tile.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 2px #ff6b6b33}.watchlist-tile.add-new{color:var(--color-primary);justify-content:center;align-items:center;gap:var(--sp-2);background:0 0;border-style:dashed;font-weight:700}.watchlist-tile.add-new:hover{background:var(--color-primary-light)}.watchlist-tile-name{font-weight:700;font-size:var(--text-base);color:var(--color-text);letter-spacing:-.01em}.watchlist-tile-count{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.playlist-item{gap:var(--sp-3);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--sp-3);margin-bottom:var(--sp-2);border:1px solid var(--color-border);align-items:center;display:flex}.playlist-item img{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:44px;height:66px}.playlist-item-info{flex:1;overflow:hidden}.playlist-item-title{font-weight:700;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-item-sub{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px;font-weight:600}.result-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);margin-bottom:var(--sp-4);overflow:hidden}.result-card-poster{aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%}.result-card-body{padding:var(--sp-4) var(--sp-4) var(--sp-2)}.result-card-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);letter-spacing:.01em;margin-bottom:var(--sp-1);font-weight:700;line-height:1.2}.result-card-meta{margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.result-card-overview{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--sp-3);line-height:1.7}.toggle-tabs{border-radius:var(--radius-pill);background:var(--color-surface-alt);margin-bottom:var(--sp-4);gap:2px;padding:3px;display:flex}.toggle-tab{padding:7px var(--sp-3);border-radius:var(--radius-pill);font-family:var(--font);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex:1;font-weight:700;transition:all .18s}.toggle-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 4px #0000004d}.profile-row{gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.profile-card{align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;min-width:78px;font-weight:700;font-size:var(--text-sm);flex-direction:column;transition:all .15s;display:flex}.profile-card .avatar{font-size:26px}.profile-card.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.auth-page{min-height:100dvh;padding:var(--sp-6) var(--sp-4);background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-6);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-logo{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-8);flex-direction:column;display:flex}.auth-logo img{border-radius:var(--radius-md);width:60px;height:60px}.auth-logo-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);letter-spacing:.01em;font-weight:700}.auth-logo-sub{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-divider{align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-error{color:var(--color-error);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);margin-bottom:var(--sp-4);background:#ff6b6b1f;border:1px solid #ff6b6b40;font-weight:600}.btn-social{justify-content:center;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface-alt);font-family:var(--font);font-size:var(--text-base);cursor:pointer;color:var(--color-text);margin-bottom:var(--sp-3);font-weight:700;transition:all .15s;display:flex}.btn-social:hover{background:var(--color-surface);border-color:var(--color-primary);transform:translateY(-1px)}.modal-detail-sheet{background:var(--color-surface);scrollbar-width:none;border:1px solid var(--color-border);border-bottom:none;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:95dvh;animation:.3s cubic-bezier(.32,.72,0,1) both sheetUp;position:relative;overflow-y:auto}.modal-detail-sheet::-webkit-scrollbar{display:none}.detail-hero{width:100%;position:relative;overflow:hidden}.detail-hero-img{object-fit:cover;width:100%;display:block}.detail-hero-gradient{pointer-events:none;background:linear-gradient(#0000001a 0%,#0000 35%,#f5f0e8d9 100%);position:absolute;inset:0}.detail-hero-close{top:var(--sp-3);right:var(--sp-3);border-radius:var(--radius-pill);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#0000008c;border:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex;position:absolute}.detail-hero-close:hover{background:#000c}.detail-body{padding:var(--sp-5) var(--sp-4) 96px}.detail-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.01em;margin-bottom:var(--sp-2);font-weight:700;line-height:1.15}.detail-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--sp-4);font-style:italic}.detail-meta{margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.detail-meta-item{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.detail-meta-sep{color:var(--color-border-strong)}.detail-section-title{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--sp-5);margin-bottom:var(--sp-3);font-weight:700}.detail-overview{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.cast-card{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:68px;display:flex}.cast-photo{border-radius:var(--radius-pill);object-fit:cover;background:var(--color-surface-alt);flex-shrink:0;width:56px;height:56px}.cast-name{color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.cast-char{color:var(--color-text-secondary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.detail-save-bar{padding:var(--sp-3) 0 var(--sp-2);background:linear-gradient(to top, var(--color-surface) 60%, transparent);margin-top:var(--sp-5);position:sticky;bottom:0}.search-wrapper{margin-bottom:var(--sp-4);position:relative}.search-wrapper .search-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{padding-left:42px}.yt-iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}