@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap);body{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d1117;background:var(--background-dark,#0d1117)}::-webkit-scrollbar-thumb{background:#30363d;background:var(--border-color,#30363d);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--background-dark:#0d1117;--background-light:#161b22;--border-color:#30363d;--primary-accent:#58a6ff;--primary-accent-hover:#79b8ff;--text-primary:#c9d1d9;--text-secondary:#8b949e;--loved-color:#db61a2;--loved-color-hover:#f074b4;--watched-color:#3081f7;--watched-color-hover:#58a6ff;--pass-color:#6e7681;--pass-color-hover:#8b949e;--unwatched-color:#238636;--unwatched-color-hover:#2ea043;--danger-color:#f85149;--warning-color:#d29922;--focus-ring:0 0 0 3px #58a6ff80;--touch-target-min:44px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;background-color:var(--background-dark);color:#c9d1d9;color:var(--text-primary);font-family:Inter,sans-serif;font-size:clamp(14px,2.5vw,16px);line-height:1.6;margin:0;padding:0}.skip-link{background:#58a6ff;background:var(--primary-accent);border-radius:4px;color:#fff;font-weight:600;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}.app-container{background:#0d1117;background:var(--background-dark);min-height:100vh}.animated-background{inset:0;overflow:hidden;position:fixed;z-index:0}.animated-background>div{border-radius:50%;filter:blur(6rem);opacity:.15;position:absolute}.animated-background .bg-shape1{animation:pulse 10s infinite alternate;background-color:#58a6ff;background-color:var(--primary-accent);height:24rem;left:15%;top:0;width:24rem}.animated-background .bg-shape2{animation:pulse 12s infinite alternate-reverse;background-color:#db61a2;background-color:var(--loved-color);bottom:0;height:24rem;right:15%;width:24rem}@keyframes pulse{0%{transform:scale(.8)}to{transform:scale(1.2)}}.main-content{position:relative;z-index:10}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0d1117cc;border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-color);padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;transition:padding .3s ease-in-out;z-index:50}.app-header.scrolled{padding:.75rem 0}.header-content{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1280px;padding:0 1rem}@media (min-width:768px){.header-content{gap:1.5rem}}.header-top{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease-in-out}@media (min-width:768px){.header-top{align-items:center;flex-direction:row;gap:0;justify-content:space-between}.app-header.scrolled .header-top{justify-content:center}}.header-title{align-items:center;display:flex;gap:.75rem;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.header-title h1{background:linear-gradient(90deg,#58a6ff,#db61a2);background:linear-gradient(to right,var(--primary-accent),var(--loved-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:900;margin:0}.header-controls{display:flex;flex-direction:column;gap:1rem;width:100%}@media (min-width:768px){.header-controls{align-items:center;flex-direction:row;width:auto}}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:.75rem 1rem;text-align:center;transition:all .2s}.btn:focus{box-shadow:0 0 0 3px #58a6ff80;box-shadow:var(--focus-ring);outline:none}.btn:focus:not(:focus-visible){box-shadow:none}.btn:focus-visible{box-shadow:0 0 0 3px #58a6ff80;box-shadow:var(--focus-ring)}.btn-primary{background-color:#58a6ff26;border-color:#58a6ff4d;color:#58a6ff;color:var(--primary-accent)}.btn-primary:hover{background-color:#58a6ff40;border-color:#58a6ff80}.filter-controls{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}@media (min-width:480px){.filter-controls{display:flex;flex-wrap:wrap;gap:.5rem}}.filter-btn{background-color:#161b22;background-color:var(--background-light);border:1px solid #30363d;border:1px solid var(--border-color);color:#8b949e;color:var(--text-secondary)}.filter-btn:hover{background-color:#21262d}.filter-btn.active,.filter-btn:hover{color:#c9d1d9;color:var(--text-primary)}.filter-btn.active{border-color:#58a6ff;border-color:var(--primary-accent);box-shadow:0 0 10px #58a6ff4d}.filter-btn.loved.active{border-color:#db61a2;border-color:var(--loved-color);box-shadow:0 0 10px #db61a24d}.filter-btn.watched.active{border-color:#3081f7;border-color:var(--watched-color);box-shadow:0 0 10px #3081f74d}.filter-btn.pass.active{border-color:#6e7681;border-color:var(--pass-color);box-shadow:0 0 10px #6e76814d}.filter-btn.unwatched.active{border-color:#238636;border-color:var(--unwatched-color);box-shadow:0 0 10px #2386364d}.content-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin:0 auto;max-width:1280px;padding:1rem}@media (min-width:480px){.content-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.content-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:1.5rem 1rem}}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:2rem 1rem}}.movie-card{background-color:#161b22;background-color:var(--background-light);border:1px solid #30363d;border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;position:relative;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.movie-card:focus-within{box-shadow:0 0 0 3px #58a6ff80;box-shadow:var(--focus-ring)}.movie-card:focus-within,.movie-card:hover{border-color:#58a6ff;border-color:var(--primary-accent)}.movie-card:hover{box-shadow:0 20px 30px #0003;transform:translateY(-5px) translateZ(0)}.movie-card-poster{aspect-ratio:2/3;overflow:hidden;position:relative}@media (max-width:480px){.movie-card-poster{aspect-ratio:16/9}}.movie-card-poster img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.movie-card:hover .movie-card-poster img{transform:scale(1.05)}.movie-card-poster-overlay{background:linear-gradient(0deg,#161b22 10%,#0000 50%);inset:0;position:absolute}.movie-card-rating{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0d1117cc;border:1px solid #ffffff1a;border-radius:9999px;box-shadow:0 2px 8px #0000004d;display:flex;gap:.375rem;padding:.25rem .625rem;position:absolute;right:.75rem;top:.75rem}.movie-card-rating .star-icon{fill:#ffc700;color:#ffc700}.movie-card-rating span{color:#ffc700;font-size:.875rem;font-weight:700}.movie-card-content{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.movie-card-header h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:clamp(1rem,3vw,1.25rem);font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis}.movie-card-header p{font-weight:500}.movie-card-header p,.movie-card-synopsis{color:#8b949e;color:var(--text-secondary);font-size:.875rem}.movie-card-synopsis{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:63px;line-height:1.5;overflow:hidden}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-btn{align-items:center;background-color:#21262d;border:1px solid #30363d;border:1px solid var(--border-color);border-radius:.375rem;color:#c9d1d9;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:0;padding:.75rem;transition:all .2s;width:100%}.action-btn:focus{box-shadow:0 0 0 3px #58a6ff80;box-shadow:var(--focus-ring);outline:none}.action-btn:focus:not(:focus-visible){box-shadow:none}.action-btn:focus-visible{box-shadow:0 0 0 3px #58a6ff80;box-shadow:var(--focus-ring)}.action-btn:hover{background-color:#30363d}.action-btn.loved{background-color:#db61a21a;border-color:#db61a24d;color:#db61a2;color:var(--loved-color)}.action-btn.loved.active{background-color:#db61a2;background-color:var(--loved-color);border-color:#db61a2;border-color:var(--loved-color);box-shadow:0 0 15px #db61a266;color:#fff}.action-btn.loved.active .heart-icon{fill:#fff}.top-row-buttons{margin-bottom:.5rem}.action-btn-group,.top-row-buttons{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.action-btn-group{flex-direction:row}.action-btn.watched{background-color:#3081f71a;border-color:#3081f74d;color:#3081f7;color:var(--watched-color)}.action-btn.watched.active{background-color:#3081f7;background-color:var(--watched-color);border-color:#3081f7;border-color:var(--watched-color);box-shadow:0 0 15px #3081f766;color:#fff}.action-btn.pass{background-color:#6e76811a;border-color:#6e76814d;color:#6e7681;color:var(--pass-color)}.action-btn.pass.active{background-color:#6e7681;background-color:var(--pass-color);border-color:#6e7681;border-color:var(--pass-color);box-shadow:0 0 15px #6e768166;color:#fff}.action-btn.youtube-trailer{background-color:#ff00001a;border-color:#ff00004d;color:red;transition:all .2s ease-in-out}.action-btn.youtube-trailer:hover{background-color:#f003;border-color:#ff000080;box-shadow:0 4px 12px #f003;color:#f44;transform:translateY(-1px)}.action-btn.no-trailer{align-items:center;background-color:#6e76810d;border:1px solid #6e768133;border-radius:.375rem;color:#8b949e;color:var(--text-secondary);cursor:default;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;opacity:.6;padding:.75rem;transition:all .2s}.action-btn.no-trailer:hover{background-color:#6e76810d;box-shadow:none;transform:none}.action-btn.no-trailer:disabled{background-color:#6e76810d;border:1px solid #6e768133;color:#8b949e;color:var(--text-secondary);cursor:default;opacity:.6}.comment-textarea{background-color:#0d1117;background-color:var(--background-dark);border:1px solid #30363d;border:1px solid var(--border-color);border-radius:.375rem;box-sizing:border-box;color:#c9d1d9;color:var(--text-primary);font-family:inherit;font-size:.875rem;min-height:80px;padding:.75rem;resize:vertical;transition:all .2s;width:100%}.comment-textarea:focus{box-shadow:0 0 0 3px #58a6ff80;box-shadow:var(--focus-ring)}.comment-textarea::placeholder{color:#8b949e;color:var(--text-secondary)}.comment-textarea:focus{border-color:#58a6ff;border-color:var(--primary-accent);box-shadow:0 0 0 3px #58a6ff33;outline:none}.empty-state,.error-indicator,.loading-indicator{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;text-align:center}.empty-state-content,.error-indicator-content,.loading-indicator-content{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:400px}.loading-indicator .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-indicator-content p{color:#8b949e;color:var(--text-secondary)}.error-indicator-content .error-message{color:#f85149;color:var(--danger-color);font-weight:600}.error-indicator-content .error-subtext{font-size:.875rem}.error-indicator-controls{display:flex;gap:.5rem;margin-top:1rem}.empty-state-content .empty-icon,.empty-state-content p{color:#8b949e;color:var(--text-secondary)}.empty-state-content p{font-size:1.125rem}.content-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:0 1rem}.item-count{color:#8b949e;color:var(--text-secondary);font-size:.875rem;margin:0}.data-restored{align-items:center;color:#238636;color:var(--unwatched-color);display:flex;font-size:.875rem;gap:.5rem;margin:0}.load-more-section{align-items:center;border-top:1px solid #30363d;border-top:1px solid var(--border-color);display:flex;flex-direction:column;margin-top:3rem;padding:2rem 1rem}.load-more-btn{font-size:1rem;font-weight:600;margin-bottom:1rem;min-width:200px;padding:.75rem 1.5rem;transition:all .2s ease}.load-more-btn:hover:not(:disabled){box-shadow:0 4px 8px #58a6ff4d;transform:translateY(-1px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.load-more-info{color:#8b949e;color:var(--text-secondary);font-size:.75rem;margin:0;text-align:center}.content-type-selector{background:#161b22;background:var(--background-light);border:1px solid #30363d;border:1px solid var(--border-color);border-radius:.5rem;display:flex;overflow:hidden;width:100%}@media (min-width:768px){.content-type-selector{width:auto}}.content-type-btn{background:#0000;border:none;color:#8b949e;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1rem;position:relative;transition:all .2s ease}.content-type-btn:focus{box-shadow:inset 0 0 0 2px #58a6ff;box-shadow:inset 0 0 0 2px var(--primary-accent);outline:none}.content-type-btn:focus:not(:focus-visible){box-shadow:none}.content-type-btn:focus-visible{box-shadow:inset 0 0 0 2px #58a6ff;box-shadow:inset 0 0 0 2px var(--primary-accent)}@media (min-width:768px){.content-type-btn{flex:none}}.content-type-btn:not(:last-child){border-right:1px solid #30363d;border-right:1px solid var(--border-color)}.content-type-btn:hover{background:#0d1117;background:var(--background-dark);color:#c9d1d9;color:var(--text-primary)}.content-type-btn.active{background:#58a6ff;background:var(--primary-accent);color:#fff;font-weight:600}.content-type-btn.active:hover{background:#79b8ff;background:var(--primary-accent-hover)}.error-boundary{align-items:center;background:#0d1117;background:var(--background-dark);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-content{background:#161b22;background:var(--background-light);border:1px solid #30363d;border:1px solid var(--border-color);border-radius:1rem;max-width:500px;padding:3rem;text-align:center}.error-boundary-icon{color:#f85149;color:var(--danger-color);margin-bottom:1.5rem}.error-boundary-title{color:#c9d1d9;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.error-boundary-message{color:#8b949e;color:var(--text-secondary);line-height:1.5;margin-bottom:2rem}.error-boundary-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.error-boundary-retry{align-items:center;display:flex;gap:.5rem}.error-boundary-reload{background:#0000;border:1px solid #30363d;border:1px solid var(--border-color);color:#8b949e;color:var(--text-secondary)}.error-boundary-reload:hover{background:#0d1117;background:var(--background-dark);color:#c9d1d9;color:var(--text-primary)}.error-boundary-details{background:#0d1117;background:var(--background-dark);border:1px solid #30363d;border:1px solid var(--border-color);border-radius:.5rem;margin-top:1rem;padding:1rem;text-align:left}.error-boundary-details summary{color:#8b949e;color:var(--text-secondary);cursor:pointer;font-weight:600;margin-bottom:1rem}.error-boundary-details summary:hover{color:#c9d1d9;color:var(--text-primary)}.error-boundary-stack{font-family:Courier New,monospace;font-size:.75rem}.error-boundary-stack h4{color:#c9d1d9;color:var(--text-primary);font-size:.875rem;margin:1rem 0 .5rem}.error-boundary-stack pre{background:#f851491a;border-radius:.25rem;color:#f85149;color:var(--danger-color);overflow-x:auto;padding:.5rem;white-space:pre-wrap;word-break:break-word}@media (max-width:320px){.content-grid,.header-content{padding-left:.5rem;padding-right:.5rem}.movie-card-content{padding:1rem}.filter-controls{grid-template-columns:1fr}}@media (min-width:481px){.action-btn-group .action-btn{flex:1 1;min-width:0;width:auto}}@media (max-width:480px){.top-row-buttons{margin-bottom:.5rem}.top-row-buttons .action-btn,.top-row-buttons .no-trailer{width:100%}.action-btn-group{flex-direction:column;gap:.5rem}.action-btn-group .action-btn{width:100%}}@media (max-width:360px){.action-btn{font-size:.8rem;padding:.6rem}.action-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:768px){.content-info{align-items:flex-start;flex-direction:column}.load-more-btn{font-size:.875rem;min-width:180px}.movie-card-rating{padding:.25rem .5rem;right:.5rem;top:.5rem}.movie-card-rating .star-icon{height:12px;width:12px}.movie-card-rating span{font-size:.75rem}}@media (prefers-contrast:high){.movie-card{border-width:2px}.action-btn:focus,.btn:focus,.content-type-btn:focus{outline:3px solid #58a6ff;outline:3px solid var(--primary-accent);outline-offset:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animated-background{display:none}}
/*# sourceMappingURL=main.4a537733.css.map*/