.auth-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:1rem;color:#fff!important}.auth-container{width:100%;max-width:400px;padding:2rem;background-color:var(--ui-bg);border-radius:var(--main-border-radius);box-shadow:0 4px 8px #0003;border:1px solid var(--bdc-3);color:#fff!important}.login-form,.register-form{margin-bottom:1rem}.register-step{animation:fadeIn .3s ease-in-out}.register-step h2{margin-bottom:.5rem;color:#fff!important}.register-step p{margin-bottom:1rem;color:#ccc!important;line-height:1.4}.register-step p strong{color:var(--accent)!important}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#fff!important}.form-group input{width:100%;padding:.75rem;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);font-size:1rem;background-color:var(--ui-bg-2);color:#fff!important}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6464ff33}.button-group{display:flex;gap:1rem;margin-top:1rem}.button-group .submit-button,.button-group .secondary-button{flex:1}.submit-button{width:100%;padding:.75rem;background-color:var(--accent);color:#fff!important;border:none;border-radius:var(--main-border-radius);font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:var(--accent-s)}.submit-button:disabled{background-color:var(--ui-bg-accent);opacity:.5;cursor:not-allowed;color:#aaa!important}.secondary-button{width:100%;padding:.75rem;background-color:transparent;color:#ccc!important;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);font-size:1rem;cursor:pointer;transition:all .2s}.secondary-button:hover{background-color:var(--ui-bg-2);border-color:var(--accent);color:#fff!important}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--accent-red)!important;margin-bottom:1rem;padding:.5rem;background-color:#f443361a;border-radius:var(--main-border-radius);border-left:3px solid var(--accent-red)}.auth-toggle{text-align:center;margin-top:1rem;color:#aaa!important}.text-button{background:none;border:none;color:var(--accent)!important;cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.text-button:hover{color:var(--accent-s)!important}.login-button{padding:.5rem 1rem;background-color:var(--accent);color:#fff!important;border:none;border-radius:var(--main-border-radius);text-decoration:none;transition:background-color .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-header{display:flex;align-items:center;padding:15px 20px;background-color:var(--ui-bg);color:#fff!important;box-shadow:0 2px 4px #0000004d;border-bottom:1px solid var(--bdc-3)}.header-logo{flex:0 0 auto;margin-right:40px}.header-logo a{font-size:24px;font-weight:700;color:var(--accent)!important;text-decoration:none;transition:opacity .2s}.header-logo a:hover{opacity:.9;color:var(--accent-s)!important}.main-nav{display:flex;flex:1;gap:20px}.nav-link{color:#aaa!important;text-decoration:none;padding:8px 12px;border-radius:var(--main-border-radius);transition:all .2s}.nav-link:hover{background-color:var(--ui-bg-accent);color:#fff!important}.nav-link.active{background-color:var(--accent);color:#fff!important;font-weight:600}.user-menu{display:flex;align-items:center;gap:15px}.username{margin-right:10px;color:#aaa!important;font-weight:500}.user-actions{display:flex;gap:10px}.settings-link{display:inline-block;color:#fff!important;text-decoration:none;padding:8px 15px;border-radius:var(--main-border-radius);background-color:var(--ui-bg-accent);transition:background-color .2s}.settings-link:hover{background-color:var(--accent);color:#fff!important}.logout-button{padding:8px 15px;background-color:var(--ui-bg-accent);color:#fff!important;border:none;border-radius:var(--main-border-radius);cursor:pointer;font-size:14px;transition:all .2s}.logout-button:hover{background-color:var(--accent-red);color:#fff!important}.login-button{display:inline-block;color:#fff!important;text-decoration:none;padding:8px 15px;border-radius:var(--main-border-radius);background-color:var(--accent);transition:background-color .2s}.login-button:hover{background-color:var(--accent-s)}@media (max-width: 768px){.app-header{flex-direction:column;gap:15px;padding:15px}.header-logo{margin-right:0;margin-bottom:10px}.main-nav{width:100%;justify-content:center}.user-nav{width:100%;margin-left:0}.user-menu{flex-direction:column;align-items:center;width:100%}.user-actions{width:100%;justify-content:center}}.app{min-height:100vh;display:flex;flex-direction:column;color:#fff!important}.app-content{flex:1;padding:1rem;background-color:var(--bg);color:#fff!important}.random-gif-page{display:flex;gap:2rem;padding:2rem;width:75%;margin:0 auto;min-height:calc(100vh - 120px);color:#fff;align-items:flex-start}.gif-main-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.status-panel{width:350px;background-color:var(--ui-bg);border-radius:var(--main-border-radius);border:1px solid var(--bdc-3);padding:1.5rem;height:fit-content;position:sticky;top:2rem}.gif-controls{display:flex;gap:1rem;flex-wrap:wrap}.gif-controls .btn{padding:.75rem 1.5rem;border:none;border-radius:var(--main-border-radius);cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;color:#fff}.gif-controls .btn-primary{background-color:#4caf50}.gif-controls .btn-primary:hover{background-color:#45a049}.gif-controls .btn-secondary{background-color:#2196f3}.gif-controls .btn-secondary:hover{background-color:#1976d2}.gif-controls .btn:disabled{opacity:.6;cursor:not-allowed}.gif-display{background-color:var(--ui-bg);border-radius:var(--main-border-radius);border:1px solid var(--bdc-3);padding:2rem;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.gif-container{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.anime-gif{width:100%;max-width:600px;height:auto;border-radius:var(--main-border-radius);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease}.anime-gif:hover{transform:scale(1.02)}.gif-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.reaction-tag{background-color:var(--ui-bg-2);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#aaa;border:1px solid var(--bdc-3)}.gif-history{background-color:var(--ui-bg);border-radius:var(--main-border-radius);border:1px solid var(--bdc-3);padding:1.5rem}.gif-history h3{margin:0 0 1rem;color:#fff}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:400px;overflow-y:auto}.history-item{background-color:var(--ui-bg-2);border-radius:var(--main-border-radius);padding:.5rem;cursor:pointer;transition:all .3s ease;border:1px solid var(--bdc-3);display:flex;flex-direction:column;gap:.5rem}.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:var(--bdc-2)}.history-item img{width:100%;height:80px;object-fit:cover;border-radius:4px}.history-reaction{font-size:.8rem;color:#aaa;text-align:center;font-weight:500}.history-time{font-size:.7rem;color:#666;text-align:center}.status-panel h3{margin:0 0 1.5rem;color:#fff;text-align:center;border-bottom:1px solid var(--bdc-3);padding-bottom:.5rem}.status-info{display:flex;flex-direction:column;gap:.75rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--bdc-3)}.status-item:last-child{border-bottom:none}.status-label{font-size:.9rem;color:#aaa;font-weight:500}.status-value{font-size:.9rem;color:#fff;font-weight:600}.status-healthy{color:#4caf50!important}.status-error{color:#f44336!important}.status-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bdc-3)}.status-section h4{margin:0 0 1rem;color:#fff;font-size:1rem;text-align:center}.timestamp{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bdc-3);font-size:.8rem!important}.timestamp .status-label,.timestamp .status-value{font-size:.8rem!important}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;color:#fff;font-size:1.2rem}.error-message{color:#f44336;font-size:1.1rem;padding:2rem}@media (max-width: 1024px){.random-gif-page{flex-direction:column;gap:1.5rem}.status-panel{width:100%;position:static}}@media (max-width: 768px){.random-gif-page{padding:1rem}.gif-controls{flex-direction:column}.gif-controls .btn{width:100%}.history-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.status-panel{padding:1rem}}:root{--bg: #171818;--bg-2: #191a1b;--bg-image: url(/images/bg.png);--tt: white;--tt-2: #9da5b1;--tt-3: #777;--rating-bg-green: #eefbf3;--rating-bg-red: #fff1f1;--bdc: #191a1b;--bdc-darker: #b1b1b1;--bdc-3: rgba(255,255,255,.15);--accent: #9e294f;--accent-s: #772ce8;--accent-darker: #f06102;--accent-green: #4CAF50;--accent-red: #F44336;--accent-grass: #8BC34A;--accent-gray: #9E9E9E;--accent-gold: #FFC107;--accent-2: #2196F3;--accent-black-v: rgba(0,0,0,.1);--ui-bg: #191a1b;--ui-bg-2: #191a1b;--ui-bg-3: #191a1b;--ui-bg-accent: #333;--ui-text-color-on-accent: white;--ui-bdc: #191a1b;--indent: 50px;--indent-negative: -50px;--main-border-radius: 8px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#fff!important;background-color:var(--bg)}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-s)}h1{font-size:3.2em;line-height:1.1;color:#fff!important}h2,h3,h4,h5,h6,p,span,div{color:#fff!important}button{border-radius:var(--main-border-radius);border:1px solid var(--bdc);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--ui-bg);color:#fff!important;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;min-height:100vh;text-align:center;color:#fff!important}body,html{margin:0;padding:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg);color:#fff!important}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg);color:#fff!important}.app-content{flex:1;display:flex;flex-direction:column;width:100%;background-color:var(--bg);color:#fff!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--accent))}.logo.react:hover{filter:drop-shadow(0 0 2em var(--accent-s))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#aaa}input,select,textarea,button{background-color:var(--ui-bg-2);color:#fff!important;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius)}input::placeholder{color:#aaa}h1,h2,h3,h4,h5,h6,p,span,div,label,a,button,.form-group label{color:#fff!important}a{color:var(--accent)!important}a:hover{color:var(--accent-s)!important}button[type=submit],.submit-button{background-color:var(--accent)!important;color:#fff!important}button[type=submit]:hover,.submit-button:hover{background-color:var(--accent-s)!important}.auth-container{background-color:var(--ui-bg);color:#fff!important}.status-indicator{background-color:var(--ui-bg-2);color:#aaa!important}.form-group input{background-color:var(--ui-bg-2);color:#fff!important;border-color:var(--bdc-3)}.error-message{background-color:#f443361a;color:var(--accent-red)!important}.loading{color:#fff!important}.advanced-filter{background-color:var(--ui-bg);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);padding:20px;margin:20px 0;box-shadow:0 2px 8px #0003}.advanced-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--bdc-3)}.advanced-filter-header h3{margin:0;color:#fff!important}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#aaa;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:var(--ui-bg-accent);color:#fff!important}.filter-rules{display:flex;flex-direction:column;gap:15px}.filter-groups{display:flex;flex-direction:column;gap:25px}.filter-group{background-color:var(--ui-bg-2);border:2px solid var(--bdc-3);border-radius:var(--main-border-radius);padding:20px;position:relative;display:flex;flex-direction:column}.filter-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--bdc-3);width:100%}.group-connector{position:absolute;top:-15px;left:50%;transform:translate(-50%);background-color:var(--accent);color:#fff!important;padding:5px 15px;border-radius:var(--main-border-radius);font-weight:700;font-size:12px;border:2px solid var(--ui-bg)}.filter-group-controls{display:flex;justify-content:space-between;align-items:center;width:100%}.group-operator{min-width:80px;padding:8px 12px;border:1px solid var(--accent);border-radius:var(--main-border-radius);background-color:var(--ui-bg);color:var(--accent)!important;font-weight:700;font-size:14px}.remove-group-button{background-color:var(--accent-red);color:#fff!important;border:none;padding:4px 8px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-left:auto}.remove-group-button:hover{background-color:#c82333}.filter-group .filter-rules{margin-top:15px;border-top:1px solid var(--bdc-3);padding-top:15px}.add-rule-button-small{background-color:var(--accent-green);color:#fff!important;border:none;padding:8px 12px;border-radius:var(--main-border-radius);cursor:pointer;font-size:12px;transition:background-color .2s;margin-top:10px}.add-rule-button-small:hover{background-color:#45a049}.filter-group-actions{display:flex;gap:10px}.add-group-button{background-color:var(--accent);color:#fff!important;border:none;padding:10px 16px;border-radius:var(--main-border-radius);cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s}.add-group-button:hover{background-color:var(--accent-s)}.filter-rule{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--ui-bg-2);border-radius:var(--main-border-radius);border:1px solid var(--bdc-3)}.logical-operator{min-width:70px;padding:8px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-2);color:var(--accent)!important;font-weight:700}.field-select{min-width:120px;padding:8px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-2);color:#fff!important}.operator-select{min-width:150px;padding:8px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-2);color:#fff!important}.filter-input{flex:1;min-width:150px;padding:8px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-2);color:#fff!important}.filter-input::placeholder{color:#aaa}.sub-entity-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1;min-width:150px}.sub-entity-field{min-width:150px;padding:8px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-2);color:#fff!important}.sub-entity-value{min-width:200px;padding:8px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-2);color:#fff!important}.sub-entity-value:disabled{background-color:var(--ui-bg);color:#666!important;cursor:not-allowed}.null-indicator{flex:1;min-width:150px;padding:8px;color:#aaa!important;font-style:italic;background-color:var(--ui-bg-2);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);display:flex;align-items:center}.remove-rule-button{background-color:var(--accent-red);color:#fff!important;border:none;padding:8px 12px;border-radius:var(--main-border-radius);cursor:pointer;font-size:12px;transition:background-color .2s}.remove-rule-button:hover{background-color:#c82333}.filter-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--bdc-3)}.add-rule-button{background-color:var(--accent-green);color:#fff!important;border:none;padding:10px 16px;border-radius:var(--main-border-radius);cursor:pointer;font-size:14px;transition:background-color .2s}.add-rule-button:hover{background-color:#45a049}.filter-buttons{display:flex;gap:10px}.clear-button{background-color:var(--accent-gray);color:#fff!important;border:none;padding:10px 16px;border-radius:var(--main-border-radius);cursor:pointer;font-size:14px;transition:background-color .2s}.clear-button:hover{background-color:#757575}.apply-button{background-color:var(--accent);color:#fff!important;border:none;padding:10px 16px;border-radius:var(--main-border-radius);cursor:pointer;font-size:14px;transition:background-color .2s}.apply-button:hover{background-color:var(--accent-s)}@media (max-width: 768px){.filter-groups{gap:20px}.filter-group{padding:15px}.filter-group-header,.filter-group-controls{flex-direction:column;align-items:stretch;gap:10px}.group-operator{min-width:auto;flex:1}.remove-group-button{margin-left:10px}.group-connector{position:static;transform:none;margin-bottom:10px;align-self:center}.filter-group .filter-rules{margin-top:10px;border-top:1px solid var(--bdc-3);padding-top:10px}.filter-rule{flex-direction:column;align-items:stretch;gap:10px}.logical-operator,.field-select,.operator-select,.filter-input{min-width:auto;width:100%}.remove-rule-button{align-self:center;margin-top:10px}.add-rule-button-small{width:100%}.filter-actions{flex-direction:column;gap:15px}.filter-group-actions,.filter-buttons{width:100%;justify-content:center}.add-group-button{width:100%}}.filter-query{background-color:var(--ui-bg);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);padding:16px;margin:10px 0;box-shadow:0 2px 4px #0003}.filter-mode-selector{display:flex;justify-content:flex-end;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--bdc-3)}.filter-mode-button{background-color:var(--ui-bg-2);color:#fff!important;border:1px solid var(--bdc-3);padding:8px 16px;border-radius:var(--main-border-radius);font-size:14px;cursor:pointer;transition:all .2s}.filter-mode-button:hover,.filter-mode-button.active{background-color:var(--accent);border-color:var(--accent)}.short-filter{background:transparent;border:none;padding:0;margin:0;box-shadow:none}.compact-form{margin:0}.short-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-field{display:flex;align-items:center}.compact-input{padding:6px 10px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);font-size:14px;min-width:120px;max-width:none;flex:0 0 auto;background-color:var(--ui-bg-2);color:#fff!important;transition:border-color .2s,width .2s;width:120px}.compact-input:focus{outline:none;border-color:var(--accent)}.compact-select{padding:6px 10px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);font-size:14px;min-width:120px;max-width:180px;flex:1;background-color:var(--ui-bg-2);color:#fff!important;cursor:pointer;transition:border-color .2s}.compact-select:focus{outline:none;border-color:var(--accent)}.search-button{background-color:var(--accent);color:#fff!important;border:none;padding:6px 15px;border-radius:var(--main-border-radius);font-size:14px;cursor:pointer;transition:background-color .2s;white-space:nowrap;flex:0 0 auto}.filter-query-content{display:flex;flex-direction:column;gap:16px}.filter-section{flex:1}.sort-options{display:flex;align-items:center;justify-content:flex-end;padding:8px 0;border-top:1px solid var(--bdc-3)}.sort-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#ccc;font-weight:500}.sort-select{padding:6px 10px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);font-size:14px;min-width:180px;background-color:var(--ui-bg-2);color:#fff!important;cursor:pointer;transition:border-color .2s}.sort-select:focus{outline:none;border-color:var(--accent)}@media (min-width: 1024px){.filter-query-content{flex-direction:row;align-items:flex-start;gap:20px}.filter-section{flex:1}.sort-options{flex:0 0 auto;border-top:none;border-left:1px solid var(--bdc-3);padding-left:20px;margin-left:20px;padding-top:0}}@media (max-width: 768px){.filter-mode-selector{justify-content:center}.filter-mode-button{width:100%}.short-filters{flex-direction:column;align-items:stretch}.filter-field{width:100%}.compact-input,.compact-select{min-width:auto;width:100%}.search-button{width:100%;margin-top:10px}.sort-options{justify-content:center}.sort-select{min-width:auto;width:100%}}.pagination-page{padding:20px;background:var(--ui-bg);min-height:100vh}.pagination-page-header{margin-bottom:20px}.pagination-page-title-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:10px}.pagination-page-title{color:var(--tt);font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pagination-page-actions{display:flex;gap:10px;align-items:center}.pagination-page-controls{margin-bottom:30px}.pagination-page-content{margin-bottom:30px;min-height:200px}.pagination-page-loading,.pagination-page-error,.pagination-page-empty{text-align:center;padding:40px 20px;font-size:1.1rem;border-radius:var(--main-border-radius);margin:20px 0}.pagination-page-loading{color:var(--accent);background:var(--ui-bg-2);border:1px solid var(--accent);animation:pulse 2s ease-in-out infinite alternate}.pagination-page-error{color:var(--accent-red);background:var(--ui-bg-2);border:1px solid var(--accent-red)}.pagination-page-empty{color:var(--tt-2);background:var(--ui-bg-2);border:1px solid var(--bdc)}.pagination-page-footer{margin-top:30px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:15px 0}.pagination-button{padding:10px 20px;background:var(--accent);color:var(--ui-text-color-on-accent);border:1px solid var(--accent);border-radius:var(--main-border-radius);cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;min-width:100px}.pagination-button:hover:not(:disabled){background:var(--accent-s);border-color:var(--accent-s);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.pagination-button:disabled{background:var(--ui-bg-3);border-color:var(--bdc);color:var(--tt-3);cursor:not-allowed;transform:none;box-shadow:none}.pagination-info{display:flex;align-items:center;gap:10px}.pagination-text{color:var(--tt-2);font-weight:500;font-size:.95rem;text-align:center;min-width:150px}.clickable-page-info{cursor:pointer;padding:8px 12px;border-radius:var(--main-border-radius);transition:all .2s ease;background:transparent;border:1px solid transparent}.clickable-page-info:hover{background:var(--ui-bg-2);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.page-input-container{display:flex;align-items:center;gap:8px;padding:4px;background:var(--ui-bg-2);border:1px solid var(--bdc);border-radius:var(--main-border-radius)}.page-input-label{color:var(--tt-2);font-size:.9rem;font-weight:500;white-space:nowrap}.page-input{width:60px;padding:6px 8px;border:1px solid var(--bdc);border-radius:4px;background:var(--ui-bg);color:var(--tt);font-size:.9rem;text-align:center;transition:border-color .2s ease}.page-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.page-input-submit{padding:6px 12px;background:var(--accent);color:var(--ui-text-color-on-accent);border:1px solid var(--accent);border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.page-input-submit:hover:not(:disabled){background:var(--accent-s);border-color:var(--accent-s);transform:translateY(-1px)}.page-input-submit:disabled{background:var(--ui-bg-3);border-color:var(--bdc);color:var(--tt-3);cursor:not-allowed;transform:none}.page-input-cancel{padding:4px 8px;background:transparent;color:var(--tt-2);border:1px solid var(--bdc);border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.page-input-cancel:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}@keyframes pulse{0%{opacity:.7}to{opacity:1}}@media (max-width: 768px){.pagination-page{padding:15px}.pagination-page-title{font-size:2rem}.pagination-page-title-section{flex-direction:column;align-items:stretch;gap:15px}.pagination-page-actions{justify-content:center}.pagination{flex-direction:column;gap:15px}.pagination-button{width:100%;max-width:200px}.pagination-text{min-width:auto}.pagination-page-loading,.pagination-page-error,.pagination-page-empty{padding:30px 15px;font-size:1rem}}@media (max-width: 480px){.pagination-page-title{font-size:1.8rem}.pagination-button{font-size:.9rem;padding:8px 16px}}.pagination-page .filter-query{margin-bottom:0}@media (prefers-color-scheme: dark){.pagination-page-loading{box-shadow:0 2px 8px rgba(var(--accent-rgb),.2)}.pagination-page-error{box-shadow:0 2px 8px #ff525233}.pagination-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}}.card-stats-display{margin-top:24px;border-top:2px solid var(--bdc-3);background-color:var(--ui-bg-2);border-radius:12px;padding:20px}.card-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--bdc-3)}.card-stats-header h3{margin:0;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.freshness-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-item{background-color:var(--ui-bg);border:1px solid var(--bdc-3);border-radius:12px;padding:16px;transition:all .2s ease;position:relative}.stat-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.stat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stat-icon{font-size:18px}.stat-label{font-size:12px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;text-align:center}.stat-freshness{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:500;opacity:.8}.stats-loading,.stats-error,.stats-empty{text-align:center;padding:32px 16px;color:#aaa;font-style:italic}.stats-error{color:#f44336}.stats-loading{color:var(--accent)}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{padding:12px}.stat-value{font-size:20px}.card-stats-header{flex-direction:column;align-items:flex-start;gap:8px}.freshness-indicator{font-size:10px}}@media (max-width: 320px){.stats-grid{grid-template-columns:1fr}}.card-info-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.card-info-backdrop.open{opacity:1;visibility:visible}.card-info-panel{position:fixed;top:0;right:0;width:480px;height:100vh;background-color:var(--ui-bg);border-left:1px solid var(--bdc-3);box-shadow:-8px 0 32px #0006;z-index:999;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;color:#fff;display:flex;flex-direction:column}.card-info-panel.open{transform:translate(0)}.card-info-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--bdc-3);background-color:var(--ui-bg-2);position:sticky;top:0;z-index:1;flex-shrink:0}.card-info-header h2{margin:0;font-size:18px;font-weight:600;color:#fff;line-height:1.3}.header-buttons{display:flex;gap:8px;align-items:center}.full-page-button{background:var(--accent, #007bff);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px}.full-page-button:hover{background:var(--accent-s, #0056b3);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.close-button{background:none;border:none;font-size:20px;color:#aaa;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#fff;background-color:#ffffff1a}.card-info-content{flex:1;overflow-y:auto}.card-info-media{width:100%;background-color:var(--ui-bg-2);display:flex;align-items:center;justify-content:center;min-height:280px;max-height:400px;overflow:hidden;padding:16px}.card-info-image,.card-info-video{width:auto;height:auto;max-width:100%;max-height:350px;object-fit:contain;border-radius:12px}.action-button-inline{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--bdc-3);border-radius:20px;background-color:var(--ui-bg-accent);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-button-inline:hover{background-color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.card-info-details{padding:20px}.card-info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--bdc-3)}.card-info-row:last-child{border-bottom:none}.card-info-details .card-stats-display{margin-top:24px;border-top:2px solid var(--bdc-3);background-color:var(--ui-bg-2);border-radius:12px;padding:20px}.card-info-row .label{font-weight:600;color:#aaa;font-size:13px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-right:16px}.card-info-row .value{color:#fff;font-size:15px;text-align:right;word-break:break-word;flex:1;font-weight:500}.card-info-row .value.link{color:var(--accent);text-decoration:none;transition:color .2s}.card-info-row .value.link:hover{color:var(--accent-s);text-decoration:underline}.value-container{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.action-button-arrow{background:none;border:1px solid var(--bdc-3);border-radius:6px;width:24px;height:24px;color:#aaa;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.action-button-arrow:hover{background-color:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.external-link-red{color:#ff4757!important}.external-link-red:hover{background-color:#ff4757!important;border-color:#ff4757!important;color:#fff!important}.rank-badge{padding:6px 14px!important;border-radius:20px!important;font-weight:700!important;font-size:13px!important;color:#fff!important;text-align:center!important;min-width:40px;display:inline-block}@media (max-width: 768px){.card-info-panel{width:100vw;right:0}.card-info-header{padding:12px 16px}.card-info-header h2{font-size:16px}.full-page-button,.close-button{width:32px;height:32px}.card-info-media{min-height:220px;max-height:300px;padding:12px}.card-info-image,.card-info-video{max-height:250px}.card-info-details{padding:16px}.card-info-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.card-info-row .value{text-align:left;width:100%;font-size:14px}.card-info-row .label{margin-right:0;width:100%;font-size:12px}.value-container{width:100%;justify-content:flex-start;gap:8px}.action-button-inline{padding:10px 16px;font-size:14px;align-self:stretch;justify-content:center;margin-top:4px}.card-info-details .card-stats-display{margin-top:16px;padding:16px}.action-button-arrow{width:28px;height:28px}}@media (max-width: 480px){.card-info-header{padding:10px 12px}.card-info-header h2{font-size:15px}.full-page-button,.close-button{width:28px;height:28px;font-size:12px}.card-info-media{min-height:180px;max-height:250px;padding:8px}.card-info-details{padding:12px}.card-info-row{padding:10px 0}.card-info-row .label{font-size:11px}.card-info-row .value{font-size:13px}.action-button-inline{padding:8px 12px;font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.card-info-panel{width:420px}}@media (min-width: 1200px){.card-info-panel{width:500px}}.card-info-panel::-webkit-scrollbar{width:6px}.card-info-panel::-webkit-scrollbar-track{background:var(--ui-bg-2)}.card-info-panel::-webkit-scrollbar-thumb{background:var(--bdc-3);border-radius:3px}.card-info-panel::-webkit-scrollbar-thumb:hover{background:#555}.card-info-panel.open .card-info-content{animation:slideInContent .4s ease .1s both}@keyframes slideInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cards-container{padding:20px;color:#fff!important;width:100%;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.cards-container.with-panel{margin-right:400px}.cards-header{position:sticky;top:0;z-index:10;background-color:var(--bg);padding:10px 0;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.cards-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.cards-sort{align-self:flex-end}@media (min-width: 768px){.cards-controls{flex-direction:row;align-items:flex-start;justify-content:space-between}.cards-sort{margin-top:0;align-self:center}}.cards-container h1{margin-bottom:15px;text-align:center;color:#fff!important;font-size:24px}.filters-container{background-color:var(--ui-bg);border-radius:var(--main-border-radius);padding:12px;margin-bottom:15px;box-shadow:0 2px 4px #0003;border:1px solid var(--bdc-3)}.compact-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.compact-input,.compact-select{padding:6px 10px;border-radius:var(--main-border-radius);border:1px solid var(--bdc-3);font-size:14px;background-color:var(--ui-bg-2);color:#fff!important;min-width:120px;flex:1}.compact-select{cursor:pointer}.compact-input::placeholder{color:#aaa}.search-button{background-color:var(--accent);color:#fff!important;border:none;border-radius:var(--main-border-radius);padding:6px 15px;font-size:14px;cursor:pointer;transition:background-color .2s;flex:0 0 auto}.search-button:hover{background-color:var(--accent-s)}.loading,.error-message,.no-cards{text-align:center;padding:40px;font-size:18px;color:#fff!important}.no-cards{grid-column:1 / -1}.error-message{color:var(--accent-red)!important}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:30px}@media (min-width: 768px){.cards-grid{grid-template-columns:repeat(5,1fr)}.compact-form{justify-content:flex-start}}@media (min-width: 992px){.cards-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1200px){.cards-grid{grid-template-columns:repeat(8,1fr)}}.card-item{border-radius:var(--main-border-radius);overflow:hidden;box-shadow:0 3px 6px #0000004d;transition:transform .2s,box-shadow .2s;background-color:var(--ui-bg);aspect-ratio:2/3;width:100%}.card-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}.card-image,.card-video{width:100%;height:100%;overflow:hidden}.card-rank{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:4px;font-weight:700;color:#fff;background-color:#000000b3}.card-name{margin:0 0 5px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-anime{margin:0;font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding-bottom:10px}.pagination button{padding:6px 12px;background-color:var(--accent);color:#fff!important;border:none;border-radius:var(--main-border-radius);cursor:pointer;transition:background-color .2s;font-size:14px}.pagination button:hover:not(:disabled){background-color:var(--accent-s)}.pagination button:disabled{background-color:var(--ui-bg-accent);opacity:.5;cursor:not-allowed}.pagination span{font-size:14px;color:#fff!important}.filter-mode-selector{display:flex;justify-content:flex-end;margin-left:20px}.filter-mode-button{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--main-border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.filter-mode-button:hover{background:var(--accent-s);transform:translateY(-1px)}.filter-mode-button.active{background:var(--accent-green)}.filter-mode-button.active:hover{background:var(--accent-green-s)}.active-advanced-filter{background:var(--ui-bg);border:1px solid var(--accent);border-radius:var(--main-border-radius);padding:15px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;box-shadow:0 2px 4px #0003}.active-advanced-filter p{margin:0;color:var(--accent);font-weight:500}.edit-filter-button,.clear-filter-button{padding:6px 12px;border:none;border-radius:var(--main-border-radius);cursor:pointer;font-size:13px;transition:background-color .2s}.edit-filter-button{background:var(--accent);color:#fff}.edit-filter-button:hover{background:var(--accent-s)}.clear-filter-button{background:var(--accent-red);color:#fff}.clear-filter-button:hover{background:var(--accent-red-s)}@media (max-width: 768px){.cards-header{flex-direction:column;gap:15px}.filter-mode-selector{margin-left:0;justify-content:center}.active-advanced-filter{flex-direction:column;text-align:center}.active-advanced-filter p{margin-bottom:10px}.cards-container.with-panel{margin-right:0}}@media (min-width: 769px) and (max-width: 1024px){.cards-container.with-panel{margin-right:350px}}@media (min-width: 1200px){.cards-container.with-panel{margin-right:450px}}.card-detail-container{width:100%;padding:16px;min-height:calc(100vh - 120px);background-color:var(--bg);color:var(--tt)}.card-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px 0;border-bottom:1px solid var(--bdc-3);min-height:60px}.back-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background-color:var(--ui-bg);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);color:var(--tt);cursor:pointer;transition:all .2s ease;font-size:14px;text-decoration:none;height:40px;line-height:1}.back-button:hover{background-color:var(--accent);border-color:var(--accent);color:#fff}.card-detail-header h1{margin:0;color:var(--tt);font-size:1.5rem;font-weight:600;line-height:1.2;display:flex;align-items:center;height:40px}.card-detail-content{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:24px}.card-detail-media{display:flex;flex-direction:column}.card-detail-media-container{width:100%;aspect-ratio:2/3;max-width:300px;border-radius:var(--main-border-radius);overflow:hidden;background-color:var(--ui-bg);border:1px solid var(--bdc-3)}.card-detail-image,.card-detail-video{width:100%;height:100%;object-fit:cover;border-radius:var(--main-border-radius)}.card-detail-info{display:flex;flex-direction:column;gap:16px}.card-info-grid{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--ui-bg);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);min-height:48px}.info-row strong{color:var(--tt);font-weight:600;min-width:100px;flex-shrink:0;font-size:14px}.info-row span{color:var(--tt-2);flex:1;word-wrap:break-word;font-size:14px}.value-with-actions{display:flex;align-items:center;gap:12px;flex:1}.action-buttons{display:flex;gap:8px;flex-shrink:0}.copy-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);color:var(--tt)!important;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:16px}.copy-button svg{width:16px!important;height:16px!important;stroke-width:2!important;display:block!important;opacity:1!important;visibility:visible!important}.copy-button:hover{background-color:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.external-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:1px solid #ff4757;border-radius:var(--main-border-radius);color:#ff4757!important;text-decoration:none;transition:all .2s ease;flex-shrink:0}.external-link:hover{background-color:#ff4757;border-color:#ff4757;color:#fff!important;transform:scale(1.1)}.card-stats-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--bdc-3)}.card-stats-section h3{margin:0 0 16px;color:var(--tt);font-size:1.25rem;font-weight:600}.card-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 24px;text-align:center;color:var(--tt-2)}.loading{display:flex;align-items:center;justify-content:center;padding:64px 24px;color:var(--tt-2);font-size:1.1rem}@media (max-width: 768px){.card-detail-container{padding:12px;min-height:calc(100vh - 100px)}.card-detail-header{margin-bottom:16px;padding:12px 0;gap:12px;min-height:50px}.card-detail-header h1{font-size:1.25rem;height:36px}.back-button{padding:8px 12px;font-size:13px;height:36px}.card-detail-content{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.card-detail-media-container{max-width:250px}.info-row{flex-direction:column;align-items:flex-start;gap:6px;padding:12px;min-height:auto}.info-row strong{min-width:unset;width:100%;font-size:13px;color:var(--tt-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.info-row .value-with-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.info-row span{flex:1;font-size:15px;color:var(--tt);font-weight:500}.info-row .action-buttons{display:flex;gap:6px;flex-shrink:0}.copy-button,.external-link{width:32px;height:32px}.card-stats-section{margin-top:24px;padding-top:16px;overflow-x:hidden}.card-stats-section h3{font-size:1.1rem;margin-bottom:12px}}@media (min-width: 769px) and (max-width: 1024px){.card-detail-container{padding:16px}.card-detail-content{grid-template-columns:280px 1fr;gap:20px}.card-detail-media-container{max-width:280px}}@media (max-width: 480px){.card-detail-container{padding:8px}.card-detail-header{margin-bottom:12px;padding:8px 0;min-height:44px}.card-detail-header h1{font-size:1.1rem;height:32px}.back-button{padding:6px 8px;font-size:12px;gap:4px;height:32px}.card-detail-content{gap:12px}.card-detail-media-container{max-width:200px}.info-row{padding:10px}.info-row .value-with-actions{gap:6px}.info-row .action-buttons{gap:4px}.card-detail-error,.loading{padding:32px 16px}}.account-settings-content{width:100%}.loading{color:#666;font-style:italic;padding:10px 0}.error-message{color:#d32f2f;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;padding:10px;margin:10px 0}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background-color:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.status-badge.inactive{background-color:#ffebee;color:#d32f2f;border:1px solid #ffcdd2}.language-switcher{position:relative;display:inline-block}.language-dropdown{position:relative}.language-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ui-bg-accent);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);cursor:pointer;font-size:14px;color:#fff!important;transition:all .2s ease}.language-button:hover{background:var(--accent);border-color:var(--accent)}.current-flag{font-size:16px}.current-language{font-weight:500;color:#fff!important}.dropdown-arrow{font-size:10px;transition:transform .2s ease;color:#fff!important}.language-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.language-options{position:absolute;top:100%;right:0;background:var(--ui-bg);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);box-shadow:0 4px 12px #0000004d;min-width:150px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.language-dropdown:hover .language-options{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;font-size:14px;color:#fff!important;transition:background-color .2s ease}.language-option:hover{background:var(--ui-bg-accent)}.language-option.active{background:var(--accent);color:#fff!important;font-weight:500}.language-option .flag{font-size:16px}.language-option .name{flex:1;text-align:left;color:#fff!important}@media (max-width: 768px){.language-button{padding:6px 8px;font-size:12px}.current-language{display:none}.language-options{min-width:120px}.language-option{padding:8px 10px;font-size:12px}}.extension-status{background-color:var(--ui-bg-2);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);padding:1rem;color:#fff;font-size:.9rem}.status-indicator{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600}.status-icon{font-size:1.2rem;min-width:24px;text-align:center}.status-text{flex:1}.status-version{color:#aaa;font-weight:400;font-size:.8rem;background-color:var(--ui-bg);padding:.2rem .5rem;border-radius:var(--main-border-radius);border:1px solid var(--bdc-3)}.status-connected{color:#4caf50}.status-connecting,.status-warning{color:#ff9800}.status-disconnected{color:#f44336}.status-details{border-top:1px solid var(--bdc-3);padding-top:1rem}.status-message{padding:1rem;border-radius:var(--main-border-radius);margin-bottom:1rem;line-height:1.5}.status-message:last-child{margin-bottom:0}.status-message.info{background-color:#2196f31a;border:1px solid rgba(33,150,243,.3)}.status-message.warning{background-color:#ff98001a;border:1px solid rgba(255,152,0,.3)}.status-message.success{background-color:#4caf501a;border:1px solid rgba(76,175,80,.3)}.status-message.error{background-color:#f443361a;border:1px solid rgba(244,67,54,.3)}.status-message p{margin:0 0 1rem;color:#ddd}.status-message p:last-child{margin-bottom:0}.connection-info h4{margin:0 0 .75rem;color:#4caf50;font-size:1.1rem}.connection-info p{margin:0 0 1rem;color:#ddd}.features-active{margin-top:1rem}.features-active h5{margin:0 0 .5rem;color:var(--accent);font-size:.95rem}.features-active ul{margin:0;padding:0 0 0 1rem;list-style:none}.features-active li{margin-bottom:.25rem;color:#ddd;font-size:.85rem}.install-button,.connect-button,.reconnect-button,.retry-button{padding:.75rem 1.5rem;border:none;border-radius:var(--main-border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.install-button{background-color:var(--accent);color:#fff}.install-button:hover:not(:disabled){background-color:var(--accent-s);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.connect-button{background-color:#ff9800;color:#fff}.connect-button:hover:not(:disabled){background-color:#f57c00;transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.reconnect-button{background-color:transparent;color:#aaa;border:1px solid var(--bdc-3)}.reconnect-button:hover:not(:disabled){background-color:var(--ui-bg);color:#fff;border-color:#555}.retry-button{background-color:#f44336;color:#fff}.retry-button:hover:not(:disabled){background-color:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.install-button:disabled,.connect-button:disabled,.reconnect-button:disabled,.retry-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.extension-status.compact{padding:.5rem;background-color:transparent;border:none}.extension-status.compact .status-indicator{margin-bottom:0;font-size:.8rem}.extension-status.compact .status-details{display:none}.extension-status.compact .status-icon{font-size:1rem}@media (max-width: 600px){.extension-status{padding:.75rem}.status-indicator{flex-direction:column;align-items:flex-start;gap:.5rem}.status-message{padding:.75rem}.install-button,.connect-button,.reconnect-button,.retry-button{width:100%;margin-top:.5rem}.features-active ul{padding-left:.5rem}}.status-connecting .status-icon{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.extension-settings-content{width:100%}.installation-steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-accent)}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--accent);color:var(--ui-text-color-on-accent);border-radius:50%;font-weight:600;font-size:14px;flex-shrink:0}.step-content{width:100%}.step-content h4{margin:0 0 8px;color:var(--tt);font-size:16px;font-weight:600}.step-content p{margin:0;color:var(--tt-2);font-size:14px;line-height:1.5}.download-buttons{gap:12px;margin-top:16px;display:inline-flex;align-items:center}.download-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid transparent;border-radius:var(--main-border-radius);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;min-width:140px;justify-content:center}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;text-decoration:none}.button-icon{width:20px;height:20px;flex-shrink:0;object-fit:contain}.chrome-store-button{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border-color:#4285f4}.chrome-store-button:hover{background:linear-gradient(135deg,#3367d6,#2e7d32);border-color:#3367d6;color:#fff}.github-button{background:linear-gradient(135deg,#24292e,#586069);color:#fff;border-color:#24292e}.github-button:hover{background:linear-gradient(135deg,#1b1f23,#444d56);border-color:#1b1f23;color:#fff}@media (max-width: 768px){.download-buttons{flex-direction:column;gap:8px}.download-button{width:100%;min-width:auto}}.sessions-content{width:100%}.sessions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.session-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-accent)}.session-item.current-session{background-color:#9e294f1a;border-color:var(--accent)}.session-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.session-id{font-weight:600;color:var(--tt);font-size:14px}.current-badge{background-color:var(--accent-green);color:var(--ui-text-color-on-accent);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.session-details{color:var(--tt-2);font-size:13px}.session-details p{margin:2px 0}.feature-coming-soon{padding:24px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);background-color:var(--ui-bg-accent);text-align:center;margin-bottom:24px}.feature-icon{font-size:48px;margin-bottom:16px}.feature-description{color:var(--tt-2);font-size:14px;margin-bottom:20px}.feature-benefits{text-align:left;margin-bottom:20px}.feature-benefits ul{margin:8px 0;padding-left:20px}.feature-benefits li{color:var(--tt-2);font-size:14px;margin-bottom:4px}.feature-status{display:flex;flex-direction:column;gap:8px;align-items:center}.status-item{display:flex;gap:8px;font-size:14px}.status-label{color:var(--tt-2)}.status-value{font-weight:500}.status-value.ready{color:var(--accent-green)}.status-value.pending{color:var(--accent-gold)}.loading,.no-sessions{text-align:center;padding:40px;color:var(--tt-2);font-size:14px}@media (max-width: 768px){.session-item{flex-direction:column;align-items:flex-start;gap:12px}}.settings-page{width:70%;margin:0 auto;padding:20px}.settings-header{margin-bottom:30px;border-bottom:1px solid var(--bdc-3);padding-bottom:20px}.settings-header h1{margin:0;font-size:24px;font-weight:600;color:var(--tt)}.settings-layout{display:flex;gap:40px;min-height:600px}.settings-sidebar{width:240px;flex-shrink:0}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:var(--tt-2);border-radius:var(--main-border-radius);font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.settings-nav-item:hover{background-color:var(--ui-bg-accent);color:var(--tt);text-decoration:none;transform:translateY(-1px)}.settings-nav-item.active{background-color:var(--accent);color:var(--ui-text-color-on-accent);font-weight:600;box-shadow:0 2px 8px #9e294f4d}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-label{font-weight:500}.settings-content{flex:1;min-width:0}.settings-section{margin-bottom:40px}.settings-section h2{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--tt);border-bottom:1px solid var(--bdc-3);padding-bottom:8px}.settings-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--tt)}.settings-section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--tt)}.setting-item{margin-bottom:24px}.setting-item label{display:block;margin-bottom:8px;font-weight:600;color:var(--tt);font-size:14px}.setting-value{padding:8px 12px;background-color:var(--ui-bg-accent);border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);font-size:14px;color:var(--tt);min-height:20px}.setting-description{margin-bottom:12px;color:var(--tt-2);font-size:14px;line-height:1.5}.setting-input{width:100%;max-width:400px;padding:8px 12px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);font-size:14px;background-color:var(--ui-bg);color:var(--tt);transition:border-color .2s ease}.setting-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #9e294f1a}.button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background:none;font-family:inherit}.button-secondary{color:var(--tt);background-color:var(--ui-bg-accent);border-color:var(--bdc-3)}.button-secondary:hover{background-color:var(--accent);color:var(--ui-text-color-on-accent);transform:translateY(-1px)}.button-danger{color:var(--ui-text-color-on-accent);background-color:var(--accent-red);border-color:var(--accent-red)}.button-danger:hover{background-color:#d32f2f;border-color:#d32f2f;transform:translateY(-1px)}.success-message{padding:12px 16px;background-color:#4caf501a;border:1px solid var(--accent-green);border-radius:var(--main-border-radius);color:var(--accent-green);font-size:14px;margin-bottom:20px}.error-message{padding:12px 16px;background-color:#f443361a;border:1px solid var(--accent-red);border-radius:var(--main-border-radius);color:var(--accent-red);font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.settings-actions{display:flex;gap:12px;margin-top:24px}@media (max-width: 768px){.settings-layout{flex-direction:column;gap:20px}.settings-sidebar{width:100%}.settings-nav{flex-direction:row;overflow-x:auto;padding-bottom:8px}.settings-nav-item{white-space:nowrap;flex-shrink:0}.settings-actions{flex-direction:column}}.fqa-page{padding:20px;color:#fff!important;width:100%}.fqa-container{background-color:var(--ui-bg);border-radius:var(--main-border-radius);border:1px solid var(--bdc-3);overflow:hidden;box-shadow:0 2px 4px #0003}.fqa-title{font-size:24px;font-weight:600;color:#fff!important;margin:0;padding:20px;border-bottom:1px solid var(--bdc-3)}.fqa-description{font-size:16px;color:var(--tt-2)!important;margin:0;padding:15px 20px;line-height:1.6}.fqa-sections{padding:0 20px 20px}.fqa-section{margin-bottom:10px;border:1px solid var(--bdc-3);border-radius:var(--main-border-radius);overflow:hidden;transition:all .2s}.fqa-section:hover{box-shadow:0 2px 8px #0000004d}.fqa-section-header{width:100%;background-color:var(--ui-bg-2);border:none;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;font-size:16px;font-weight:500;color:#fff!important}.fqa-section-header:hover{background-color:var(--ui-bg-accent)}.fqa-section-header.expanded{background-color:var(--accent);color:#fff!important}.fqa-section-title{flex:1;text-align:left}.fqa-section-toggle{font-size:18px;font-weight:600;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.fqa-section-header.expanded .fqa-section-toggle{transform:rotate(180deg)}.fqa-section-content{background-color:var(--ui-bg);padding:0;max-height:0;overflow:hidden;transition:all .2s}.fqa-section-header.expanded+.fqa-section-content{max-height:none;padding:15px 20px}.fqa-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--bdc-3)}.fqa-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.fqa-question{font-size:16px;font-weight:600;color:#fff!important;margin:0 0 10px;line-height:1.4}.fqa-answer{font-size:14px;color:var(--tt-2)!important;line-height:1.6;white-space:pre-line}.fqa-answer strong{color:#fff!important;font-weight:600}.fqa-answer code{background-color:var(--ui-bg-2);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:var(--accent-gold)!important}.fqa-answer img{max-width:100%;height:auto;border-radius:var(--main-border-radius);margin:15px 0;box-shadow:0 2px 8px #0000004d;border:1px solid var(--bdc-3)}.fqa-answer ul{list-style:none;padding-left:0}.fqa-answer li{margin-bottom:5px;padding-left:20px;position:relative}.fqa-answer li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}@media (max-width: 768px){.fqa-page{padding:15px}.fqa-title{font-size:20px;padding:15px}.fqa-description{padding:10px 15px}.fqa-sections{padding:0 15px 15px}.fqa-section-header{padding:12px 15px;font-size:15px}.fqa-section-header.expanded+.fqa-section-content{padding:12px 15px}.fqa-question{font-size:15px}.fqa-answer{font-size:13px}}@media (max-width: 480px){.fqa-page{padding:10px}.fqa-title{font-size:18px;padding:12px}.fqa-description{padding:8px 12px}.fqa-sections{padding:0 12px 12px}.fqa-section-header{padding:10px 12px}.fqa-section-header.expanded+.fqa-section-content{padding:10px 12px}}.decks-container{padding:20px;color:#fff!important;width:100%;background:var(--bg);min-height:calc(100vh - 80px)}.decks-header{text-align:center;margin-bottom:30px;padding:20px 0}.decks-header h1{color:var(--tt);font-size:2.5rem;margin-bottom:10px;font-weight:700}.decks-description{color:var(--tt-2);font-size:1.1rem;margin-bottom:0;max-width:600px}.decks-controls{margin-bottom:30px;display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}.search-form{display:flex;justify-content:center}.search-input-group{display:flex;gap:10px;max-width:500px;width:100%}.search-input{flex:1;padding:12px 16px;border:1px solid var(--bdc);border-radius:var(--main-border-radius);font-size:1rem;background-color:var(--ui-bg);color:var(--tt);transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #9e294f1a}.search-input::placeholder{color:var(--tt-3)}.search-button{padding:12px 24px;background:var(--accent);color:var(--ui-text-color-on-accent);border:1px solid var(--accent);border-radius:var(--main-border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.search-button:hover{background:var(--accent-s);border-color:var(--accent-s)}.sort-controls{display:flex;align-items:center;gap:10px}.sort-controls label{color:var(--tt);font-weight:500;white-space:nowrap}.sort-select{padding:8px 12px;border:1px solid var(--bdc);border-radius:var(--main-border-radius);background-color:var(--ui-bg);color:var(--tt);font-size:1rem;cursor:pointer;transition:border-color .3s ease}.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #9e294f1a}.decks-info{text-align:center;margin-bottom:20px;color:var(--tt-2)}.decks-list{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.deck-row{background:var(--ui-bg-2);border:1px solid var(--bdc);border-radius:var(--main-border-radius);padding:25px;transition:all .3s ease;box-shadow:0 2px 4px #0000004d}.deck-row:hover{box-shadow:0 4px 12px #00000080;border-color:var(--accent)}.deck-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.deck-info{flex:1}.deck-title{color:var(--tt);font-size:1.8rem;font-weight:600;margin:0 0 10px;line-height:1.3}.deck-meta{display:flex;flex-direction:column;gap:5px}.deck-card-count{color:var(--accent);font-size:1.2rem;font-weight:500}.deck-link{color:var(--tt-3);font-size:1rem;font-family:Courier New,monospace}.view-deck-button{padding:12px 24px;background:var(--accent);color:var(--ui-text-color-on-accent);border:1px solid var(--accent);border-radius:var(--main-border-radius);cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.view-deck-button:hover{background:var(--accent-s);border-color:var(--accent-s);transform:translateY(-1px)}.deck-preview-cards{border-top:1px solid var(--bdc);padding-top:20px}.preview-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.preview-card{background:var(--ui-bg-3);border:1px solid var(--bdc);border-radius:var(--main-border-radius);overflow:hidden;box-shadow:0 2px 4px #0003;transition:transform .2s ease;aspect-ratio:2/3}.preview-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.preview-card .card-image,.preview-card .card-video{width:100%;height:100%;overflow:hidden;background:var(--bg-2);display:flex;align-items:center;justify-content:center}.preview-card .card-image img{width:100%;height:100%;object-fit:cover}.preview-card .card-video video{width:100%;height:100%;object-fit:cover}.preview-card .card-name{font-size:.9rem;font-weight:600;color:var(--tt);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-card .card-rank{font-size:.8rem;font-weight:500;margin:0;text-transform:uppercase;padding:2px 6px;border-radius:3px;width:fit-content;text-align:center}.no-preview-cards{text-align:center;color:var(--tt-3);font-style:italic;padding:20px}.preview-card.rank-ass{border:2px solid var(--accent-gold)}.preview-card.rank-ass .card-rank{background:var(--accent-gold);color:var(--tt)}.preview-card.rank-s{border:2px solid var(--accent-s)}.preview-card.rank-s .card-rank{background:var(--accent-s);color:var(--tt)}.preview-card.rank-a{border:2px solid var(--accent-green)}.preview-card.rank-a .card-rank{background:var(--accent-green);color:var(--tt)}.preview-card.rank-b{border:2px solid var(--accent-2)}.preview-card.rank-b .card-rank{background:var(--accent-2);color:var(--tt)}.preview-card.rank-c{border:2px solid var(--accent)}.preview-card.rank-c .card-rank{background:var(--accent);color:var(--tt)}.preview-card.rank-d,.preview-card.rank-e{border:2px solid var(--accent-gray)}.preview-card.rank-d .card-rank,.preview-card.rank-e .card-rank{background:var(--accent-gray);color:var(--tt)}.no-decks{text-align:center;color:var(--tt-2);font-size:1.1rem;padding:40px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}.pagination-button{padding:10px 20px;background:var(--accent);color:var(--ui-text-color-on-accent);border:1px solid var(--accent);border-radius:var(--main-border-radius);cursor:pointer;font-size:1rem;transition:background-color .3s ease}.pagination-button:hover:not(:disabled){background:var(--accent-s);border-color:var(--accent-s)}.pagination-button:disabled{background:var(--ui-bg-3);border-color:var(--bdc);color:var(--tt-3);cursor:not-allowed}.pagination-info{color:var(--tt-2);font-weight:500}@media (max-width: 1024px){.preview-cards-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (max-width: 768px){.decks-container{padding:15px}.decks-header h1{font-size:2rem}.deck-row{padding:20px}.deck-header-section{flex-direction:column;align-items:stretch;gap:15px}.deck-title{font-size:1.5rem}.decks-controls{flex-direction:column;gap:20px}.search-input-group{flex-direction:column}.search-input,.search-button{width:100%}.sort-controls{justify-content:center}.pagination{flex-direction:column;gap:10px}.preview-cards-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 480px){.deck-row{padding:15px}.deck-title{font-size:1.3rem}.preview-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.view-deck-button{width:100%}}.deck-detail-container{padding:20px;color:#fff!important;width:100%;background:var(--bg);min-height:calc(100vh - 80px);transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.deck-detail-container.with-panel{margin-right:400px}.deck-detail-header{margin-bottom:30px;padding:20px 0}.back-button{padding:10px 20px;background:var(--ui-bg-2);color:var(--tt);border:1px solid var(--bdc);border-radius:var(--main-border-radius);font-size:1rem;cursor:pointer;transition:background-color .3s ease;margin-bottom:20px}.back-button:hover{background:var(--ui-bg-accent);border-color:var(--accent)}.deck-title{color:var(--tt);font-size:2.5rem;margin-bottom:10px;font-weight:700}.deck-info{color:var(--tt-2);font-size:1.1rem;margin-bottom:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.card-item{background:var(--ui-bg-2);border:1px solid var(--bdc);border-radius:var(--main-border-radius);overflow:hidden;box-shadow:0 2px 8px #0000004d;transition:transform .3s ease,box-shadow .3s ease;position:relative}.card-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000080;border-color:var(--accent)}.card-content{display:flex;flex-direction:column;height:100%}.card-image,.card-video{width:100%;height:100%;overflow:hidden;background:var(--bg-2);display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:cover}.card-video video{width:100%;height:100%;object-fit:cover}.card-name{font-size:1.1rem;font-weight:600;color:var(--tt);margin:0;line-height:1.3}.card-id{font-size:.9rem;color:var(--accent);font-weight:500;margin:0}.card-rank{font-size:.9rem;font-weight:500;margin:0;text-transform:uppercase;padding:2px 8px;border-radius:4px;width:fit-content}.card-author{font-size:.8rem;color:var(--tt-3);margin:auto 0 0}.rank-ass{border:2px solid var(--accent-gold)}.rank-ass .card-rank{background:var(--accent-gold);color:var(--tt)}.rank-s{border:2px solid var(--accent-s)}.rank-s .card-rank{background:var(--accent-s);color:var(--tt)}.rank-a{border:2px solid var(--accent-green)}.rank-a .card-rank{background:var(--accent-green);color:var(--tt)}.rank-b{border:2px solid var(--accent-2)}.rank-b .card-rank{background:var(--accent-2);color:var(--tt)}.rank-c{border:2px solid var(--accent)}.rank-c .card-rank{background:var(--accent);color:var(--tt)}.rank-d,.rank-e{border:2px solid var(--accent-gray)}.rank-d .card-rank,.rank-e .card-rank{background:var(--accent-gray);color:var(--tt)}.loading,.error-message,.auth-message{text-align:center;padding:40px;font-size:1.1rem}.loading{color:var(--accent)}.error-message{color:var(--accent-red);background:var(--ui-bg-2);border:1px solid var(--accent-red);border-radius:var(--main-border-radius);margin:20px 0}.auth-message{color:var(--accent-gold);background:var(--ui-bg-2);border:1px solid var(--accent-gold);border-radius:var(--main-border-radius);margin:20px 0}@media (max-width: 768px){.deck-detail-container{padding:15px}.deck-detail-container.with-panel{margin-right:0}.deck-title{font-size:2rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}}@media (min-width: 769px) and (max-width: 1024px){.deck-detail-container.with-panel{margin-right:350px}}@media (min-width: 1200px){.deck-detail-container.with-panel{margin-right:450px}}@media (max-width: 480px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.card-name{font-size:1rem}}.app-header{display:flex;align-items:center;padding:12px 20px;background-color:var(--ui-bg);color:var(--tt);box-shadow:0 2px 8px #00000026;border-bottom:1px solid var(--bdc-3);position:sticky;top:0;z-index:100}.header-logo{flex:0 0 auto;margin-right:32px}.header-logo a{font-size:22px;font-weight:700;color:var(--accent);text-decoration:none;transition:all .2s ease;letter-spacing:-.5px}.header-logo a:hover{color:var(--accent-s);transform:scale(1.02)}.main-nav{display:flex;flex:1;gap:16px}.nav-link{color:var(--tt-2);text-decoration:none;padding:8px 16px;border-radius:var(--main-border-radius);transition:all .2s ease;font-weight:500;font-size:14px}.nav-link:hover{background-color:var(--ui-bg-accent);color:var(--tt);transform:translateY(-1px)}.nav-link.active{background-color:var(--accent);color:var(--ui-text-color-on-accent);font-weight:600;box-shadow:0 2px 8px #007bff4d}.user-nav{margin-left:auto}.user-menu{display:flex;align-items:center;gap:12px}.username{color:var(--tt-2);font-size:14px;font-weight:500}.user-actions{display:flex;gap:8px}.settings-link{display:inline-block;color:var(--tt);text-decoration:none;padding:8px 16px;border-radius:var(--main-border-radius);background-color:var(--ui-bg-accent);transition:all .2s ease;font-size:14px;font-weight:500}.settings-link:hover{background-color:var(--accent);color:var(--ui-text-color-on-accent);transform:translateY(-1px)}.logout-button{padding:8px 16px;background-color:var(--ui-bg-accent);color:var(--tt);border:none;border-radius:var(--main-border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.logout-button:hover{background-color:var(--accent-red);color:var(--ui-text-color-on-accent);transform:translateY(-1px)}.login-button{display:inline-block;color:var(--ui-text-color-on-accent);text-decoration:none;padding:8px 16px;border-radius:var(--main-border-radius);background-color:var(--accent);transition:all .2s ease;font-size:14px;font-weight:500}.login-button:hover{background-color:var(--accent-s);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}@media (max-width: 768px){.app-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.header-logo{margin-right:auto;margin-bottom:0}.header-logo a{font-size:18px}.main-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--bdc-3)}.nav-link{padding:6px 12px;font-size:13px}.user-nav{margin-left:0;order:2}.user-menu{gap:8px}.username{font-size:13px}.user-actions{gap:6px}.settings-link,.logout-button,.login-button{padding:6px 12px;font-size:13px}}@media (max-width: 480px){.app-header{padding:10px 12px;flex-direction:column;align-items:stretch}.header-logo{text-align:center;margin:0 0 8px}.header-logo a{font-size:16px}.user-nav{order:2;display:flex;justify-content:center;margin-bottom:8px}.user-menu{flex-direction:column;gap:6px;align-items:center}.username{font-size:12px;text-align:center}.user-actions{justify-content:center}.main-nav{order:3;margin-top:0;padding-top:8px;border-top:1px solid var(--bdc-3);justify-content:space-around}.nav-link{flex:1;text-align:center;padding:8px 4px;font-size:12px}.settings-link,.logout-button,.login-button{padding:6px 10px;font-size:12px}}.extension-token-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.extension-token-modal{background-color:var(--ui-bg);border-radius:var(--main-border-radius);box-shadow:0 20px 40px #0006;border:1px solid var(--bdc-3);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;color:#fff;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--bdc-3)}.modal-header h3{margin:0;color:var(--accent);font-size:1.25rem;font-weight:600}.close-button{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:.25rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{background-color:var(--ui-bg-2);color:#fff}.modal-content{padding:1.5rem}.extension-icon{font-size:3rem;text-align:center;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.request-info{text-align:center;margin-bottom:1.5rem}.request-info h4{margin:0 0 .75rem;color:#fff;font-size:1.1rem}.request-info p{margin:0 0 1rem;color:#ddd;line-height:1.5}.request-details{background-color:var(--ui-bg-2);padding:.5rem;border-radius:var(--main-border-radius);margin-top:.75rem}.request-details small{color:#aaa;font-family:monospace}.features-list{background-color:var(--ui-bg-2);padding:1rem;border-radius:var(--main-border-radius);margin-bottom:1.5rem}.features-list h5{margin:0 0 .75rem;color:var(--accent);font-size:.95rem;font-weight:600}.features-list ul{margin:0;padding:0;list-style:none}.features-list li{padding:.25rem 0;color:#ddd;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.features-list li:not(:last-child){border-bottom:1px solid var(--bdc-3);padding-bottom:.5rem;margin-bottom:.5rem}.user-info{text-align:center;margin-bottom:1.5rem;padding:.75rem;background-color:rgba(var(--accent-rgb),.1);border-radius:var(--main-border-radius);border:1px solid rgba(var(--accent-rgb),.2)}.user-info p{margin:0;color:#ddd}.user-info strong{color:var(--accent);font-weight:600}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.approve-button,.deny-button{padding:.75rem 1.5rem;border:none;border-radius:var(--main-border-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.approve-button{background-color:var(--accent);color:#fff}.approve-button:hover:not(:disabled){background-color:var(--accent-s);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.deny-button{background-color:transparent;color:#aaa;border:1px solid var(--bdc-3)}.deny-button:hover:not(:disabled){background-color:var(--ui-bg-2);color:#fff;border-color:#555}.approve-button:disabled,.deny-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.security-note{text-align:center;padding:1rem;background-color:#4caf501a;border-radius:var(--main-border-radius);border:1px solid rgba(76,175,80,.2)}.security-note small{color:#bbb;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}@media (max-width: 600px){.extension-token-modal{width:95%;margin:1rem}.modal-header,.modal-content{padding:1rem}.modal-actions{flex-direction:column}.approve-button,.deny-button{width:100%}}.approve-button:disabled{position:relative;overflow:hidden}.approve-button:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}