:root{--primary-bg:#0c0e11;--secondary-bg:#1a1d23;--tertiary-bg:#232933;--accent-primary:#1790d9;--accent-secondary:#16a085;--accent-hover:#2aa5d9;--text-primary:#e4e4e4;--text-secondary:#a8a8a8;--border-color:#3c3f47;--success-color:#06a77d;--danger-color:#d83c3e;--warning-color:#f5a623}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0c0e11;background-color:var(--primary-bg);color:#e4e4e4;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#1a1d23;background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:#3c3f47;background:var(--border-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#1790d9;background:var(--accent-primary)}.navbar{align-items:center;background:linear-gradient(180deg,#1a1d23,#232933);background:linear-gradient(180deg,var(--secondary-bg) 0,var(--tertiary-bg) 100%);border-bottom:1px solid #3c3f47;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000004d;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1790d9,#16a085);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;letter-spacing:1px}.navbar h1 a{color:inherit;text-decoration:none}.navbar-links{align-items:center;display:flex;gap:2rem}.navbar-links a{color:#e4e4e4;color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:#1790d9;color:var(--accent-primary)}.navbar-links button{background-color:#d83c3e;background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:background-color .3s ease,transform .1s ease}.navbar-links button:hover{background-color:#e74c3e;transform:translateY(-2px)}.navbar-links button:active{transform:translateY(0)}.container{margin:0 auto;max-width:1400px;padding:2rem}button{font-family:inherit}.btn{border-radius:4px;transition:all .2s ease}.btn-primary{background-color:#1790d9;background-color:var(--accent-primary)}.btn-primary:hover{background-color:#2aa5d9;background-color:var(--accent-hover);box-shadow:0 4px 12px #1790d94d}.btn-secondary{background-color:#232933;background-color:var(--tertiary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);color:#e4e4e4}.btn-secondary:hover{background-color:#3c3f47;background-color:var(--border-color);border-color:#1790d9;border-color:var(--accent-primary)}.btn-success{background-color:#06a77d;background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#06b87d;transform:translateY(-2px)}.btn:disabled{opacity:.5;transform:none}form{gap:1.5rem}.form-group,form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#e4e4e4;font-size:.95rem}input,select,textarea{background-color:#232933;background-color:var(--tertiary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:4px;color:#e4e4e4;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:#1790d9;border-color:var(--accent-primary);box-shadow:0 0 0 3px #1790d91a;outline:none}textarea{min-height:100px;resize:vertical}.card{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:#1790d9;border-color:var(--accent-primary);box-shadow:0 4px 12px #1790d933;transform:translateY(-2px)}.card-header{color:#e4e4e4;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.card-body{display:flex;flex-direction:column;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.game-card{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);transition:all .3s ease}.game-card:hover{border-color:#1790d9;border-color:var(--accent-primary);box-shadow:0 8px 24px #1790d94d}.game-card-image{background:linear-gradient(135deg,#232933,#3c3f47);background:linear-gradient(135deg,var(--tertiary-bg) 0,var(--border-color) 100%);height:180px;object-fit:cover;width:100%}.game-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.2rem}.game-card-title{color:#e4e4e4;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.game-card-meta{color:#a8a8a8;color:var(--text-secondary);font-size:.85rem;margin-bottom:.8rem}.game-card-rating{align-items:center;color:#16a085;color:var(--accent-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.25rem;margin-bottom:.8rem}.game-card-platforms{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.platform-badge{background-color:#232933;background-color:var(--tertiary-bg);border:1px solid #1790d9;border:1px solid var(--accent-primary);border-radius:3px;color:#1790d9;font-weight:600;padding:.25rem .75rem}.game-card-actions{border-top:1px solid #3c3f47;border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.btn-sm{flex:1 1;font-size:.85rem;padding:.5rem .75rem}.game-detail-header{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin-bottom:2rem}.game-detail-image{border-radius:8px;box-shadow:0 8px 24px #00000080;height:auto;width:100%}.game-detail-info{display:flex;flex-direction:column;gap:1.5rem}.game-detail-info h1{color:#e4e4e4;color:var(--text-primary);font-size:2.5rem;margin:0}.game-detail-meta{display:flex;flex-direction:column;gap:.5rem}.game-detail-meta p{color:#a8a8a8;color:var(--text-secondary);margin:0}.game-detail-meta strong{color:#e4e4e4;color:var(--text-primary)}.game-detail-genres,.game-detail-platforms{display:flex;flex-direction:column;gap:.5rem}.game-detail-actions{display:flex;gap:1rem}.game-detail-description{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.game-detail-description h2{color:#e4e4e4;color:var(--text-primary);margin-top:0}.game-detail-description p{color:#a8a8a8;color:var(--text-secondary);line-height:1.6}.game-detail-ratings{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.game-detail-ratings h2{color:#e4e4e4;color:var(--text-primary);margin-top:0}.ratings-summary{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:150px 1fr}.rating-avg{background-color:#232933;background-color:var(--tertiary-bg);border:2px solid #1790d9;border:2px solid var(--accent-primary);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center}.rating-avg-value{color:#1790d9;color:var(--accent-primary);font-size:2.5rem;font-weight:700}.rating-avg-label{font-size:.9rem}.rating-avg-count,.rating-avg-label{color:#a8a8a8;color:var(--text-secondary)}.rating-avg-count{font-size:.85rem}.ratings-list{display:flex;flex-direction:column;gap:1rem}.rating-item{background-color:#232933;background-color:var(--tertiary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:6px;padding:1rem}.rating-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.75rem}.rating-header strong{color:#e4e4e4;color:var(--text-primary)}.rating-score{background-color:#1790d9;background-color:var(--accent-primary);border-radius:4px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.rating-characteristics{display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;margin-bottom:.75rem}.rating-characteristics,.rating-review{color:#a8a8a8;color:var(--text-secondary)}.rating-review{font-style:italic;margin:0}@media (max-width:768px){.game-detail-header,.ratings-summary{grid-template-columns:1fr}.game-detail-info h1{font-size:1.8rem}.game-detail-actions{flex-direction:column}}.auth-form{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000080;margin:4rem auto;max-width:450px;padding:2.5rem}.auth-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1790d9,#16a085);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin-bottom:1.5rem}.auth-error{background-color:#d83c3e1a;border:1px solid #d83c3e;border:1px solid var(--danger-color);border-radius:4px;color:#ff6b6b}.auth-error,.auth-success{font-size:.9rem;margin-bottom:1rem;padding:1rem}.auth-success{background-color:#06a89d1a;border:1px solid #06a77d;border:1px solid var(--success-color);border-radius:4px;color:#06d999}.profile-header{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;padding:2rem}.profile-username{margin-bottom:.5rem}.profile-badges{display:flex;gap:.5rem;margin-bottom:1rem}.profile-badge{background:linear-gradient(135deg,#1790d9,#16a085);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:4px;color:#fff;font-size:.85rem}.profile-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.profile-stat{background-color:#232933;background-color:var(--tertiary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:6px;padding:1rem;text-align:center}.profile-stat-number{color:#1790d9;color:var(--accent-primary);font-size:2rem;font-weight:700}.profile-stat-label{color:#a8a8a8;color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.rating-form{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;padding:2rem}.rating-form,.rating-section{margin-bottom:2rem}.rating-section-title{color:#e4e4e4;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.rating-slider-group{align-items:center;display:flex;gap:1rem;margin-bottom:1.2rem}.rating-slider-label{color:#e4e4e4;color:var(--text-primary);font-size:.95rem;font-weight:600;min-width:120px}.rating-slider-value{color:#1790d9;color:var(--accent-primary);font-size:1.1rem;font-weight:700}input[type=range]{-webkit-appearance:none;appearance:none;background:#232933;background:var(--tertiary-bg);border-radius:3px;flex:1 1;height:6px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1790d9;background:var(--accent-primary);border-radius:50%;box-shadow:0 2px 8px #1790d966;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:#1790d9;background:var(--accent-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #1790d966;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.games-filter{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.games-filter input,.games-filter select{flex:1 1;min-width:200px}.loading{color:#a8a8a8;color:var(--text-secondary);padding:3rem 1rem;text-align:center}.loading:after{animation:spin .8s linear infinite;border:3px solid #3c3f47;border-top-color:#1790d9;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);content:"";display:inline-block;height:30px;margin-left:1rem;vertical-align:middle;width:30px}@keyframes spin{to{transform:rotate(1turn)}}.error,.error-message{background-color:#d83c3e1a;border:1px solid #d83c3e;border:1px solid var(--danger-color);border-radius:4px;color:#ff6b6b;margin-bottom:1rem;padding:1rem}.success,.success-message{background-color:#06a89d1a;border:1px solid #06a77d;border:1px solid var(--success-color);border-radius:4px;color:#06d999;margin-bottom:1rem;padding:1rem}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#232933 25%,#1a1d23 50%,#232933 75%);background:linear-gradient(90deg,var(--tertiary-bg) 25%,var(--secondary-bg) 50%,var(--tertiary-bg) 75%);background-size:200% 100%;border-radius:4px}.skeleton-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skeleton-card{background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.skeleton-image{display:block;height:180px;width:100%}.skeleton-content{display:flex;flex-direction:column;gap:.75rem;padding:1.2rem}.skeleton-text{display:block;height:12px}.skeleton-text-lg{height:16px}.skeleton-buttons{display:flex;gap:.5rem;margin-top:.75rem}.skeleton-btn{flex:1 1;height:36px}.skeleton-circle{border-radius:50%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.compatibility-section{background:linear-gradient(135deg,#1790d91a,#16a0851a);border:1px solid #1790d9;border:1px solid var(--accent-primary);border-radius:8px;margin-top:1.5rem}.compatibility-title{color:#1790d9;color:var(--accent-primary);font-size:1.2rem;font-weight:700;margin-bottom:1rem}.compatibility-score{color:#1790d9;color:var(--accent-primary);margin-bottom:.5rem}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar h1{font-size:1.5rem}.navbar-links{flex-direction:column;gap:1rem;width:100%}.container{padding:1rem}.profile-stats{grid-template-columns:1fr}.games-filter{flex-direction:column}.games-filter input,.games-filter select{width:100%}.auth-form{margin:2rem 1rem;max-width:100%;padding:1.5rem}.rating-slider-group{align-items:flex-start;flex-direction:column}.rating-slider-label{min-width:100%}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-header{align-items:center;border-bottom:1px solid #3c3f47;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:#e4e4e4;color:var(--text-primary);font-size:1.5rem;margin:0}.modal-close{background:none;border:none;color:#a8a8a8;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s ease}.modal-close:hover{color:#e4e4e4;color:var(--text-primary)}.modal-game-image{border-radius:8px;margin-bottom:1.5rem;max-height:200px;overflow:hidden}.modal-game-image img{height:100%;object-fit:cover;width:100%}.rating-modal-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.rating-modal-item{display:flex;flex-direction:column;gap:.75rem}.rating-modal-label{align-items:center;color:#e4e4e4;color:var(--text-primary);cursor:default;display:flex;font-weight:600;gap:.5rem}.rating-modal-icon{font-size:1.25rem}.rating-modal-text{flex:1 1}.rating-modal-slider-container{align-items:center;display:flex;gap:1rem}.rating-modal-slider{-webkit-appearance:none;appearance:none;background:#232933;background:var(--tertiary-bg);border-radius:3px;flex:1 1;height:6px;outline:none}.rating-modal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1790d9;background:var(--accent-primary);border:2px solid #16a085;border:2px solid var(--accent-secondary);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:background .2s ease;transition:background .2s ease;width:18px}.rating-modal-slider::-moz-range-thumb{background:#1790d9;background:var(--accent-primary);border:2px solid #16a085;border:2px solid var(--accent-secondary);border-radius:50%;cursor:pointer;height:18px;-moz-transition:background .2s ease;transition:background .2s ease;width:18px}.rating-modal-slider:hover::-webkit-slider-thumb{background:#2aa5d9;background:var(--accent-hover)}.rating-modal-slider:disabled{cursor:not-allowed;opacity:.6}.rating-modal-value{color:#1790d9;color:var(--accent-primary);font-weight:600;min-width:50px;text-align:right}.modal-actions{border-top:1px solid #3c3f47;border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.modal-actions .btn{flex:1 1}.toast-container{display:flex;flex-direction:column;gap:.75rem;max-width:400px;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;border-radius:6px;box-shadow:0 4px 12px #00000080;display:flex;justify-content:space-between;min-width:250px;padding:1rem 1.25rem}.toast-success{background-color:#06a77d;background-color:var(--success-color);border-left:4px solid #05a76f;color:#fff}.toast-error{background-color:#d83c3e;background-color:var(--danger-color);border-left:4px solid #c42a2c;color:#fff}.toast-warning{background-color:#f5a623;background-color:var(--warning-color);border-left:4px solid #d4941a;color:#000}.toast-info{background-color:#1790d9;background-color:var(--accent-primary);border-left:4px solid #1270a8;color:#fff}.toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.toast-icon{font-size:1.1rem;font-weight:700}.toast-message{font-size:.95rem;font-weight:500}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;opacity:.8;padding:0 0 0 .75rem;transition:opacity .2s}.toast-close:hover{opacity:1}@media (max-width:480px){.navbar h1{font-size:1.2rem}.container{padding:.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.profile-username{font-size:1.5rem}.compatibility-score{font-size:2rem}.btn{font-size:.9rem;padding:.6rem 1rem}.modal-content{padding:1.5rem;width:95%}.pagination{flex-direction:column}}.pagination{align-items:center;background-color:#1a1d23;background-color:var(--secondary-bg);border:1px solid #3c3f47;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1.5rem}.pagination-info{color:#a8a8a8;color:var(--text-secondary);font-weight:600;min-width:120px;text-align:center}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:4rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1400px;padding:3rem 2rem}.footer-section h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem}.footer-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem}.social-links li{margin-bottom:0}.footer-bottom{background-color:var(--bg-primary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;padding:1.5rem;text-align:center}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr;padding:2rem 1rem}.footer-section h3{font-size:1.1rem}.footer-section h4{font-size:.95rem}.social-links{flex-wrap:wrap}}.cookie-notice{animation:slideUp .3s ease-in-out;background-color:var(--bg-secondary);border-top:2px solid var(--primary-color);bottom:0;box-shadow:0 -4px 12px #00000026;left:0;padding:1.5rem;position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-notice-content{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:1200px}.cookie-icon{flex-shrink:0;font-size:2rem;min-width:3rem;text-align:center}.cookie-message{flex:1 1}.cookie-message h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.cookie-message p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.privacy-link{color:var(--primary-color);font-weight:500;text-decoration:none}.privacy-link:hover{text-decoration:underline}.cookie-actions{display:flex;gap:1rem;justify-content:flex-end;margin-left:auto;margin-right:auto;max-width:1200px}.cookie-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cookie-btn.reject{background-color:initial;border:1px solid var(--border-color);color:var(--text-primary)}.cookie-btn.reject:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.cookie-btn.accept{background-color:var(--primary-color);color:#fff}.cookie-btn.accept:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media (max-width:768px){.cookie-notice{padding:1rem}.cookie-notice-content{flex-direction:column;gap:.5rem}.cookie-icon{font-size:1.5rem;min-width:2rem}.cookie-message p{font-size:.9rem}.cookie-actions{flex-direction:column}.cookie-btn{width:100%}}.profile-edit-page{background:var(--bg-primary);min-height:100vh;padding:2rem}.profile-edit-container{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px #0000004d;margin:0 auto;max-width:800px;padding:2rem}.profile-edit-page h1{color:var(--text-primary);font-size:2rem;margin-bottom:2rem}.form-section,.profile-edit-form{display:flex;flex-direction:column}.form-section{margin-bottom:1.5rem}.form-label{font-weight:600;margin-bottom:.5rem}.form-input,.form-label,.form-textarea{color:var(--text-primary);font-size:1rem}.form-input,.form-textarea{background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:6px;font-family:inherit;padding:.75rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:var(--accent-secondary);box-shadow:0 0 8px #33b9ff4d;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.avatar-preview-container,.banner-preview-container{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--accent-primary);border-radius:6px;display:flex;justify-content:center;margin-bottom:1rem;min-height:120px;padding:1rem;transition:all .3s ease}.avatar-preview-container:hover,.banner-preview-container:hover{background:#33b9ff0d;border-color:var(--accent-secondary)}.banner-preview{border-radius:4px;max-height:250px;max-width:100%;object-fit:cover}.avatar-preview{border-radius:50%;box-shadow:0 4px 12px #0000004d;height:150px;object-fit:cover;width:150px}.file-input{background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.75rem}.file-input::-webkit-file-upload-button{background:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-right:1rem;padding:.5rem 1rem;-webkit-transition:all .3s ease;transition:all .3s ease}.file-input::file-selector-button{background:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-right:1rem;padding:.5rem 1rem;transition:all .3s ease}.file-input::-webkit-file-upload-button:hover{background:var(--accent-secondary)}.file-input::file-selector-button:hover{background:var(--accent-secondary)}.form-checkbox{align-items:center;flex-direction:row}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600}.form-checkbox-input{accent-color:var(--accent-primary);cursor:pointer;height:20px;margin-right:.75rem;width:20px}.form-actions{border-top:1px solid var(--accent-primary);display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #33b9ff4d}.btn-secondary{background:#0000}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-secondary)}@media (max-width:768px){.profile-edit-page{padding:1rem}.profile-edit-container{padding:1.5rem}.profile-edit-page h1{font-size:1.5rem}.form-actions{flex-direction:column}.btn{flex:auto}.avatar-preview{height:120px;width:120px}}.game-lists-page{background:var(--bg-primary);min-height:100vh;padding:2rem 1rem}.game-lists-container{margin:0 auto;max-width:1400px}.game-lists-page h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem}.game-lists-tabs{border-bottom:2px solid var(--accent-primary);display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.tab-count{background:var(--accent-primary);border-radius:50%;color:#fff;display:inline-block;font-size:.75rem;height:24px;line-height:24px;margin-left:.5rem;text-align:center;width:24px}.game-lists-content{margin-top:2rem}.game-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.game-list-card{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.game-list-card:hover{box-shadow:0 8px 16px #33b9ff33;transform:translateY(-4px)}.card-image{background:var(--bg-tertiary);height:200px;overflow:hidden;width:100%}.card-image img{height:100%;object-fit:cover;width:100%}.game-list-card h3{color:var(--text-primary);flex-grow:0;font-size:1rem;line-height:1.4;margin-bottom:.75rem}.completion-date,.hours-played,.rawg-rating{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0}.completion-date{color:var(--accent-primary)}.rawg-rating{color:var(--accent-secondary);font-weight:600}.rating-display{align-items:center;display:flex;gap:.5rem;margin:.75rem 0}.star-rating{color:var(--accent-primary);font-size:1rem;letter-spacing:2px}.rating-value{color:var(--text-secondary);font-size:.875rem;font-weight:600}.card-actions{flex-direction:column}.rating-input{width:100%}.rating-slider{accent-color:var(--accent-primary);background:var(--bg-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.rating-slider:hover{accent-color:var(--accent-secondary)}.btn-remove,.move-select{background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem .75rem;transition:all .3s ease}.move-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2333b9ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;padding-right:2rem}.move-select option{background:#1a1a1a!important;color:#fff!important;font-size:.875rem;padding:.75rem}.move-select option:checked{background:var(--accent-primary)!important;background-image:none!important;color:#fff!important}.move-select:focus,.move-select:hover{background-color:var(--bg-secondary);border-color:var(--accent-secondary);outline:none}.btn-remove{background:#ff3b301a;border-color:#ff3b30;color:#ff3b30}.btn-remove:hover{background:#ff3b3033;border-color:#ff6b63}.error-message{background:#ff3b301a;border-left:4px solid #ff3b30;border-radius:6px;color:#ff3b30;font-weight:600;padding:1.5rem}@media (max-width:1024px){.game-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.game-lists-page{padding:1rem .5rem}.game-lists-page h1{font-size:1.75rem;margin-bottom:1.5rem}.game-lists-tabs{gap:.5rem;margin-bottom:1.5rem}.tab-button{font-size:.875rem;padding:.5rem 1rem}.game-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card-image{height:150px}.card-content{padding:1rem}.game-list-card h3{font-size:.875rem}.completion-date,.hours-played,.rawg-rating{font-size:.75rem}.card-actions{gap:.5rem}.btn-remove,.move-select{font-size:.75rem;padding:.4rem .6rem}}@media (max-width:480px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.card-image{height:120px}.card-content{padding:.75rem}}.friends-page{background:var(--bg-primary);min-height:100vh;padding:2rem 1rem}.friends-container{margin:0 auto;max-width:1200px}.friends-page h1{color:var(--text-primary);font-size:2.5rem}.friends-page h1,.search-section{margin-bottom:2rem}.search-input{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;max-width:500px;padding:.75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 8px #33b9ff4d;outline:none}.search-input::placeholder{color:var(--text-secondary)}.friends-tabs{border-bottom:2px solid var(--accent-primary);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.tab-button.active:after{border-radius:2px;height:3px}.friends-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.friend-card{background:var(--bg-secondary);border-radius:12px;border-top:3px solid var(--accent-primary);box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.friend-card:hover{border-top-color:var(--accent-secondary);box-shadow:0 8px 16px #33b9ff33;transform:translateY(-4px)}.card-header{align-items:center;background:linear-gradient(135deg,#33b9ff1a,#33b9ff0d);display:flex;height:120px;justify-content:center;position:relative}.friend-avatar{box-shadow:0 4px 12px #0000004d;object-fit:cover}.friend-avatar,.friend-avatar-placeholder{border:4px solid var(--bg-secondary);border-radius:50%;height:100px;width:100px}.friend-avatar-placeholder{align-items:center;background:var(--accent-primary);box-shadow:0 4px 12px #33b9ff4d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;justify-content:center}.streamer-badge{background:linear-gradient(135deg,#ff6b6b,#ff8787);border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .8rem;position:absolute;right:10px;text-transform:uppercase;top:10px}.card-content{flex-grow:1;padding:1.5rem}.friend-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.location{color:var(--accent-primary);font-weight:500;margin-bottom:.5rem}.bio,.location{font-size:.875rem}.bio{color:var(--text-secondary);flex-grow:1;line-height:1.5;margin-bottom:1rem}.card-actions{border-top:1px solid var(--accent-primary);display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.btn{flex:1 1;font-size:.875rem;padding:.6rem .75rem;text-align:center}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px)}.btn-danger{background:#ff3b301a;border:1px solid #ff3b30;color:#ff3b30}.btn-danger:hover{background:#ff3b3033;border-color:#ff6b63}.btn-success{background:#4caf501a;border:1px solid #4caf50;color:#4caf50}.btn-success:hover{background:#4caf5033;border-color:#66bb6a}.empty-state{background:var(--bg-secondary);border-radius:12px;border-top:3px solid var(--accent-primary);padding:4rem 2rem}.empty-state h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:1rem}.suggestion-card{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.friends-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.friends-page{padding:1rem .5rem}.friends-container{margin:0 auto}.friends-page h1{font-size:2rem;margin-bottom:1.5rem}.search-input{max-width:100%}.friends-tabs{gap:.5rem;margin-bottom:1.5rem}.tab-button{font-size:.875rem;padding:.5rem 1rem}.friends-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-header{height:100px}.friend-avatar,.friend-avatar-placeholder{border-width:3px;font-size:2rem;height:80px;width:80px}.card-content{padding:1rem}.friend-card h3{font-size:1rem}.bio,.location{font-size:.8rem}.btn{font-size:.75rem;padding:.5rem}}@media (max-width:480px){.friends-grid{grid-template-columns:1fr}.friends-page h1{font-size:1.5rem}.card-header{height:80px}.friend-avatar,.friend-avatar-placeholder{height:70px;width:70px}.empty-state{padding:2rem 1rem}.empty-state h2{font-size:1.25rem}}.profile-header{background:var(--card-bg);border-radius:12px;margin-bottom:2rem;overflow:hidden;position:relative}.profile-banner{background-color:linear-gradient(135deg,#667eea,#764ba2);background-position:50%;background-size:cover;height:200px}.profile-header-content{display:flex;gap:2rem;margin-top:-60px;padding:2rem;position:relative;z-index:1}.profile-avatar-section{flex-shrink:0}.profile-avatar{background:var(--input-bg);border:4px solid var(--card-bg);border-radius:50%;box-shadow:0 4px 12px #00000026;height:120px;object-fit:cover;width:120px}.profile-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.profile-title-row{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.profile-username{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.profile-badge{background:#667eea1a;border-radius:20px;color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.profile-badge.streamer-badge{background:#ff6b6b1a;color:#ff6b6b}.profile-bio{margin:.5rem 0 1rem;max-width:500px}.profile-bio,.profile-meta{color:var(--text-secondary)}.profile-meta{display:flex;font-size:.95rem;gap:2rem;margin-top:1rem}.profile-actions{display:flex;gap:1rem;margin-top:1.5rem}.profile-actions .btn{padding:.75rem 1.5rem}.profile-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#667eea;box-shadow:0 8px 16px #667eea1a;transform:translateY(-2px)}.stat-icon{display:block;font-size:1.8rem;margin-bottom:.5rem}.stat-value{color:#667eea;font-size:1.8rem;margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.compatibility-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.compatibility-section h3{color:var(--text-primary);margin-bottom:1rem;margin-top:0}.compatibility-display{align-items:center;display:flex;gap:2rem}.compatibility-score{color:#667eea;font-size:2.5rem;font-weight:700;min-width:100px}.compatibility-info{flex:1 1}.compatibility-info p{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.profile-social-stats{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.profile-social-stats h3{margin-bottom:1rem;margin-top:0}.social-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);text-align:center}.stat-big{color:#667eea;font-size:2rem;font-weight:700}.stat-small{color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;margin-top:.5rem;text-transform:uppercase}.profile-quick-links{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.profile-quick-links h3{margin-bottom:1rem;margin-top:0}.quick-links-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.quick-link{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem;transition:all .3s ease}.quick-link:hover{background:#667eea1a;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.profile-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.profile-section h3{font-size:1.3rem;margin-bottom:1rem;margin-top:0}.achievements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.achievement-badge{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:1rem;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.achievement-badge:hover{background:#ffc10733;box-shadow:0 4px 12px #ffc10733;transform:translateY(-2px)}.more-badge{background:var(--input-bg);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:600;padding:1rem;text-align:center}.collections-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.collection-card{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .3s ease}.collection-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.collection-name{color:var(--text-primary);font-weight:700;margin-bottom:.5rem}.collection-count{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.collection-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.profile-header-content{align-items:center;flex-direction:column;padding:1.5rem;text-align:center}.profile-username{font-size:1.5rem}.profile-meta{gap:1rem;justify-content:center}.profile-actions{flex-wrap:wrap;justify-content:center}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.compatibility-display{flex-direction:column;text-align:center}.social-stats-grid{grid-template-columns:1fr}.quick-links-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:repeat(3,1fr)}.collections-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-avatar{height:80px;width:80px}.profile-username{font-size:1.2rem}.profile-stats-grid,.quick-links-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}}.feed-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:600px}.feed-item{background:var(--bg-secondary);border-left:4px solid var(--accent-primary);border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.feed-avatar{flex-shrink:0}.feed-avatar img{border-radius:50%;height:50px;object-fit:cover;width:50px}.feed-content{flex:1 1}.feed-content p{color:var(--text-primary);margin:.5rem 0}.feed-content strong{color:var(--accent-primary);transition:color .2s}.feed-content strong:hover{color:var(--accent-secondary)}.feed-content small{color:var(--text-secondary);font-size:.85rem}.empty-state p{font-size:1.1rem}.leaderboard-tabs{border-bottom:2px solid var(--bg-secondary);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.leaderboard-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.leaderboard-tabs button:hover{color:var(--accent-primary)}.leaderboard-tabs button.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{align-items:center;background:var(--bg-secondary);border-left:4px solid var(--accent-primary);border-radius:8px;display:flex;gap:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.leaderboard-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateX(4px)}.rank{color:var(--accent-primary);font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.item-info h3{font-size:1.1rem;margin:0}.item-info p{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.rating{font-size:1.2rem;font-weight:700;min-width:60px;text-align:right}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:2rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.game-card{background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-4px)}.game-card img{height:180px;object-fit:cover;width:100%}.card-content{display:flex;flex:1 1;flex-direction:column;padding:1rem}.card-content h3{color:var(--text-primary);font-size:1rem;margin:0 0 .5rem}.compatibility{color:var(--accent-primary);font-size:1.1rem;font-weight:700}.ratings{color:var(--text-secondary);font-size:.9rem;margin-top:auto}.wishlist-container{display:flex;flex-direction:column;gap:1.5rem}.wishlist-item{align-items:center;background:var(--bg-secondary);border-left:4px solid var(--accent-secondary);border-radius:8px;display:flex;gap:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.wishlist-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateX(4px)}.item-image{flex-shrink:0}.item-image img{border-radius:4px;height:100px;object-fit:cover;width:100px}.item-info{flex:1 1}.item-info h3{color:var(--text-primary);margin:0 0 .5rem}.rating{color:var(--accent-primary);margin:.25rem 0}.notes,.rating{font-size:.9rem}.notes{color:var(--text-secondary);font-style:italic;margin:.5rem 0}.platforms{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.platform-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--accent-primary);font-size:.75rem;padding:.25rem .5rem}.item-priority{border:2px solid;border-radius:4px;color:inherit;font-size:.85rem;font-weight:700;min-width:80px;padding:.75rem 1rem;text-align:center}.btn-remove{background:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background .2s}.btn-remove:hover{background:var(--danger-hover)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-card{background:var(--bg-secondary);border-radius:8px;border-top:3px solid var(--accent-primary);padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-4px)}.stat-card h3{color:var(--text-secondary);font-size:.95rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.stat-value{color:var(--accent-primary);font-size:2.5rem;font-weight:700;margin:0}.empty-state{color:var(--text-secondary);padding:3rem 2rem;text-align:center}.settings-page{background:var(--bg-primary);min-height:100vh;padding:2rem 1rem}.settings-container{margin:0 auto;max-width:900px}.settings-container h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem}.settings-tabs{border-bottom:2px solid var(--accent-primary);display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.tab-button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--accent-primary)}.tab-button.active:after{background:var(--accent-primary);bottom:-1rem;content:"";height:2px;left:0;position:absolute;right:0}.settings-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-section{display:flex;flex-direction:column;gap:2rem}.settings-section h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.settings-card{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:8px;padding:2rem;transition:all .3s ease}.settings-card:hover{border-color:var(--accent-secondary)}.settings-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1.5rem}.current-value{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-family:monospace;padding:.5rem}.current-value,.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #33b9ff1a;outline:none}.form-group input::placeholder{color:var(--text-secondary)}.btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-right:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--accent-primary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.status{color:var(--text-secondary);margin-bottom:1.5rem}.status .enabled{color:#2ecc71;font-weight:600}.status .disabled{color:#e74c3c;font-weight:600}.two-factor-setup{background:var(--bg-tertiary);border-radius:6px;padding:1.5rem;text-align:center}.two-factor-setup img{border:1px solid var(--accent-primary);border-radius:4px;margin:1.5rem 0;max-width:300px;padding:.5rem}.two-factor-setup code{background:var(--bg-secondary);border-radius:4px;color:var(--accent-primary);font-family:monospace;font-size:.9rem;padding:.5rem 1rem}.two-factor-setup p{color:var(--text-secondary);margin:1rem 0}.backup-codes-display{background:var(--bg-tertiary);border-left:4px solid #f39c12;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.backup-codes-display p{color:var(--text-primary);margin-bottom:1rem}.backup-codes-display strong{color:#f39c12}.codes-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.codes-list code{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);font-family:monospace;padding:.75rem;word-break:break-all}.disable-2fa-form{border-top:1px solid var(--accent-primary);margin-top:2rem;padding-top:2rem}.disable-2fa-form .warning{color:#f39c12;font-weight:600;margin-bottom:1rem}@media (max-width:768px){.settings-container{padding:0 1rem}.settings-card{padding:1.5rem}.codes-list{grid-template-columns:1fr}.settings-tabs{gap:.5rem}.tab-button{font-size:.9rem;padding:.5rem 1rem}}.legal-page-container{background-color:var(--bg-primary);min-height:100vh;padding:2rem 1rem}.legal-page-content{color:var(--text-primary);line-height:1.6;margin:0 auto;max-width:900px}.legal-page-content h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:.5rem}.legal-page-content .last-updated{color:var(--text-secondary);font-style:italic;margin-bottom:2rem}.legal-page-content section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.legal-page-content section:last-child{border-bottom:none}.legal-page-content h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.legal-page-content h3{color:var(--text-secondary);font-size:1.1rem;margin-bottom:.5rem;margin-top:1rem}.legal-page-content ul{margin-bottom:1rem;margin-left:2rem}.legal-page-content li{color:var(--text-primary);margin-bottom:.5rem}.legal-page-content p{margin-bottom:1rem}@media (max-width:768px){.legal-page-container{padding:1rem}.legal-page-content h1{font-size:2rem}.legal-page-content h2{font-size:1.3rem}}
/*# sourceMappingURL=main.36714bab.css.map*/