:root{font-family:Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary-color: #C69C0B;--primary-hover: #A17F09;--secondary-color: #4E342E;--accent-color: #E6D8A2;--text-primary: #1C1C1C;--text-secondary: #555555;--text-light: #ffffff;--background-light: #F9F9F9;--background-dark: #f8db8d;--background-accent: #FFFFFF;--card-bg: #FFFFFF;--border-color: #E0E0E0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--border-footer: #E0E0E0}html{background-color:var(--background-light)}body{background:var(--background-light);line-height:1.6;font-size:16px;min-height:100vh;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--text-primary)}button{background-color:var(--primary-color);color:var(--text-light);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.container{flex-grow:1;align-items:center;display:flex;flex-direction:column;margin-top:1rem;margin-bottom:1rem;max-width:1280px;min-height:100vh;background-color:var(--background-light)}.app-wrapper{min-height:100vh;max-width:1200px;background-color:var(--background-light)}@media(prefers-color-scheme:dark){html,body,#root,.container{background-color:var(--background-light);display:flex;color:var(--background-light)}}.header-container{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background-color:var(--background-dark);text-align:center;box-shadow:var(--shadow-sm);border-radius:var(--radius-md)}.app-footer{background:var(--background-dark);border:1px solid var(--border-footer);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem;width:100%}.header-logo{display:flex;align-items:center;justify-content:flex-start;flex:1 1 auto}@media(max-width:768px){.header-container{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.75rem}.header-logo{flex:1 1 100%;justify-content:flex-start;margin-bottom:.5rem}.header-controls{flex:1 1 100%;flex-direction:column;align-items:flex-end;gap:.5rem}}.header{color:var(--primary-color);margin-bottom:0;font-size:2rem;font-weight:700;text-align:center;word-wrap:break-word}h2{color:var(--text-primary);margin:1rem 0;font-size:1.5rem}.input{width:100%;max-width:500px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;transition:all .2s ease;align-items:center;background-color:var(--background-light);color:var(--text-primary)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb33}.recommendations{list-style:none;padding:0;margin:.5rem 0;max-width:500px}.recommendations li{padding:.6rem 1rem;margin-bottom:.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:background-color .2s ease,transform .2s ease;cursor:pointer}.recommendations li:hover{background-color:var(--background-dark);border-color:var(--primary-color)}.trending-films{margin:1rem 0;background-color:var(--background-secondary);width:100%;text-align:center}.trending-films-header{background-color:var(--background-dark);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.filter-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-container select{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease;flex:1;min-width:150px}.filter-container select:hover{border-color:var(--primary-color)}.filter-container select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb33}.filter-container button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.filter-container button:hover{background-color:#007bff}.trending-films-posters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding:.5rem 0;width:100%;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.trending-films-posters::-webkit-scrollbar{height:6px}.trending-films-posters::-webkit-scrollbar-track{background:var(--background-dark);border-radius:3px}.trending-films-posters::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:3px}.trending-film-item{background:var(--background-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;position:relative;min-height:100px}.trending-film-item:hover{box-shadow:0 8px 32px #0000002e;transform:translateY(-4px) scale(1.02)}.trending-film-item img,.trending-film-item .no-poster{width:100%;aspect-ratio:2/3;height:120px;object-fit:contain;background:var(--background-dark);display:flex;align-items:center;justify-content:center;border-radius:0;max-width:100%;max-height:100%}.trending-film-info{padding:.5rem;display:flex;flex-direction:column;gap:.2rem}.trending-film-info span{font-size:.8rem;color:var(--text-primary);line-height:1.2;word-break:break-word}@media(max-width:600px){.trending-films-posters{grid-template-columns:1fr 1fr;gap:.5rem;padding:.3rem 0}.trending-film-item img,.trending-film-item .no-poster{height:80px}.trending-film-info{padding:.3rem}.trending-film-info span{font-size:.7rem}}.trending-film-info span:last-child{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.table-container{width:100%;overflow-x:auto;margin:1rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background-color:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:var(--background-dark);border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:3px}table{width:100%;border-collapse:collapse;background-color:var(--background-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);font-size:.9rem;min-width:800px}tbody tr{background-color:var(--background-light);transition:all .2s ease}tbody tr:hover{background-color:var(--background-dark)}th{background-color:var(--background-dark);color:var(--text-primary);padding:1rem;text-align:left;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}th:hover{background-color:var(--background-accent)}td{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);background-color:var(--background-light)}td[style*=backgroundColor]{color:#000!important;font-weight:500}.error{color:#ef4444;background-color:#ef44441a;padding:1rem;border-radius:var(--radius-sm);margin:1rem 0;border:1px solid #ef4444}.highlight-row{animation:highlight-fade 1.2s ease;background-color:#fef08a!important}@keyframes highlight-fade{0%{background-color:#fef08a}80%{background-color:#fef08a}to{background-color:inherit}}@media(max-width:1024px){td.description,th.description{display:none}}@media(max-width:1200px){.trending-films-posters{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:768px){.container{padding:.75rem}.header-container{flex-direction:column;gap:1rem;text-align:left;padding:.75rem}.header{font-size:1.5rem;text-align:left;width:100%}.header-controls{flex-direction:column;align-items:flex-start;width:100%;gap:.5rem}.filter-container{flex-direction:column}.filter-container select{width:100%}.trending-films-posters{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;padding:.4rem}.trending-film-item{box-shadow:var(--shadow-sm)}td.popularity,th.popularity,td.language,th.language,td.studio,th.studio{display:none}table{font-size:.85rem}}@media(max-width:480px){.container,.header-container{padding:.5rem}.header{font-size:1.25rem}.trending-films-posters{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.3rem}.trending-film-item .trending-film-info span:first-child{color:#fff!important}.trending-film-item .trending-film-info span:last-child{color:#e0e0e0!important}td.director,th.director{display:none}td,th{padding:.4rem}}td img{max-width:80px;height:auto;border-radius:var(--radius-sm);background-color:var(--background-dark)}td a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}td a:hover{color:var(--primary-hover)}button{background-color:varprimary-color;color:var(--text-light);padding:.4rem .8rem;border-radius:var(--radius-sm);border:none;font-weight:500;cursor:pointer;transition:all .2s ease}button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background-color:var(--background-light);border-radius:8px;box-shadow:0 2px 4px #0000001a}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{color:var(--text-primary);font-weight:500}.header-controls{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.header-container{flex-direction:column;gap:1rem;text-align:left}.header-controls{flex-direction:column;align-items:flex-start;width:100%;gap:.5rem}.auth-button{width:auto;min-width:100px}}@media(max-width:480px){.header-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.auth-button{padding:.4rem .75rem;font-size:.9rem;min-width:90px}}.no-poster{width:200px;height:300px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border:1px solid #ddd;color:#666;font-size:14px;text-align:center;cursor:pointer}.no-poster:hover{background-color:#e0e0e0}.chat-group-bubbles{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;max-width:600px;width:100%}.chat-bubble{display:flex;flex-direction:column;max-width:70%;padding:.75rem 1.1rem;border-radius:1.2rem;margin-bottom:.2rem;font-size:1rem;box-shadow:0 2px 8px #00000012;word-break:break-word;position:relative}.user-bubble{align-self:flex-end;background:linear-gradient(135deg,#2563eb 60%,#60a5fa);color:#fff;border-bottom-right-radius:.3rem}.ai-bubble{align-self:flex-start;background:#f1f5f9;color:#1e293b;border-bottom-left-radius:.3rem;border:1px solid #e2e8f0}.bubble-label{font-size:.8rem;font-weight:600;margin-bottom:.2rem;opacity:.7}.bubble-text{font-size:1rem;line-height:1.5}.typing-indicator{font-style:italic;opacity:.7}.chat-group-bubbles.chat-scrollable{max-height:1000px;overflow-y:auto;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.5rem;box-shadow:0 2px 8px #0000000a}@media(max-width:600px){.chat-group-bubbles{max-width:100%}.chat-bubble{max-width:90%;font-size:.95rem;padding:.6rem .8rem}}.chat-container{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:1.2rem;box-shadow:0 4px 16px #00000012;padding:1.5rem 1.2rem 1.2rem;margin:2rem auto 1.5rem;max-width:650px;width:100%;display:flex;flex-direction:column;align-items:stretch}@media(max-width:700px){.chat-container{max-width:100%;padding:1rem .3rem}}.film-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0;width:100%}.film-card{background:var(--background-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;position:relative;min-height:100px}.film-card-poster{width:100%;background:var(--background-dark);display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:2/3;height:120px}.film-card-poster img{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:0}.film-card-content{padding:.5rem;display:flex;flex-direction:column;flex:1 1 auto}.film-card-title{font-size:.8rem}.film-card-meta,.film-card-details{font-size:.7rem;gap:.3rem}.film-card-vote{font-size:.8rem;padding:.1rem .4rem}.film-card-overview{font-size:.75rem}.film-card-remove{background:none;border:none;cursor:pointer;padding:0;margin-left:.3rem;display:flex;align-items:center;width:18px;height:18px}.film-card-remove svg{width:14px;height:14px;fill:red;display:block}@media(max-width:600px){.film-list-grid{grid-template-columns:1fr 1fr;gap:.5rem}.film-card-poster{height:80px}.film-card-content{padding:.3rem}}.trending-film-item .trending-film-info span:first-child{color:#fff!important}.trending-film-item .trending-film-info span:last-child{color:#e0e0e0!important}.chat-bubble{position:relative;padding-left:2.2rem}.user-bubble:before,.ai-bubble:before{content:"";position:absolute;left:.5rem;top:.7rem;width:1.6rem;height:1.6rem;border-radius:50%;background-size:cover;background-position:center}.user-bubble:before{background-image:url(/user-avatar.png);background-color:#2563eb;border:2px solid #fff}.ai-bubble:before{background-image:url(/ai-avatar.png);background-color:#f1f5f9;border:2px solid #2563eb}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#000;color:#fcfcfc;padding:1.2rem 2.5rem;border-radius:1.2rem;box-shadow:0 4px 16px #00000026;font-size:1rem;z-index:2000;animation:chat-fade-in .4s}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble{animation:chat-fade-in .4s}@media(max-width:600px){.chat-bubble{padding-left:1.5rem;font-size:.95rem}.bubble-avatar{font-size:1.1rem;margin-right:.4rem;vertical-align:middle}button:active{transform:scale(.96);transition:transform .08s}.film-card:hover,.trending-film-item:hover{box-shadow:0 8px 32px #2563eb2e;transform:translateY(-4px) scale(1.02)}input:focus,select:focus{outline:none;box-shadow:0 0 0 2px #2563eb33;border-color:#2563eb;transition:box-shadow .2s,border-color .2s}}li{padding:.6rem 1rem;margin-bottom:.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:background-color .2s ease,transform .2s ease;cursor:pointer}li:hover{background-color:var(--background-accent);border-color:var(--primary-color);transform:translateY(-2px)}[data-theme=dark] body,[data-theme=dark] html,[data-theme=dark] #root,[data-theme=dark] .app-wrapper,[data-theme=dark] .container{background-color:var(--background-dark)!important}body{background:#f9f9f9!important}:root{font-family:Lato,sans-serif;line-height:1.5;font-weight:300;--background-color: #ffffff;--text-color: #1e293b;--accent-color: #2563eb;--hover-color: #f1f5f9;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;font-size:1rem}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:var(--accent-color)}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--background-color)}h1{font-size:2rem;line-height:1.1}button{border-radius:6px;border:1px solid transparent;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;font-family:inherit;background-color:var(--hover-color);color:var(--text-color);cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{display:flex;flex-direction:column;align-items:center;width:100%}.input-container{margin-bottom:1rem;margin-top:.5rem;position:relative;width:100%;max-width:600px}input[type=text]{width:100%;padding:.5rem .75rem;border:1px solid var(--accent-color);border-radius:4px;font-size:.9rem;background-color:var(--background-color);color:var(--text-color)}.recommendations{list-style:none;padding:0;border:1px solid var(--accent-color);background-color:var(--background-color);max-height:200px;overflow-y:auto;width:fit-content;margin-top:5px}.recommendations li{padding:5px;cursor:pointer;background-color:var(--background-color);border:1px solid var(--hover-color);border-radius:4px;box-shadow:0 2px 4px #0000001a;z-index:10;transition:background-color .3s ease}.recommendations li:hover{background-color:var(--hover-color)}table{width:100%;border-collapse:collapse;margin-top:20px;border:1px solid var(--hover-color);background-color:var(--background-color)}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--hover-color);color:var(--text-color)}th{background-color:var(--hover-color);cursor:pointer;transition:background-color .3s ease}td{background-color:var(--background-color)}th:hover{background-color:#e0e0e0}th.sortable{cursor:pointer}th.sortable:hover{background-color:#ddd}th.sortable.asc:after{content:" ▲"}th.sortable.desc:after{content:" ▼"}img{max-width:100px;max-height:100px}.vote-average{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.trending-films{margin-top:20px}.trending-films-posters{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.trending-film-item{position:relative;width:120px;height:180px;cursor:pointer}.trending-film-item img{object-fit:cover;width:100%;height:100%;display:block}.trending-film-info{position:absolute;bottom:0;left:0;width:100%;background-color:#000000bf;color:var(--text-color);padding:.5rem;font-size:.8rem}@media(max-width:768px){.trending-film-item{width:100px;height:150px}input[type=text]{font-size:.85rem;padding:.4rem .6rem}}@media(max-width:480px){.trending-film-item{width:80px;height:120px}.trending-film-info{padding:.25rem;font-size:.75rem}input[type=text]{font-size:.8rem;padding:.3rem .5rem}.input-container{margin-bottom:.5rem}}