*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;color:#e0e0e0;font-family:Roboto Mono,monospace;line-height:1.6}#root{min-height:100vh}button{background-color:#333;border:1px solid #555;color:#e0e0e0;cursor:pointer;font-family:Roboto Mono,monospace;padding:8px 16px;transition:all .2s ease}button:hover{background-color:#444;border-color:#666}button:disabled{background-color:#222;color:#666;cursor:not-allowed}input{background-color:#2a2a2a;border:1px solid #555;color:#e0e0e0;font-family:Roboto Mono,monospace;outline:none;padding:8px}input:focus{border-color:#888}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.app{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:600px;overflow:hidden;padding:20px}.header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;position:relative}.header:after{background:linear-gradient(90deg,#666,#333);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:0;width:100%}.header h1{color:#fff;font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0;opacity:1}.header-buttons{align-items:center;display:flex;flex-wrap:nowrap!important;gap:8px}.graphs-button,.header-buttons{flex-shrink:0!important;min-width:-webkit-fit-content!important;min-width:fit-content!important}.graphs-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease;white-space:nowrap!important}.graphs-button:hover:not(:disabled){background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.graphs-button:active:not(:disabled){box-shadow:0 2px 6px #0003;transform:translateY(0)}.graphs-button:disabled{background:linear-gradient(135deg,#333,#444);border-color:#555;box-shadow:none;color:#888;cursor:not-allowed;transform:none}.settings-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0!important;font-size:.9rem;font-weight:500;letter-spacing:.3px;min-width:-webkit-fit-content!important;min-width:fit-content!important;padding:8px 14px;transition:all .2s ease;white-space:nowrap!important}.settings-button:hover:not(:disabled){background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.settings-button:active:not(:disabled){box-shadow:0 2px 6px #0003;transform:translateY(0)}.settings-button:disabled{background:linear-gradient(135deg,#333,#444);border-color:#555;box-shadow:none;color:#888;cursor:not-allowed;transform:none}.main{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0}.add-movie-button{background:linear-gradient(135deg,#555,#666);border:1px solid #777;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.5px;overflow:hidden;padding:10px 18px;position:relative;transition:all .2s ease}.add-movie-button:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.add-movie-button:hover{background:linear-gradient(135deg,#666,#777);border-color:#888;box-shadow:0 6px 16px #0000004d;transform:translateY(-1px) scale(1.01)}.add-movie-button:hover:before{height:200px;width:200px}.add-movie-button:active{box-shadow:0 3px 8px #0003;transform:translateY(0) scale(1.005)}.search-database-section{align-items:center;border-top:1px solid #333;display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:16px}.search-setup-hint,.search-setup-section{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.search-setup-link{background:none;border:none;border-radius:3px;color:#888;cursor:pointer;font-size:.8rem;font-weight:500;letter-spacing:.3px;padding:4px 8px;text-decoration:underline;transition:all .2s ease}.search-setup-link:hover{background:#ffffff0d;color:#aaa;transform:translateY(-1px)}.search-database-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.3px;padding:10px 20px;transition:all .2s ease}.search-database-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.search-help-text{color:#666;font-size:.8rem;font-style:italic;letter-spacing:.2px}.add-movie-modal .add-movie-form{display:flex;flex-direction:column;gap:12px;width:100%}.form-row{align-items:center;display:flex;gap:8px}.title-input{flex:2 1}.title-input,.year-input{background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;box-sizing:border-box;color:#fff;font-size:.9rem;font-weight:500;height:40px;outline:none;padding:8px 12px;transition:all .2s ease}.year-input{flex:1 1}.type-select{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#2a2a2a,#252525);background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid #333;border-radius:3px;box-sizing:border-box;cursor:pointer;flex:1 1;font-size:.9rem;height:40px;outline:none;padding:8px 30px 8px 12px;transition:all .2s ease}.type-select,.type-select option{color:#fff;font-family:Roboto Mono,monospace;font-weight:500}.type-select option{background:#2a2a2a;padding:8px}.director-input-container{flex:2 1;position:relative}.director-input{background:linear-gradient(135deg,#2a2a2a,#252525);box-sizing:border-box;color:#fff;font-size:.9rem;font-weight:500;height:40px;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.director-input,.director-suggestions{border:1px solid #333;border-radius:3px}.director-suggestions{background:#222;left:0;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.director-suggestion{border-bottom:1px solid #333;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.director-suggestion:hover{background:#2a2a2a}.director-suggestion:last-child{border-bottom:none}.director-input:focus,.title-input:focus,.type-select:focus,.year-input:focus{background:linear-gradient(135deg,#333,#2a2a2a);border-color:#555;box-shadow:0 4px 12px #0003}.director-input::placeholder,.title-input::placeholder,.year-input::placeholder{color:#666;font-style:italic;font-weight:500}.add-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.3px;padding:10px 16px;transition:all .2s ease}.add-button:hover:not(:disabled){background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.add-button:active:not(:disabled){box-shadow:0 2px 6px #0003;transform:translateY(0)}.add-button:disabled{background:linear-gradient(135deg,#222,#1a1a1a);border-color:#333;box-shadow:none;color:#555;cursor:not-allowed;transform:none}.error-message{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#5a2a2a,#4a2222);border:1px solid #7a4343;color:#fcc;font-size:.8rem;font-weight:500;margin:8px 0;padding:8px 12px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.start-ranking{background:linear-gradient(135deg,#555,#666);border:1px solid #777;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.5px;overflow:hidden;padding:10px 18px;position:relative;transition:all .2s ease}.start-ranking:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.start-ranking:hover{background:linear-gradient(135deg,#666,#777);border-color:#888;box-shadow:0 6px 16px #0000004d;transform:translateY(-1px) scale(1.01)}.start-ranking:hover:before{height:200px;width:200px}.start-ranking:active{box-shadow:0 3px 8px #0003;transform:translateY(0) scale(1.005)}.start-ranking:disabled{background:linear-gradient(135deg,#333,#2a2a2a)!important;border-color:#555!important;box-shadow:none!important;color:#888!important;cursor:not-allowed!important;transform:none!important}.start-ranking:disabled:before{display:none}.start-ranking:disabled:hover{background:linear-gradient(135deg,#333,#2a2a2a)!important;border-color:#555!important;box-shadow:none!important;transform:none!important}.movie-list-container{height:70vh;opacity:1;overflow:hidden}.movie-list,.movie-list-container{display:flex;flex-direction:column}.movie-list{contain:layout style paint;flex:1 1;gap:4px;list-style:none;margin:0;overflow-y:auto;padding-left:0;padding-right:4px;will-change:scroll-position}.movie-list::-webkit-scrollbar{width:6px}.movie-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.movie-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.movie-list::-webkit-scrollbar-thumb:hover{background:#555}.movie-item{align-items:center;background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;contain:layout style paint;display:flex;flex-shrink:0;gap:12px;min-height:60px;overflow:hidden;padding:10px 12px;position:relative;transform:translateZ(0)}.movie-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.rank{color:#888;font-size:.85rem;font-weight:700;min-width:35px;text-shadow:0 0 10px #8888884d}.title{color:#fff;font-size:.9rem;font-weight:500;letter-spacing:.2px}.details{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.1px}.rating-info{align-items:center;display:flex;flex-direction:column;min-width:60px}.movie-item .elo{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #222;border-radius:2px;color:#aaa;font-size:.85rem;font-weight:500;padding:3px 6px;text-align:center}.elo-clickable{cursor:pointer;transition:all .2s ease}.elo-clickable:hover{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#333;color:#ccc;transform:translateY(-1px)}.movie-item.award-1{background:linear-gradient(135deg,#3a3a2d,#333328);border:1px solid #4a4a3d;border-left:3px solid #d4af37;box-shadow:0 2px 8px #d4af3726;position:relative}.movie-item.award-1 .rank{color:#d4af37;font-weight:700}.movie-item.award-1 .elo{background:linear-gradient(135deg,#4a4a3d,#3a3a2d);border:1px solid #5a5a4d;color:#d4af37;font-weight:600}.movie-item.award-2{background:linear-gradient(135deg,#3a3a3a,#2d2d2d);border:1px solid #4a4a4a;border-left:3px solid silver;box-shadow:0 2px 8px #c0c0c026;position:relative}.movie-item.award-2 .rank{color:silver;font-weight:700}.movie-item.award-2 .elo{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border:1px solid #5a5a5a;color:silver;font-weight:600}.movie-item.award-3{background:linear-gradient(135deg,#3a2f2a,#2d2520);border:1px solid #4a3f3a;border-left:3px solid #cd7f32;box-shadow:0 2px 8px #cd7f3226;position:relative}.movie-item.award-3 .rank{color:#cd7f32;font-weight:700}.movie-item.award-3 .elo{background:linear-gradient(135deg,#4a3f3a,#3a2f2a);border:1px solid #5a4f4a;color:#cd7f32;font-weight:600}.movie-item.award-1:after{color:#d4af37;content:"★";font-size:.9rem;opacity:.7;position:absolute;right:12px;top:8px}.movie-item.award-2:after{color:silver;content:"★";font-size:.8rem;opacity:.6;position:absolute;right:12px;top:8px}.movie-item.award-3:after{color:#cd7f32;content:"★";font-size:.7rem;opacity:.5;position:absolute;right:12px;top:8px}.movie-item.confidence-low{border-left:3px solid #ff6b6b}.movie-item.confidence-low .elo{background:linear-gradient(135deg,#1a1a1a,#111);border:1px dashed #333}.main-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.check-inconsistencies{background:linear-gradient(135deg,#555,#666);border:1px solid #777;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.5px;overflow:hidden;padding:10px 18px;position:relative;transition:all .2s ease}.check-inconsistencies:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.check-inconsistencies:hover{background:linear-gradient(135deg,#666,#777);border-color:#888;box-shadow:0 6px 16px #0000004d;transform:translateY(-1px) scale(1.01)}.check-inconsistencies:hover:before{height:200px;width:200px}.check-inconsistencies:active{box-shadow:0 3px 8px #0003;transform:translateY(0) scale(1.005)}.inconsistencies-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.inconsistency-item{align-items:center;background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;display:flex;gap:12px;justify-content:space-between;padding:12px}.inconsistency-description{align-items:center;color:#ccc;display:flex;flex:1 1;font-size:.85rem;gap:8px}.movie-name{background:linear-gradient(135deg,#333,#2a2a2a);border:1px solid #444;border-radius:2px;color:#fff;font-weight:500;padding:2px 6px}.resolve-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:2px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.resolve-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;transform:translateY(-1px)}.no-inconsistencies{color:#6bcf7f;font-size:.9rem;font-weight:500;padding:20px;text-align:center}.movie-info-modal{max-width:500px;min-width:400px}.movie-stats{display:flex;flex-direction:column;gap:20px;width:100%}.stat-section{width:100%}.stat-section h3{border-bottom:1px solid #333;color:#fff;font-size:.9rem;font-weight:500;margin:0 0 12px;padding-bottom:6px}.stat-grid{display:flex;flex-direction:column;gap:8px}.stat-item{align-items:center;background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;box-sizing:border-box;display:flex;justify-content:space-between;min-width:0;padding:10px 14px;width:100%}.stat-label{color:#aaa;font-size:.85rem;font-weight:500}.stat-value{color:#fff;font-size:.9rem;font-weight:600}.stat-value.confidence-low{color:#ff6b6b}.stat-value.confidence-medium{color:#ffd93d}.stat-value.confidence-high{color:#6bcf7f}.confidence-actions{background:linear-gradient(135deg,#252525,#1a1a1a);border:1px solid #333;border-radius:3px;margin-top:20px;padding:15px;text-align:center}.reduce-confidence-button{align-items:center;background:linear-gradient(135deg,#4a4a4a,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto Mono,monospace;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-transform:lowercase;transition:all .2s ease}.reduce-confidence-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.reduce-confidence-button:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.reset-rating-button{align-items:center;background:linear-gradient(135deg,#5a2a2a,#6b3333);border:1px solid #7a4343;border-radius:3px;color:#fcc;cursor:pointer;display:inline-flex;font-family:Roboto Mono,monospace;font-size:14px;font-weight:500;gap:6px;margin-left:12px;padding:8px 16px;text-transform:lowercase;transition:all .2s ease}.reset-rating-button:hover{background:linear-gradient(135deg,#6b3333,#7a4343);border-color:#8a5353;box-shadow:0 4px 12px #5a2a2a4d;color:#fff;transform:translateY(-1px)}.reset-rating-button:active{box-shadow:0 2px 6px #5a2a2a33;transform:translateY(0)}.reset-rating-button:disabled{background:linear-gradient(135deg,#3a2a2a,#2a1a1a);border-color:#5a2a2a;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.confidence-help{color:#aaa;display:block;font-size:12px;font-style:italic;margin-top:8px}.opponent-list{display:flex;flex-direction:column;gap:8px}.opponent-record{align-items:center;background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;display:flex;justify-content:space-between;padding:8px 12px}.opponent-name{color:#fff;font-size:.8rem;font-weight:500}.record{color:#aaa;font-size:.75rem;font-weight:500}.win-rate{color:#999;margin-left:4px}.empty-state{color:#666;font-size:1rem;font-style:italic;opacity:1;padding:50px 20px}.empty-state,.minimum-movies-message{letter-spacing:.3px;text-align:center}.minimum-movies-message{background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;color:#aaa;font-size:.9rem;margin-left:8px;padding:10px 16px}.fullscreen-ranking{align-items:center;animation:fadeInUp .2s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ranking-modal{animation:scaleIn .15s ease-out;background:#1a1a1a;border:1px solid #333;border-radius:4px;max-width:650px;padding:20px;position:relative;width:100%}.ranking-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.ranking-progress{display:flex;flex-direction:column;gap:2px}.progress-text{color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.2px}.progress-counter{color:#666;font-size:.75rem;font-weight:500}.exit-button{background:#5a2a2acc;border:1px solid #7a3e3e;border-radius:2px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.exit-button:hover{background:#6b3333e6;border-color:#8a4848;transform:scale(1.05)}.processing-overlay,.ranking-content{align-items:center;display:flex;flex-direction:column}.processing-overlay{animation:fadeIn .1s ease-out;background:#1a1a1a;justify-content:center;min-height:200px;padding:40px;width:100%}.processing-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.processing-text{color:#666;font-size:16px;font-weight:500;letter-spacing:.5px;text-align:center}.movie-pair{align-items:center;display:flex;gap:0 20px;justify-content:center;width:100%}.movie-pair-animated{animation:pairChange .4s ease-out}@keyframes pairChange{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.movie-choice{align-items:center;background:#222;border:1px solid #333;border-radius:2px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:500;justify-content:center;min-height:140px;padding:24px 16px;transition:all .2s ease;width:100%}.movie-choice:hover{background:#2a2a2a;border-color:#444;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.movie-choice:active{box-shadow:0 1px 4px #0003}.movie-title{font-size:.9rem;font-weight:600;letter-spacing:.1px;margin-bottom:10px;max-height:none!important;min-width:0!important;overflow:visible!important;overflow-wrap:break-word;text-overflow:none!important}.movie-details,.movie-title{word-wrap:break-word;-webkit-hyphens:none;hyphens:none;line-height:1.3;text-align:center;white-space:normal;width:100%}.movie-details{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:.75rem;font-weight:400;opacity:.9;overflow:hidden;overflow-wrap:break-word}.ranking-controls{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:16px}.control-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.prediction-toggle{background:linear-gradient(135deg,#333,#444);border:1px solid #555;border-radius:2px;color:#bbb;cursor:pointer;font-size:.75rem;font-weight:500;letter-spacing:.2px;padding:6px 12px;transition:all .2s ease}.prediction-toggle:hover{background:linear-gradient(135deg,#444,#555);border-color:#666;color:#ddd;transform:translateY(-1px)}.undo-button{background:linear-gradient(135deg,#5a2a2a,#6b3333);border:1px solid #7a4343;border-radius:2px;color:#fcc;cursor:pointer;font-size:.75rem;font-weight:500;letter-spacing:.2px;padding:6px 12px;transition:all .2s ease}.undo-button:hover{background:linear-gradient(135deg,#6b3333,#7a4343);border-color:#8a5353;box-shadow:0 2px 8px #5a2a2a4d;color:#fff;transform:translateY(-1px)}.prediction-display{background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;max-width:280px;padding:8px 12px}.prediction-text{color:#ccc;font-size:.8rem;line-height:1.3;text-align:center}.prediction-text strong{color:#fff;font-weight:600}.vs-divider{color:#666;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:0 4px;-webkit-user-select:none;user-select:none}@media (max-width:600px){.ranking-modal{max-width:90%;padding:16px}.movie-pair{flex-direction:column;gap:10px}.vs-divider{font-size:.75rem;transform:rotate(90deg)}.movie-choice{min-height:80px;padding:12px 8px}.movie-title{font-size:.8rem}.movie-details{font-size:.7rem;margin-top:4px}}@media (max-width:768px){.app{padding:16px}.header{flex-direction:column;gap:12px;text-align:center}.header h1{font-size:1.2rem}.form-row{flex-direction:column;gap:8px}.start-ranking{min-width:auto;width:100%}.movie-item{align-items:flex-start;flex-direction:column;gap:8px;text-align:left}.movie-item .elo,.rank{min-width:auto}}@media (max-width:480px){.app{padding:12px}.header h1{font-size:1.1rem}.input-group button,.input-group input{padding:8px 12px}.start-ranking{font-size:.9rem;padding:8px 16px}.empty-state{font-size:.95rem;padding:40px 16px}}.completion-modal{animation:fadeInUp .2s ease-out;max-width:500px;min-width:400px}.completion-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px 30px;text-align:center}.completion-stats{width:100%}.completion-title{color:#fff;font-size:1.4rem;font-weight:500;letter-spacing:.2px;margin:0 0 20px}.completion-summary,.completion-title{font-family:Roboto Mono,monospace;text-transform:lowercase}.completion-summary{color:#ccc;font-size:1rem;line-height:1.4;margin:0 0 12px}.completion-number{color:#6bcf7f;font-weight:600}.completion-detail{color:#888;font-family:Roboto Mono,monospace;line-height:1.4;margin:0}.completion-detail,.logout-button{font-size:.9rem;text-transform:lowercase}.logout-button{background:linear-gradient(135deg,#3a2a2a,#2a1a1a);border:1px solid #5a2a2a;border-radius:3px;color:#f99;cursor:pointer;flex-shrink:0!important;font-weight:500;letter-spacing:.3px;min-width:-webkit-fit-content!important;min-width:fit-content!important;padding:8px 14px;transition:all .2s ease;white-space:nowrap!important}.logout-button:hover{background:linear-gradient(135deg,#4a3a3a,#3a2a2a);border-color:#6a3a3a;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.logout-button:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .8s linear infinite}.loading-text{color:#999;font-size:.9rem;letter-spacing:.5px;text-transform:lowercase}.app-footer{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-top:1px solid #333;bottom:0;left:0;padding:12px 20px;position:fixed;right:0;z-index:100}.footer-content{align-items:center;display:flex;font-size:.85rem;gap:8px;justify-content:center}.attribution-text{color:#666;letter-spacing:.3px;text-transform:lowercase}.tmdb-link{color:#01d277;font-weight:600;letter-spacing:.5px;text-decoration:none;transition:all .2s ease}.tmdb-link:hover{color:#0bc767;text-shadow:0 0 8px #01d2774d}.app{padding-bottom:50px}.settings{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:600px;overflow:hidden;padding:20px}.settings-header{align-items:center;border-bottom:1px solid #333;display:flex;gap:16px;margin-bottom:24px;padding-bottom:12px;position:relative}.settings-header:after{background:linear-gradient(90deg,#666,#333);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:0}.settings-header h1{color:#fff;font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0;opacity:1}.settings-main{display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0}.movie-management{display:flex;flex:1 1;flex-direction:column;min-height:0}.section-title{color:#aaa;font-size:.9rem;font-weight:500;letter-spacing:.3px;margin-bottom:12px;text-transform:lowercase}.data-controls{display:flex;flex-wrap:wrap;gap:8px}.data-controls button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease}.data-controls button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.data-controls button:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.data-controls button:disabled{background:linear-gradient(135deg,#222,#1a1a1a);border-color:#333;box-shadow:none;color:#555;cursor:not-allowed;transform:none}.movie-management p{color:#666;font-size:1rem;font-style:italic;letter-spacing:.3px;padding:30px 20px;text-align:center}.api-key-container{display:flex;flex-direction:column;gap:12px}.api-key-input-group{align-items:stretch;display:flex;gap:8px}.api-key-input{background:#1a1a1a;border:1px solid #333;flex:1 1;padding:8px 12px}.api-key-input:focus{background:#222;border-color:#555;outline:none}.toggle-visibility-button{background:linear-gradient(135deg,#333,#444);border:1px solid #555;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.toggle-visibility-button:hover{background:linear-gradient(135deg,#444,#555);border-color:#666;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.api-key-actions{align-items:center;display:flex;gap:12px}.save-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.save-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.api-link{color:#66b3ff;font-size:.9rem;text-decoration:none;transition:color .2s ease}.api-link:hover{color:#9cf;text-decoration:underline}.api-key-info{background:#1a1a1a;border:1px solid #333;border-radius:3px;padding:8px 12px}.api-key-info p{color:#888;font-size:.85rem;line-height:1.4;margin:0;text-transform:lowercase}.api-status{margin-bottom:12px}.api-status-text{border:1px solid;border-radius:3px;font-size:.9rem;font-weight:500;letter-spacing:.3px;margin:0;padding:8px 12px}.api-status-text.success{background:linear-gradient(135deg,#2a4a2a,#224a22);border-color:#3e5a3e;color:#afa}.api-status-text.warning{background:linear-gradient(135deg,#4a4a2a,#4a4422);border-color:#5a5a3e;color:#ffa}.api-key-compact{margin-bottom:12px}.api-status-compact{align-items:center;background:linear-gradient(135deg,#2a4a2a,#224a22);border:1px solid #3e5a3e;border-radius:3px;display:flex;gap:12px;padding:8px 12px}.api-status-icon{color:#afa;font-size:.9rem;font-weight:600}.api-status-label{color:#afa;flex:1 1;font-size:.9rem;font-weight:500;letter-spacing:.3px}.api-change-button{background:linear-gradient(135deg,#333,#444);border:1px solid #555;border-radius:3px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 12px;transition:all .2s ease}.api-change-button:hover{background:linear-gradient(135deg,#444,#555);border-color:#666;box-shadow:0 2px 6px #0003;transform:translateY(-1px)}.cancel-button{background:linear-gradient(135deg,#444,#333);border:1px solid #555;border-radius:3px;color:#ccc;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.cancel-button:hover{background:linear-gradient(135deg,#555,#444);border-color:#666;box-shadow:0 2px 6px #0003;transform:translateY(-1px)}.bulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.danger-button{background:linear-gradient(135deg,#5a2a2a,#6b3333)!important;border:1px solid #7a3e3e!important;border-radius:3px;color:#ddd;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease}.danger-button:hover{background:linear-gradient(135deg,#6b3333,#7a3e3e)!important;border-color:#8a4848!important;box-shadow:0 4px 12px #5a2a2a4d;transform:translateY(-1px)}.danger-button:active{box-shadow:0 2px 6px #5a2a2a33;transform:translateY(0)}.search-container{align-items:center;display:flex;margin-bottom:16px;position:relative}.movie-search-input{background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #444;border-radius:3px;color:#fff;font-family:inherit;font-size:.9rem;outline:none;padding:12px 40px 12px 14px;transition:all .2s ease;width:100%}.movie-search-input::placeholder{color:#666;font-style:italic}.movie-search-input:focus{background:linear-gradient(135deg,#333,#2a2a2a);border-color:#666;box-shadow:0 0 0 2px #6666661a}.clear-search{align-items:center;background:none;border:none;border-radius:3px;color:#666;cursor:pointer;display:flex;font-size:18px;justify-content:center;line-height:1;padding:4px 8px;position:absolute;right:8px;transition:all .2s ease}.clear-search:hover{background:#ffffff0d;color:#888}.search-results-info{color:#666;font-size:.8rem;font-style:italic;margin-bottom:8px;padding:0 4px}.movie-list-manage-container{display:flex;flex-direction:column;height:60vh;overflow:hidden}.movie-list-manage{contain:layout style paint;display:flex;flex:1 1;flex-direction:column;gap:6px;margin:0;overflow-y:auto;padding-left:0;padding-right:4px;will-change:scroll-position}.movie-list-manage::-webkit-scrollbar{width:6px}.movie-list-manage::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.movie-list-manage::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.movie-list-manage::-webkit-scrollbar-thumb:hover{background:#555}.movie-manage-item{align-items:center;background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;contain:layout style paint;display:flex;flex-shrink:0;gap:12px;min-height:70px;overflow:hidden;padding:12px;position:relative;transform:translateZ(0)}.movie-manage-item .rank{color:#888;font-size:.85rem;font-weight:700;min-width:40px;text-shadow:0 0 10px #8888884d}.movie-manage-item .movie-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.movie-manage-item .title{color:#fff;font-size:.9rem;font-weight:500;letter-spacing:.2px}.movie-manage-item .details{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.1px}.movie-manage-item .elo{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #222;border-radius:2px;color:#aaa;font-size:.85rem;font-weight:500;min-width:60px;padding:3px 6px;text-align:center}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.3px;padding:6px 12px;transition:all .2s ease}.actions button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 3px 8px #0003;transform:translateY(-1px)}.actions button:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.actions .danger-button{background:linear-gradient(135deg,#5a2a2a,#6b3333)!important;border:1px solid #7a3e3e!important;color:#ddd;padding:6px 12px}.actions .danger-button:hover{background:linear-gradient(135deg,#6b3333,#7a3e3e)!important;border-color:#8a4848!important;box-shadow:0 3px 8px #5a2a2a33}.edit-form{align-items:center;display:flex;flex:1 1;gap:8px}.edit-form input{background:linear-gradient(135deg,#333,#2a2a2a);border:1px solid #444;border-radius:3px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:8px 12px;transition:all .2s ease}.edit-form input:focus{background:linear-gradient(135deg,#3a3a3a,#333);border-color:#666;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.edit-form button{background:linear-gradient(135deg,#555,#666);border:1px solid #777;border-radius:3px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.3px;padding:6px 12px;transition:all .2s ease}.edit-form button:hover{background:linear-gradient(135deg,#666,#777);border-color:#888;box-shadow:0 3px 8px #0003;transform:translateY(-1px)}.edit-form button:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}@media (max-width:768px){.settings{padding:16px}.settings-header{flex-direction:column;gap:12px;text-align:center}.bulk-actions,.data-controls{align-items:stretch;flex-direction:column}.movie-manage-item{align-items:flex-start;flex-direction:column;gap:12px}.movie-manage-item .elo,.movie-manage-item .rank{min-width:auto}.actions{justify-content:stretch;width:100%}.actions button{flex:1 1}.edit-form{align-items:stretch;flex-direction:column;width:100%}}@media (max-width:480px){.movie-manage-item,.settings{padding:12px}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#666;height:40px;margin-bottom:16px;width:40px}.loading-message{color:#fff;font-size:.9rem;font-weight:500;letter-spacing:.3px;max-width:300px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.graphs-container{background:#1a1a1a;color:#e0e0e0;font-family:Roboto Mono,monospace;margin:0 auto;max-width:1200px;min-height:100vh;padding:0}.graphs-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 20px 12px;position:relative}.graphs-header:after{background:linear-gradient(90deg,#666,#333);bottom:-1px;content:"";height:1px;left:20px;position:absolute;right:20px}.graphs-header h1{font-size:1rem;letter-spacing:.5px;margin:0;opacity:1}.back-button,.graphs-header h1{color:#fff;font-weight:500;text-transform:lowercase}.back-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;cursor:pointer;font-family:Roboto Mono,monospace;font-size:.9rem;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease}.back-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.back-button:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.graphs-main{padding:0 20px 20px}.graph-section{margin-bottom:40px}.graph-section h2{border-bottom:1px solid #333;color:#aaa;font-size:.9rem;font-weight:500;letter-spacing:.3px;margin-bottom:16px;padding-bottom:8px;text-transform:lowercase}.bar-chart{align-items:flex-end;background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;display:flex;gap:8px;min-height:300px;overflow-x:auto;padding:20px}.bar-chart::-webkit-scrollbar{height:8px}.bar-chart::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.bar-chart::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.bar-chart::-webkit-scrollbar-thumb:hover{background:#555}.bar-chart{scrollbar-color:#555 #0000004d;scrollbar-width:thin}.bar-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;min-width:80px}.bar-container{align-items:flex-end;height:240px;margin-bottom:10px;width:60px}.bar,.bar-container{display:flex;position:relative}.bar{align-items:flex-start;border:1px solid #ffffff1a;border-radius:3px 3px 0 0;cursor:pointer;justify-content:center;min-height:20px;padding-top:5px;transition:all .2s ease;width:100%}.bar:hover{box-shadow:0 2px 8px #0000004d;filter:brightness(1.1)}.bar-value{color:#fff;font-size:.7rem;font-weight:500;text-shadow:0 1px 2px #00000080}.bar-label{font-size:.8rem;text-align:center}.movie-rank{color:#fff;font-weight:500;margin-bottom:2px}.graph-movie-title{color:#ccc;font-size:.75rem;margin-bottom:2px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-year{color:#999;font-size:.7rem}.histogram-chart{align-items:flex-end;background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;display:flex;gap:12px;justify-content:center;min-height:200px;overflow-x:auto;padding:20px}.histogram-bar{align-items:center;display:flex;flex-direction:column;min-width:80px}.histogram-bar-container{align-items:flex-end;display:flex;height:140px;margin-bottom:10px;width:60px}.histogram-bar-fill{align-items:flex-start;border:1px solid #ffffff1a;border-radius:3px 3px 0 0;cursor:pointer;display:flex;justify-content:center;min-height:20px;padding-top:5px;position:relative;transition:all .2s ease;width:100%}.histogram-bar-fill:hover{box-shadow:0 2px 8px #0000004d;filter:brightness(1.1)}.histogram-bar-value{color:#fff;font-size:.8rem;font-weight:500;text-shadow:0 1px 2px #00000080}.histogram-bar-label{color:#ccc;font-size:.8rem;margin-top:5px;text-align:center}.director-chart{background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:20px}.director-bar{align-items:center;display:flex;gap:15px}.director-info{flex-shrink:0;min-width:180px}.director-name{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.director-stats{color:#999;font-size:.75rem}.director-bar-container{background:#1a1a1a;border-radius:3px;flex:1 1;height:20px;overflow:hidden}.director-bar-fill{border-radius:3px;cursor:pointer;height:100%;min-width:20px;transition:all .2s ease}.director-bar-fill:hover{box-shadow:0 2px 8px #0000004d;filter:brightness(1.1)}.decade-chart{align-items:flex-end;background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;display:flex;gap:8px;justify-content:center;min-height:200px;padding:20px}.decade-bar{align-items:center;display:flex;flex-direction:column;min-width:70px}.decade-bar-container{align-items:flex-end;display:flex;height:140px;margin-bottom:10px;width:50px}.decade-bar-fill{align-items:flex-start;border:1px solid #ffffff1a;border-radius:3px 3px 0 0;cursor:pointer;display:flex;justify-content:center;min-height:20px;padding-top:5px;position:relative;transition:all .2s ease;width:100%}.decade-bar-fill:hover{box-shadow:0 2px 8px #0000004d;filter:brightness(1.1)}.decade-bar-value{color:#fff;font-size:.7rem;font-weight:500;text-shadow:0 1px 2px #00000080}.decade-bar-label{font-size:.8rem;margin-top:5px;text-align:center}.decade-name{color:#fff;font-weight:500;margin-bottom:2px}.decade-count{color:#999;font-size:.7rem}.scatter-chart{background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;padding:20px;position:relative}.scatter-plot{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #222;border-radius:3px;height:300px;position:relative}.scatter-point{border:1px solid #ffffff4d;border-radius:50%;cursor:pointer;height:8px;position:absolute;transform:translate(-50%,-50%);transition:all .2s ease;width:8px}.scatter-point:hover{border-width:2px;box-shadow:0 2px 8px #0006;height:12px;width:12px}.scatter-axes{color:#999;display:flex;font-size:.8rem;justify-content:space-between;margin-top:10px}.decade-chart::-webkit-scrollbar,.director-chart::-webkit-scrollbar,.histogram-chart::-webkit-scrollbar{height:8px;width:8px}.decade-chart::-webkit-scrollbar-track,.director-chart::-webkit-scrollbar-track,.histogram-chart::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.decade-chart::-webkit-scrollbar-thumb,.director-chart::-webkit-scrollbar-thumb,.histogram-chart::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.decade-chart::-webkit-scrollbar-thumb:hover,.director-chart::-webkit-scrollbar-thumb:hover,.histogram-chart::-webkit-scrollbar-thumb:hover{background:#555}.decade-chart,.director-chart,.histogram-chart{scrollbar-color:#555 #0000004d;scrollbar-width:thin}@media (max-width:768px){.graphs-main{padding:20px 15px}.graphs-header{padding:15px 20px}.bar-chart,.decade-chart,.histogram-chart{gap:4px;padding:15px}.bar-item,.decade-bar,.histogram-bar{min-width:60px}.bar-container,.decade-bar-container,.histogram-bar-container{height:120px;width:45px}.graph-movie-title{max-width:60px}.director-info{min-width:140px}.director-name{font-size:.8rem}.scatter-plot{height:250px}.scatter-axes{font-size:.7rem}}.login-container{align-items:center;background:#1a1a1a;color:#ccc;display:flex;font-family:Roboto Mono,monospace;height:100vh;justify-content:center}.login-form{background:#2a2a2a;border:1px solid #444;border-radius:3px;max-width:400px;padding:40px;text-align:center;width:100%}.login-form h1{color:#fff;font-size:1.5rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:lowercase}.login-form p{color:#999;font-size:.9rem;margin:0 0 32px;text-transform:lowercase}.login-form form{display:flex;flex-direction:column;gap:16px}.login-form input{background:#222;border:1px solid #444;border-radius:3px;color:#fff;font-family:Roboto Mono,monospace;font-size:.9rem;padding:12px 16px;text-align:center;transition:all .2s ease}.login-form input:focus{background:#2a2a2a;border-color:#666;outline:none}.login-form input:disabled{cursor:not-allowed;opacity:.6}.login-form input::placeholder{color:#666}.password-input-container{align-items:center;display:flex;position:relative}.password-input{flex:1 1;padding-right:45px!important}.password-toggle{align-items:center;background:none;border:none;border-radius:3px;color:#666;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease;width:24px}.password-toggle:hover:not(:disabled){background:#4444444d;color:#999}.password-toggle:disabled{cursor:not-allowed;opacity:.4}.error-message{background:#5a2a2a4d;border:1px solid #5a2a2a;border-radius:3px;color:#f99;font-size:.85rem;padding:12px;text-transform:lowercase}.login-button{background:#444;border:1px solid #555;border-radius:3px;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:500;padding:12px 24px;text-transform:lowercase;transition:all .2s ease}.login-button:hover:not(:disabled){background:#555;border-color:#666;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-button:active:not(:disabled){transform:translateY(1px)}.auth-mode-toggle{border:1px solid #444;border-radius:3px;display:flex;gap:0;margin-bottom:20px;overflow:hidden}.mode-btn{background:#222;border:none;color:#999;cursor:pointer;flex:1 1;font-family:Roboto Mono,monospace;font-size:.9rem;padding:10px;text-transform:lowercase;transition:all .2s ease}.mode-btn:first-child{border-right:1px solid #444}.mode-btn.active{background:#444;color:#fff}.mode-btn:hover:not(.active):not(:disabled){background:#333;color:#ccc}.mode-btn:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:#999;font-size:.85rem;margin:20px}.link-btn{background:none;border:none;color:#6a9fb5;cursor:pointer;font-family:Roboto Mono,monospace;font-size:.85rem;margin-left:5px;padding:0;text-decoration:underline;transition:color .2s ease}.link-btn:hover:not(:disabled){color:#8ab4c8}.link-btn:disabled{cursor:not-allowed;opacity:.6}.search-modal{display:flex;flex-direction:column;max-height:80vh;max-width:600px!important;min-height:400px;width:70vw!important}.search-input-container{display:flex;gap:8px;margin-bottom:20px}.search-input{background:linear-gradient(135deg,#333,#2a2a2a);border:1px solid #444;border-radius:3px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:12px 16px;transition:all .2s ease}.search-input:focus{background:linear-gradient(135deg,#3a3a3a,#333);border-color:#666;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.search-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.3px;min-width:100px;padding:12px 20px;transition:all .2s ease}.search-button:hover:not(:disabled){background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.search-button:disabled{background:linear-gradient(135deg,#222,#1a1a1a);border-color:#333;box-shadow:none;color:#555;cursor:not-allowed;transform:none}.search-error{background:linear-gradient(135deg,#5a2a2a,#4a2222);border:1px solid #7a3e3e;border-radius:3px;color:#faa;font-size:.9rem;margin-bottom:16px;padding:12px 16px;text-align:center}.search-results{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;padding-right:4px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#555}.results-header{color:#aaa;font-size:.8rem;font-weight:500;letter-spacing:.3px;margin-bottom:6px;text-transform:lowercase}.search-result-item{background:linear-gradient(135deg,#2a2a2a,#252525);border:1px solid #333;border-radius:3px;cursor:pointer;padding:8px 12px;transition:all .2s ease}.search-result-item:hover{background:linear-gradient(135deg,#333,#2a2a2a);border-color:#444;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.result-title{color:#fff;font-size:.85rem;font-weight:500;letter-spacing:.2px;margin-bottom:2px}.result-details{color:#666;font-size:.7rem;font-weight:500;letter-spacing:.1px}.result-overview{border-top:1px solid #333;color:#999;font-size:.75rem;font-weight:400;letter-spacing:.1px;line-height:1.3;margin-top:4px;padding-top:4px}.no-results{color:#666;font-size:.9rem;font-style:italic;letter-spacing:.3px;padding:30px 20px;text-align:center}.api-key-input-container{display:flex;flex-direction:column;gap:12px;margin:20px 0}.api-key-input{background:linear-gradient(135deg,#333,#2a2a2a);border:1px solid #444;border-radius:3px;color:#fff;font-family:Roboto Mono,monospace;font-size:.9rem;outline:none;padding:12px 16px;transition:all .2s ease}.api-key-input:focus{background:linear-gradient(135deg,#3a3a3a,#333);border-color:#666;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.save-api-key-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.3px;padding:12px 20px;transition:all .2s ease}.save-api-key-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.go-to-settings-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;text-transform:lowercase;transition:all .2s ease}.go-to-settings-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.setup-message{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333;border-radius:3px;margin:20px 0;padding:15px}.setup-message p{color:#fff;letter-spacing:.2px;margin:0 0 10px}.setup-message ol,.setup-message p{font-size:.9rem;text-transform:lowercase}.setup-message ol{color:#ccc;margin:10px 0 0 20px}.setup-message li{margin-bottom:4px}.setup-message strong{color:#66b3ff;font-weight:600}.setup-actions{display:flex;justify-content:center;margin:16px 0}.header-actions{align-items:center;display:flex;gap:8px}.manual-entry-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;text-transform:lowercase;transition:all .2s ease}.manual-entry-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.api-key-error{background:linear-gradient(135deg,#5a2a2a,#4a2222);border:1px solid #7a3e3e;border-radius:3px;color:#faa;padding:8px 12px}.api-key-error,.setup-note{font-size:.85rem;text-align:center}.setup-note{color:#888;font-style:italic;margin-top:12px}.search-modal .ranking-content{align-items:stretch!important;display:flex;flex:1 1;flex-direction:column;gap:12px}.search-modal-footer{border-top:1px solid #333;display:flex;justify-content:center;margin-top:auto;padding:20px 0 10px}.custom-add-footer-button{background:linear-gradient(135deg,#444,#555);border:1px solid #666;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;text-transform:lowercase;transition:all .2s ease}.custom-add-footer-button:hover{background:linear-gradient(135deg,#555,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.setup-instructions{color:#ccc;line-height:1.6;padding:10px 0;text-align:center}.setup-instructions h3{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.3px;margin:0 0 16px;text-transform:lowercase}.setup-instructions p{font-size:.95rem;letter-spacing:.2px;margin:0 0 24px;text-transform:lowercase}.setup-instructions ol{margin:16px 0;padding-left:20px}.setup-instructions li{font-size:.9rem;margin-bottom:8px;text-transform:lowercase}.setup-instructions a{color:#6af;text-decoration:none}.setup-instructions a:hover{color:#8cf;text-decoration:underline}.setup-instructions code{background:linear-gradient(135deg,#333,#2a2a2a);border-radius:2px;color:#fc8;font-family:Roboto Mono,monospace;font-size:.8rem;padding:2px 6px}@media (max-width:768px){.search-modal{max-width:95vw;width:95vw}.search-input-container{flex-direction:column}.search-button{width:100%}.setup-instructions{font-size:.85rem}.setup-instructions h3{font-size:1rem}}
/*# sourceMappingURL=main.743fa6e9.css.map*/