body{margin:0;padding:0}#root{min-height:100vh}.alert-modal-overlay{align-items:center;animation:fadeInOverlay .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.alert-modal{animation:modalSlideIn .35s cubic-bezier(.34,1.56,.64,1);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px #00000080;max-width:450px;overflow:hidden;padding:0;position:relative;width:90%}.alert-modal:before{background:linear-gradient(90deg,#0000 0,var(--primary-color) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.alert-modal-header{align-items:center;background:linear-gradient(180deg,#ffffff08,#0000);border-bottom:1px solid var(--border-color);display:flex;gap:14px;padding:28px 28px 20px}.alert-modal-icon{filter:drop-shadow(0 2px 8px currentColor);flex-shrink:0;font-size:2rem}.alert-modal-title{color:var(--text-primary);flex:1 1;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:none}.alert-modal-body{padding:28px}.alert-modal-message{color:var(--text-secondary);font-size:1.05rem;font-weight:400;line-height:1.7;margin:0}.alert-modal-footer{display:flex;justify-content:center;padding:20px 28px 28px}.alert-modal-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.02em;min-width:140px;overflow:hidden;padding:14px 40px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.alert-modal-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.alert-modal-btn:hover:before{left:100%}.alert-btn-error{background:linear-gradient(135deg,var(--color-error),#dc2626);box-shadow:0 4px 16px #ef444466}.alert-btn-error:hover{box-shadow:0 8px 24px #ef444480;transform:translateY(-2px) scale(1.02)}.alert-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706 50%,#b45309);box-shadow:0 4px 16px #f59e0b66,0 2px 8px #d977064d,inset 0 1px 0 #ffffff1a}.alert-btn-warning:hover{box-shadow:0 8px 24px #f59e0b80,0 4px 12px #d9770666,inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.02)}.alert-btn-success{background:linear-gradient(135deg,#10b981,#059669 50%,#047857);box-shadow:0 4px 16px #10b98166,0 2px 8px #0596694d,inset 0 1px 0 #ffffff1a}.alert-btn-success:hover{box-shadow:0 8px 24px #10b98180,0 4px 12px #05966966,inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.02)}.alert-btn-info{background:linear-gradient(135deg,var(--primary-color),var(--color-accent));box-shadow:0 4px 16px #06b6d44d}.alert-btn-info:hover{box-shadow:0 8px 24px #06b6d466;transform:translateY(-2px) scale(1.02)}.alert-modal-btn:active{transform:translateY(0) scale(.98)}.alert-modal-btn:focus{box-shadow:0 0 0 3px #06b6d44d;outline:none}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.alert-modal{border-radius:16px;max-width:none;width:95%}.alert-modal-header{padding:24px 24px 16px}.alert-modal-title{font-size:1.25rem}.alert-modal-body{padding:24px}.alert-modal-message{font-size:1rem}.alert-modal-footer{padding:16px 24px 24px}.alert-modal-btn{padding:12px 32px;width:100%}}:root[data-theme=fire] .alert-btn-info{background:linear-gradient(135deg,#e45f3a,#f97316);box-shadow:0 4px 16px #e45f3a4d}:root[data-theme=fire] .alert-btn-info:hover{box-shadow:0 8px 24px #e45f3a66}:root[data-theme=fire] .alert-modal-btn:focus{box-shadow:0 0 0 3px #e45f3a4d}.db-initializer-overlay{align-items:center;background:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.db-initializer-content{max-width:500px;padding:3rem;text-align:center}.db-initializer-spinner{animation:spin 1s linear infinite;font-size:4rem;margin-bottom:1.5rem}.db-initializer-content h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.db-initializer-note{color:var(--text-secondary);font-size:1rem;margin-top:1rem}.db-initializer-content.error{background:var(--card-bg);border:2px solid var(--danger-color);border-radius:16px}.db-initializer-icon{font-size:4rem;margin-bottom:1.5rem}.error-message{background:#dc26261a;border-radius:8px;color:var(--danger-color);font-size:1rem;margin:1rem 0 2rem;padding:1rem}.retry-btn{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.retry-btn:hover{background:#3182ce;transform:translateY(-2px)}.login-container{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-box{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:3rem;position:relative;width:100%;z-index:10}.login-header{margin-bottom:2rem;text-align:center}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.app-subtitle{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500}.login-content{margin-top:2rem}.welcome-text{margin-bottom:2rem}.welcome-text h2{color:var(--color-text-primary);font-size:1.75rem;margin-bottom:.5rem}.welcome-text p{color:var(--color-text-secondary);font-size:1rem}.service-selector{display:flex;gap:1rem;margin-bottom:2rem}.service-option{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s ease}.service-option:hover{border-color:var(--color-primary);transform:translateY(-2px)}.service-option.active{background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.service-icon{font-size:2rem}.service-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.login-source-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem}.source-tab{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.source-tab:hover{border-color:var(--color-primary);transform:translateY(-2px)}.source-tab.active{background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.login-form{margin-bottom:2rem}.input-wrapper{margin-bottom:1.5rem}.input-wrapper label{color:var(--color-text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.input-wrapper input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);font-size:1rem;padding:1rem;transition:all .2s ease;width:100%}.input-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.input-wrapper input.error{border-color:var(--color-error)}.input-wrapper input:disabled{cursor:not-allowed;opacity:.6}.error-message{color:var(--color-error);font-size:.875rem;margin-top:.5rem}.login-button{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{margin-top:1.5rem;text-align:center}.pin-instructions{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.pin-instructions p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.pin-instructions p:last-child{margin-bottom:0}.back-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;padding:.5rem;transition:color .2s ease}.back-link:hover{color:var(--color-primary)}.help-text{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1rem}.help-text a{color:var(--color-primary);font-weight:500;text-decoration:none}.help-text a:hover{text-decoration:underline}.privacy-note{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:.5rem;justify-content:center}.login-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#3b82f6,#06b6d4);height:400px;left:-200px;top:-200px;width:400px}.orb-2{animation-delay:-7s;background:linear-gradient(135deg,#a855f7,#ec4899);bottom:-150px;height:350px;right:-150px;width:350px}.orb-3{animation-delay:-14s;background:linear-gradient(135deg,#10b981,#3b82f6);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}:root[data-theme=cosmic] .login-box,:root[data-theme=fire] .login-box,:root[data-theme=midnight] .login-box{box-shadow:0 20px 60px #0009}@media (max-width:768px){.login-box{padding:2rem}.app-title{font-size:2.5rem}.welcome-text h2{font-size:1.5rem}.gradient-orb{filter:blur(60px)}.orb-1{height:300px;width:300px}.orb-2{height:250px;width:250px}.orb-3{height:200px;width:200px}}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes skeletonFadeIn{0%{opacity:0}to{opacity:1}}.skeleton-pulse{animation:skeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,var(--color-card-bg) 25%,var(--color-card-hover) 50%,var(--color-card-bg) 75%);background-size:800px 100%;border-radius:6px}.skeleton-text{border-radius:4px;height:14px;margin-bottom:8px}.skeleton-text.title{height:20px;margin-bottom:12px;width:60%}.skeleton-text.subtitle{height:14px;width:40%}.skeleton-text.short{width:30%}.skeleton-text.medium{width:55%}.skeleton-text.long{width:80%}.skeleton-text.full{width:100%}.skeleton-rect{border-radius:8px}.skeleton-circle{border-radius:50%}.skeleton-container{margin:0 auto;max-width:1600px;padding:2rem}.skeleton-dashboard-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.skeleton-tip{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;display:flex;flex:1 1;gap:.75rem;max-width:500px;padding:.75rem 1rem}.skeleton-header-right{text-align:right}.skeleton-search-sort{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.skeleton-search-input{border-radius:10px;flex:1 1;height:44px}.skeleton-sort-control{border-radius:10px;height:44px;width:160px}.skeleton-sort-btn{border-radius:10px;height:44px;width:44px}.skeleton-status-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.skeleton-tab-pill{border-radius:20px;flex:0 0 auto;height:38px}.skeleton-card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.skeleton-card-cover{border-radius:0;height:180px;width:100%}.skeleton-card-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.skeleton-card-stats{align-items:center;display:flex;gap:.75rem}.skeleton-card-time{display:flex;gap:.5rem;margin-top:.25rem}.skeleton-time-block{border-radius:6px;flex:1 1;height:40px}.skeleton-group-row{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem}.skeleton-group-cover{border-radius:8px;flex-shrink:0;height:85px;width:60px}.skeleton-group-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.skeleton-group-stats-row{display:flex;gap:.75rem}.skeleton-group-time-row{display:flex;gap:.5rem}.skeleton-ranked-card{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem}.skeleton-rank{border-radius:50%;flex-shrink:0;height:36px;width:36px}.skeleton-ranked-cover{border-radius:8px;flex-shrink:0;height:100px;width:70px}.skeleton-ranked-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.skeleton-stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:2rem}.skeleton-summary-card{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:.75rem;padding:1.25rem}.skeleton-summary-icon{border-radius:10px;flex-shrink:0;height:40px;width:40px}.skeleton-summary-data{display:flex;flex:1 1;flex-direction:column;gap:.4rem}.skeleton-stat-row{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem}.skeleton-stat-identity{align-items:center;display:flex;flex-shrink:0;gap:.75rem;width:180px}.skeleton-stat-time-grid{display:flex;flex:1 1;gap:.75rem}.skeleton-stat-time-cell{border-radius:8px;flex:1 1;height:44px}.skeleton-related-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem}.skeleton-related-tab-btn{border-radius:10px;flex:1 1;height:42px;max-width:280px}.skeleton-compare-input-area{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.skeleton-compare-input{border-radius:10px;flex:1 1;height:48px}.skeleton-compare-btn{border-radius:10px;height:48px;width:120px}.skeleton-saved-row{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem}.skeleton-header-buttons{display:flex;gap:.5rem;margin-top:.75rem}.skeleton-btn{border-radius:8px;height:36px}@media (max-width:768px){.skeleton-container{padding:1rem}.skeleton-card-grid{grid-template-columns:1fr}.skeleton-stats-summary{grid-template-columns:repeat(2,1fr)}.skeleton-dashboard-header{flex-direction:column}.skeleton-tip{max-width:100%}.skeleton-stat-row{align-items:flex-start;flex-direction:column}.skeleton-stat-identity,.skeleton-stat-time-grid{width:100%}}@media (max-width:480px){.skeleton-stats-summary{grid-template-columns:1fr}.skeleton-search-sort{flex-direction:column}.skeleton-sort-control{width:100%}}.skeleton-content-ready{animation:skeletonFadeIn .3s ease-out}.status-button-wrapper{display:inline-block;position:relative}.status-button{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;min-width:140px;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.status-button:hover{border-color:var(--primary-color);box-shadow:0 2px 10px #06b6d433;transform:translateY(-1px)}.status-button:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #06b6d41a;outline:none}.status-button.loading{animation:pulse-loading 1.5s ease-in-out infinite;cursor:wait;opacity:.6}.status-button:disabled{cursor:not-allowed;opacity:.5}.status-button-emoji{font-size:1rem}.status-button-label{flex:1 1}.status-button-arrow{font-size:.7rem;margin-left:.25rem;opacity:.7}.status-dropdown{animation:dropdown-appear .2s ease;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;bottom:calc(100% + .5rem);box-shadow:0 8px 24px #00000026;left:0;overflow:hidden;position:absolute;right:0;z-index:1000}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-option{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.75rem;padding:.5rem .8rem;text-align:left;transition:all .2s ease;width:100%}.status-option:hover{background:#06b6d426;border-left-color:var(--primary-color);transform:translateX(4px)}.status-option.active{background:#06b6d433;border-left-color:var(--primary-color);border-left-width:4px;font-weight:600}.status-option-emoji{font-size:1.1rem}.status-option-label{flex:1 1}.status-option-check{color:var(--primary-color);font-size:1rem;font-weight:700}.status-button.loading .status-button-arrow{animation:spin 1s linear infinite}.site-links-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.site-links-modal{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:520px;overflow:hidden;padding:0;width:90%}.site-links-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.site-links-modal .modal-title{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0;overflow:hidden;padding-right:12px;text-overflow:ellipsis;white-space:nowrap}.modal-close-btn{background:none;border-radius:6px;color:var(--text-secondary);flex-shrink:0;padding:4px 8px}.modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.site-links-modal .modal-hint{color:var(--text-secondary);font-size:.78rem;margin:0;opacity:.7;padding:0 24px}.site-links-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.no-links-message{color:var(--text-secondary);font-size:1rem;margin:0;padding:32px 16px;text-align:center}.site-links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.site-link-btn{align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:500;gap:8px;padding:20px 16px;transition:all .2s ease}.site-link-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.site-link-btn:active{transform:translateY(0)}.site-link-icon{font-size:1.8rem}.site-link-name{text-align:center;word-break:break-word}.site-links-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary)}.site-links-modal .modal-header{border-bottom-color:var(--border-color)}.site-link-btn{background:var(--bg-primary);border-color:var(--border-color)}.site-link-btn:hover{background:var(--bg-hover)}@media (max-width:768px){.site-links-modal{max-width:none;width:95%}.site-links-modal .modal-title{font-size:1.1rem}.site-links-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.site-link-btn{padding:16px 12px}}@media (max-width:480px){.site-links-grid{grid-template-columns:1fr}.site-link-btn{flex-direction:row;justify-content:flex-start;padding:16px}.site-link-icon{font-size:1.5rem}}.overview-container{margin:0 auto;max-width:1400px;padding:2rem}.overview-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;min-height:80px;position:relative}.overview-header-content{text-align:center}.overview-header-content h1{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,var(--primary-color) 0,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.overview-header-content p{color:var(--text-secondary);font-size:1.1rem;margin:0}.tip-compact{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0f;border-left:3px solid var(--primary-color);border-radius:8px;display:flex;gap:.6rem;left:0;max-width:300px;min-width:260px;padding:.8rem 1rem;position:absolute;top:50%;transform:translateY(-50%)}.tip-compact .tip-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px}.tip-content{display:flex;flex-direction:column;gap:.2rem}.tip-compact .tip-label{color:var(--primary-color);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tip-compact .tip-text{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.overview-container .sort-select{appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' 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:16px;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem 2.5rem 1rem 1.5rem;transition:all .3s ease}.overview-container .sort-select:hover{border-color:#fff;box-shadow:0 0 10px #ffffff26;transform:translateY(-2px)}.overview-container .sort-select:focus{border-color:#fff;box-shadow:0 0 10px #ffffff26;outline:none}.overview-container .sort-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem 1rem}.overview-container .sort-direction-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 10px #06b6d426;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.overview-container .sort-direction-btn:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 0 10px #ffffff26;color:#fff;transform:translateY(-2px)}.status-tabs{flex-wrap:wrap;gap:.5rem}.status-tabs .tab{flex-shrink:0;font-size:.95rem;padding:.75rem 1.25rem}.status-tabs .tab.active{transform:translateY(-2px) scale(1.02)}.status-tabs .tab-count{font-size:.8rem;min-width:20px;padding:.2rem .5rem}.overview-groups-grid{grid-gap:1.5rem;animation:slideUp .6s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.overview-group-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.overview-group-card:before{background:linear-gradient(180deg,var(--primary-color),var(--color-accent));content:"";height:100%;left:0;opacity:0;position:absolute;right:auto;top:0;transition:opacity .3s;width:4px}.overview-group-card:hover:before{opacity:1}.overview-group-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #06b6d433;transform:translateY(-4px)}.overview-cover{background:var(--bg-primary);flex-shrink:0;height:100%;max-width:200px;min-height:285px;min-width:200px;object-fit:cover;transition:transform .3s;width:200px}.overview-group-card:hover .overview-cover{transform:scale(1.05)}.overview-group-info{align-self:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.25rem}.overview-group-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem;transition:color .3s}.overview-group-card:hover .overview-group-name{color:var(--primary-color)}.overview-stats{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-bottom:1rem}.overview-stats span{align-items:center;display:inline-flex}.stat-score{background:#fbbf241f!important;border:1px solid #fbbf2433;color:#fbbf24}.overview-time-stats{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.time-stat{background:var(--bg-primary)}.time-label{color:var(--text-secondary)}.time-value{color:var(--text-primary);font-size:.9rem}.overview-summary{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:.95rem;margin-top:2.5rem;padding:1.5rem;text-align:center}@media (max-width:768px){.overview-container{padding:1rem}.overview-header h1{font-size:2rem}.search-sort-container{flex-direction:column}.sort-controls{justify-content:space-between;width:100%}.sort-select{flex:1 1}.overview-groups-grid{grid-template-columns:1fr}.status-tabs{justify-content:flex-start}}.group-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.group-modal-content{animation:slideIn .3s ease;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:16px;box-shadow:0 20px 60px #06b6d44d,0 0 40px #06b6d41a;box-shadow:0 20px 60px rgba(var(--primary-color-rgb,6,182,212),.3),0 0 40px rgba(var(--primary-color-rgb,6,182,212),.1);max-height:90vh;max-width:1200px;overflow-y:auto;padding:30px;position:relative;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:32px;height:42px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:42px;z-index:10}.close-btn:hover{background:#fff3;transform:scale(1.1)}.group-card-modal{margin-top:20px}.modal-group-header{align-items:center;background:rgba(var(--primary-color-rgb),.1);border-radius:12px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.modal-group-cover{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px #0000004d;height:100%;min-height:171px;object-fit:cover;width:120px}.modal-group-info{flex:1 1}.modal-group-name{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0 0 12px}.modal-group-stats{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.95rem;gap:12px}.modal-group-stats span{white-space:nowrap}.modal-anime-list{display:flex;flex-direction:column;gap:16px}.modal-anime-item{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:16px;overflow:visible;padding:16px;position:relative;transition:all .2s ease}.modal-anime-item:hover{background:#ffffff0d;transform:translateX(4px)}.modal-anime-item .anime-index{color:var(--text-secondary);font-size:1.2rem;font-weight:700;min-width:40px;text-align:center}.modal-anime-item .anime-cover{border-radius:8px;box-shadow:0 2px 8px #0000004d;height:100%!important;max-width:120px!important;min-height:171px!important;min-width:120px!important;object-fit:cover;width:120px!important}.modal-anime-item .anime-details{flex:1 1}.modal-anime-item .anime-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.modal-anime-item .anime-action-buttons{align-items:center;display:flex;flex-shrink:0;gap:8px}.episode-counter{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;display:inline-flex;flex-shrink:0;gap:0;overflow:hidden}.ep-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:28px}.ep-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.ep-btn:disabled{cursor:not-allowed;opacity:.3}.ep-btn.ep-dec{border-right:1px solid #ffffff14}.ep-btn.ep-inc{border-left:1px solid #ffffff14}.ep-input{appearance:textfield;-moz-appearance:textfield;background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:.85rem;font-weight:600;outline:none;padding:4px 0;text-align:center;width:36px}.ep-input::-webkit-inner-spin-button,.ep-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ep-input:focus{background:#06b6d41f;color:#fff}.ep-input.updating{animation:epPulse 1s ease-in-out infinite;opacity:.5}@keyframes epPulse{0%,to{opacity:.5}50%{opacity:.8}}.score-input{align-items:center;display:inline-flex;flex-shrink:0}.score-label{font-size:.85rem;margin-right:3px;-webkit-user-select:none;user-select:none}.score-field{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:0;color:#fbbf24;font-family:inherit;font-size:.8rem;font-weight:700;height:28px;outline:none;padding:2px;text-align:center;transition:all .15s ease;width:40px}.score-field:focus{background:#fbbf2414;border-color:#fbbf2480;box-shadow:0 0 0 2px #fbbf2426}.score-field.updating{animation:epPulse 1s ease-in-out infinite;opacity:.5}.score-field::placeholder{color:var(--text-secondary);opacity:.6}.modal-anime-item .action-btn{background:#ffffff1a;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:6px 12px;transition:all .2s ease}.modal-anime-item .action-btn:hover{background:#fff3;transform:scale(1.05)}.modal-anime-item .anime-title{flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.modal-anime-item .anime-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.modal-anime-item .anime-title a:hover{color:var(--primary-color)}.modal-anime-item .anime-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px}.modal-anime-item .anime-meta span{align-items:center;border-radius:16px;display:inline-flex;font-weight:600;gap:.25rem;padding:.35rem .7rem;transition:all .2s ease;white-space:nowrap}.modal-anime-item .anime-meta span:hover{transform:translateY(-2px)}.modal-anime-item .anime-meta span:first-child{background:#9333ea1f;border:1px solid #9333ea33;color:#a855f7}.modal-anime-item .anime-meta span:nth-child(2){background:#3b82f61f;border:1px solid #3b82f633;color:#3b82f6}.modal-anime-item .anime-meta span:nth-child(3){background:#ec48991f;border:1px solid #ec489933;color:#ec4899}.modal-anime-item .anime-meta span:nth-child(4){background:#fbbf241f;border:1px solid #fbbf2433;color:#fbbf24}.modal-anime-item .anime-meta span:nth-child(5){background:#06b6d41f;border:1px solid #06b6d433;color:#06b6d4}.modal-anime-item .anime-meta span:nth-child(6){background:#22c55e1f;border:1px solid #22c55e33;color:#22c55e}.modal-anime-item .anime-meta span:nth-child(7){background:#f973161f;border:1px solid #f9731633;color:#f97316}@media (max-width:768px){.group-modal-content{margin:10px;max-height:95vh;padding:16px}.modal-group-header{flex-direction:column;text-align:center}.modal-group-cover{height:142px;width:100px}.modal-group-name{font-size:1.4rem}.modal-anime-item{flex-direction:column;text-align:center}.modal-anime-item .anime-index{min-width:auto}}.overview-group-card.dropdown-open{overflow:visible!important;z-index:10}.media-status-badge{font-size:.75rem!important;font-weight:700!important;letter-spacing:.02em;text-transform:uppercase}.media-status-badge.status-airing{background:#10b98126!important;border:1px solid #10b9814d!important;color:#10b981!important}.media-status-badge.status-finished{background:#3b82f626!important;border:1px solid #3b82f64d!important;color:#3b82f6!important}.media-status-badge.status-upcoming{background:#f9731626!important;border:1px solid #f973164d!important;color:#f97316!important}.media-status-badge.status-cancelled{background:#ef444426!important;border:1px solid #ef44444d!important;color:#ef4444!important}.media-status-badge.status-hiatus{background:#9ca3af26!important;border:1px solid #9ca3af4d!important;color:#9ca3af!important}.media-status-badge.status-unknown{background:#9ca3af1a!important;border:1px solid #9ca3af33!important;color:#9ca3af!important}.group-releasing-tag{align-items:center;animation:releasingGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#10b9812e,#34d3991f);border:1px solid #10b98166;border-radius:20px;box-shadow:0 0 6px #10b98126;color:#34d399;display:inline-flex;font-size:.7rem;font-weight:700;gap:2px;letter-spacing:.05em;margin-bottom:2px;margin-top:4px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}@keyframes releasingGlow{0%,to{border-color:#10b98166;box-shadow:0 0 6px #10b98126}50%{border-color:#10b98199;box-shadow:0 0 12px #10b9814d}}:root[data-theme=fire] .overview-group-card:hover{box-shadow:0 12px 40px #e45f3a33}:root[data-theme=fire] .overview-container .sort-direction-btn{box-shadow:0 0 10px #e45f3a26}:root[data-theme=fire] .group-modal-content{box-shadow:0 20px 60px #e45f3a4d,0 0 40px #e45f3a1a}:root[data-theme=fire] .ep-input:focus{background:#e45f3a1f}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0006;max-width:480px;overflow:hidden;padding:0;width:90%}.modal-header{border-bottom:1px solid var(--border-color);padding:24px 24px 16px}.modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.modal-body{padding:24px}.modal-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:100px;padding:10px 24px;transition:all .2s ease}.cancel-btn{background:var(--secondary-bg);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--hover-bg);transform:translateY(-1px)}.confirm-btn{background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 4px 12px #06b6d44d}.confirm-btn:hover{box-shadow:0 6px 20px #06b6d466;transform:translateY(-2px)}.confirm-btn:active{transform:translateY(0)}.confirmation-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary)}.confirmation-modal .modal-header{border-bottom-color:var(--border-color)}.confirmation-modal .cancel-btn{background:var(--bg-primary);border-color:var(--border-color)}.confirmation-modal .cancel-btn:hover{background:var(--bg-hover)}@media (max-width:768px){.confirmation-modal{max-width:none;width:95%}.modal-title{font-size:1.25rem}.modal-footer{flex-direction:column-reverse}.modal-btn{width:100%}}:root[data-theme=fire] .confirm-btn{background:linear-gradient(135deg,#e45f3a,#f97316);box-shadow:0 4px 12px #e45f3a4d}:root[data-theme=fire] .confirm-btn:hover{box-shadow:0 6px 20px #e45f3a66}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.bulk-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;min-width:500px;padding:2rem}.bulk-modal h2{color:var(--text-primary);margin:0 0 .5rem}.group-name{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.mode-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.mode-btn{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s ease}.mode-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--color-accent));color:#fff}.mode-btn.active,.mode-btn:hover:not(.active){border-color:var(--primary-color)}.status-selector{margin-bottom:1.5rem}.convert-selector label,.status-selector label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.convert-selector select,.status-selector select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.convert-selector select:focus,.status-selector select:focus{border-color:var(--primary-color);outline:none}.convert-selector{align-items:flex-end;display:flex;gap:1rem;margin-bottom:1.5rem}.convert-selector>div{flex:1 1}.convert-selector .arrow{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.affected-count{background:#06b6d41a;border:2px solid var(--primary-color);border-radius:12px;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.affected-count.warning{background:#ff98001a;border-color:#ff9800;color:#ff9800}.cancel-btn,.confirm-btn{border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem;transition:all .3s ease}.cancel-btn{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary)}.confirm-btn{background:linear-gradient(135deg,var(--primary-color),var(--color-accent));border:2px solid var(--primary-color);color:#fff}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-2px)}.confirm-btn:hover:not(:disabled){box-shadow:0 6px 20px #06b6d44d;transform:translateY(-2px)}.groups-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1400px;padding:2rem}.groups-header{margin-bottom:3rem;position:relative;text-align:center}.groups-header h1{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,var(--primary-color) 0,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(10deg)}}.groups-header p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 1.5rem}.force-rebuild-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--color-accent) 100%);border:none;border-radius:25px;box-shadow:0 4px 15px #06b6d44d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.force-rebuild-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.force-rebuild-btn:hover:before{height:300px;width:300px}.force-rebuild-btn:hover{box-shadow:0 8px 25px #06b6d480;transform:translateY(-3px) scale(1.05)}.force-rebuild-btn:active{transform:translateY(-1px) scale(1.02)}.search-bar{margin-bottom:2rem;position:relative}.search-bar input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50px;box-shadow:0 2px 10px #0000000d;color:var(--text-primary);font-size:1rem;padding:1rem 1.5rem 1rem 3rem;transition:all .3s ease;width:100%}.search-bar input::placeholder{color:var(--text-secondary);opacity:.7}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 4px 20px #3b82f633,0 0 0 4px #3b82f61a;outline:none;transform:translateY(-2px)}.search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50px;box-shadow:0 2px 10px #0000000d;color:var(--text-primary);flex:1 1;font-size:1rem;min-width:0;padding:1rem 1.5rem 1rem 3rem;transition:all .3s ease}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-input:focus{border-color:var(--primary-color);box-shadow:0 4px 20px #3b82f633,0 0 0 4px #3b82f61a;outline:none;transform:translateY(-2px)}.status-tabs{display:flex;gap:.75rem;margin-bottom:2.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.status-tabs::-webkit-scrollbar{height:6px}.status-tabs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.status-tabs::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.status-tabs .tab{align-items:center;background:var(--bg-secondary);border:2px solid #0000;border-radius:50px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.status-tabs .tab:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.status-tabs .tab:hover:before{left:100%}.status-tabs .tab:hover{background:var(--bg-hover);border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;color:var(--text-primary);transform:translateY(-2px)}.status-tabs .tab.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--color-accent) 100%);border-color:var(--primary-color);box-shadow:0 6px 20px #06b6d466;color:#fff;transform:translateY(-2px) scale(1.05)}.status-tabs .tab-count{background:#ffffff40;border-radius:20px;font-size:.85rem;font-weight:700;min-width:24px;padding:.3rem .65rem;text-align:center}.status-tabs .tab.active .tab-count{animation:pulse 2s ease infinite;background:#ffffff59}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.groups-list{grid-gap:1.5rem;animation:slideUp .6s ease;display:grid;gap:1.5rem}.group-card{background:linear-gradient(145deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.groups-container .group-card{display:flex;flex-direction:column}.group-card:before{background:linear-gradient(90deg,var(--primary-color),var(--color-accent));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.group-card:hover:before{opacity:1}.group-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #06b6d433,0 0 0 1px #06b6d41a}.group-card.expanded{border-color:var(--primary-color);box-shadow:0 12px 40px #06b6d440}.group-card.expanded:before{opacity:1}.group-header{align-items:center;background:linear-gradient(135deg,#06b6d408,#0000);cursor:pointer;display:flex;gap:1.25rem;justify-content:space-between;padding:1.75rem;position:relative;-webkit-user-select:none;user-select:none}.group-cover{border-radius:10px;box-shadow:0 8px 24px #0003;flex-shrink:0;height:100px;object-fit:cover;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:70px}.group-cover:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:50%}.group-card:hover .group-cover{box-shadow:0 12px 32px #0000004d;transform:scale(1.08) rotate(2deg)}.group-card:hover .group-cover:after{left:150%}.group-info{flex:1 1;min-width:0}.group-name{font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 .75rem;transition:color .3s}.group-card:hover .group-name{color:var(--primary-color)}.group-stats{color:var(--text-secondary);flex-wrap:wrap;font-size:.875rem;gap:.5rem}.group-stats,.group-stats span{align-items:center;display:flex}.group-stats span{background:#06b6d41a;border-radius:20px;font-weight:600;gap:.3rem;padding:.4rem .8rem;transition:all .3s}.stat-anime-count{background:#9333ea1f!important;border:1px solid #9333ea33;color:#a855f7}.stat-episodes{background:#3b82f61f!important;border:1px solid #3b82f633;color:#3b82f6}.stat-total-time{background:#06b6d41f!important;border:1px solid #06b6d44d;color:#06b6d4;font-weight:700}.stat-watched-time{background:#22c55e1f!important;border:1px solid #22c55e4d;color:#22c55e;font-weight:700}.stat-remaining-time{background:#f973161f!important;border:1px solid #f973164d;color:#f97316;font-weight:700}.stat-recommendation{animation:pulseGlow 2s ease infinite;background:linear-gradient(135deg,#ef444426,#f9731626)!important;border:1px solid #ef44444d;color:#ef4444;font-weight:700}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #ef44444d;transform:scale(1)}50%{box-shadow:0 0 15px #ef444480;transform:scale(1.05)}}.group-stats span:hover{transform:translateY(-2px)}.expand-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--color-accent) 100%);border:none;box-shadow:0 4px 12px #06b6d44d;color:#fff;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.expand-btn:hover{box-shadow:0 6px 20px #06b6d480;transform:scale(1.15) rotate(90deg)}.group-card.expanded .expand-btn{background:linear-gradient(135deg,var(--color-accent) 0,var(--primary-color) 100%);transform:rotate(180deg)}.group-content{animation:expandDown .4s ease;background:#0000;border-top:2px solid #06b6d41a;overflow:visible;padding:1.5rem}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.anime-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.anime-item{background:#ffffff08;border:2px solid #0000;border-radius:16px;display:flex;flex-direction:column;overflow:visible;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.anime-item:hover{background:#ffffff0f;border-color:var(--primary-color);box-shadow:0 8px 24px #06b6d426;transform:translateY(-4px)}.anime-cover-wrapper{margin-bottom:.75rem;position:relative;width:100%}.anime-index{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--color-accent) 100%);border:2px solid #fff6;border-radius:50%;box-shadow:0 2px 10px #00000080;color:#fff;display:flex;font-size:1rem;font-weight:800;height:2.5rem;justify-content:center;left:8px;position:absolute;top:8px;width:2.5rem;z-index:2}.anime-cover{aspect-ratio:85/120;border-radius:10px;box-shadow:0 4px 16px #0000004d;display:block;height:auto!important;max-width:none!important;min-width:0!important;min-width:auto!important;object-fit:cover;transition:all .3s;width:100%!important}.anime-item:hover .anime-cover{box-shadow:0 8px 28px #00000059;transform:scale(1.03)}.anime-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.anime-title{font-size:1.05rem;margin:0}.anime-meta span:first-child{background:#9333ea1f;border:1px solid #9333ea33;color:#a855f7}.anime-meta span:nth-child(2){background:#3b82f61f;border:1px solid #3b82f633;color:#3b82f6}.anime-meta span:nth-child(3){background:#ec48991f;border:1px solid #ec489933;color:#ec4899}.anime-meta span:nth-child(4){background:#fbbf241f;border:1px solid #fbbf2433;color:#fbbf24}.anime-meta span:nth-child(5){background:#06b6d41f;border:1px solid #06b6d433;color:#06b6d4}.anime-meta span:nth-child(6){background:#22c55e1f;border:1px solid #22c55e33;color:#22c55e}.anime-meta span:nth-child(7){background:#f973161f;border:1px solid #f9731633;color:#f97316}.status-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;margin-top:.25rem;padding:.4rem .9rem;transition:all .3s;white-space:nowrap;width:fit-content}.status-badge:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.loading-state{padding:5rem 2rem}.loader{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border-bottom:5px solid var(--border-color);border-left:5px solid var(--border-color);border-right-color:var(--border-color);border-right:5px solid var(--color-accent);border-top-color:var(--border-color);border-top:5px solid var(--primary-color);height:70px;margin:0 auto 2rem;width:70px}.loading-state h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.progress-bar{background:var(--border-color);border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;height:10px;margin:1.5rem auto;max-width:450px;overflow:hidden;width:100%}.progress-fill{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--primary-color),var(--color-accent));box-shadow:0 0 10px #06b6d480;height:100%;transition:width .3s ease}@keyframes shimmer{0%{background-position:-450px 0}to{background-position:450px 0}}.empty-state{padding:5rem 2rem}.empty-icon{animation:float 3s ease-in-out infinite;margin-bottom:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-state h3{font-size:1.5rem;margin-bottom:.75rem}.empty-state p{font-size:1.05rem;margin:.3rem 0}.groups-summary{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:.95rem;margin-top:2.5rem;padding:1.5rem;text-align:center}@media (max-width:768px){.groups-container{padding:1rem}.groups-header h1{font-size:2rem}.status-tabs{justify-content:flex-start}.group-header{flex-wrap:wrap}.group-cover{height:100px;width:70px}.anime-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.anime-grid{grid-template-columns:1fr}}.search-sort-container{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.search-bar{flex:1 1;min-width:0}.sort-controls{align-items:center;display:flex;flex-shrink:0;gap:.5rem;width:340px}.groups-container .sort-select{appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' 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:16px;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;min-width:0;padding:1rem 2.5rem 1rem 1.5rem;transition:all .3s ease}.groups-container .sort-select:hover{border-color:#fff;box-shadow:0 0 10px #ffffff26;transform:translateY(-2px)}.groups-container .sort-select:focus{border-color:#fff;box-shadow:0 0 10px #ffffff26;outline:none}.groups-container .sort-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem 1rem}.groups-container .sort-direction-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 10px #06b6d426;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;padding:0;transition:all .3s ease;width:48px}.groups-container .sort-direction-btn:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 0 10px #ffffff26;color:#fff;transform:translateY(-2px)}.groups-container .sort-direction-btn:active{box-shadow:0 0 10px #06b6d44d;transform:translateY(0)}@media (max-width:480px){.search-sort-container{flex-direction:column}}.anime-status-select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;min-width:140px;padding:.4rem .8rem;transition:all .3s ease;white-space:nowrap}.anime-status-select:hover{border-color:var(--primary-color);box-shadow:0 2px 10px #06b6d433;transform:translateY(-1px)}.anime-status-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #06b6d41a;outline:none}.anime-status-select.loading{animation:pulse-loading 1.5s ease-in-out infinite;cursor:wait;opacity:.6}@keyframes pulse-loading{0%,to{opacity:.6}50%{opacity:.3}}.anime-status-select:disabled{cursor:not-allowed;opacity:.5}.header-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.undo-redo-buttons{display:flex;gap:.5rem}.redo-btn,.undo-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.redo-btn:hover:not(:disabled),.undo-btn:hover:not(:disabled){border-color:var(--primary-color);box-shadow:0 4px 12px #06b6d433;transform:translateY(-2px)}.redo-btn:disabled,.undo-btn:disabled{cursor:not-allowed;opacity:.4}.bulk-status-btn{background:linear-gradient(135deg,#9333ea26,#a855f726);border:2px solid #9333ea4d;border-radius:20px;color:#a855f7;cursor:pointer;font-size:.85rem;font-weight:600;margin-right:.5rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.bulk-status-btn:hover{background:linear-gradient(135deg,#9333ea40,#a855f740);border-color:#9333ea80;box-shadow:0 4px 12px #9333ea4d;transform:translateY(-2px)}.bulk-progress-overlay{animation:slideInRight .3s ease;bottom:2rem;position:fixed;right:2rem;z-index:1500}.bulk-progress-card{background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:16px;box-shadow:0 12px 40px #0000004d;min-width:300px;padding:1.5rem}.bulk-progress-card h3{color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.bulk-progress-card p{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.bulk-progress-card .error-text{color:#ff9800;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.anime-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.action-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.watch-btn:hover{background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border-color:#3b82f6}:root[data-theme=fire] .group-card:hover{box-shadow:0 12px 40px #e45f3a33,0 0 0 1px #e45f3a1a}:root[data-theme=fire] .group-card.expanded{box-shadow:0 12px 40px #e45f3a40}:root[data-theme=fire] .status-tabs .tab.active{box-shadow:0 6px 20px #e45f3a66}:root[data-theme=fire] .expand-btn{box-shadow:0 4px 12px #e45f3a4d}:root[data-theme=fire] .expand-btn:hover{box-shadow:0 6px 20px #e45f3a80}:root[data-theme=fire] .group-content{border-top-color:#e45f3a1a}:root[data-theme=fire] .anime-item:hover{box-shadow:0 8px 24px #e45f3a26}:root[data-theme=fire] .search-input:focus{box-shadow:0 4px 20px #e45f3a33,0 0 0 4px #e45f3a1a}:root[data-theme=fire] .force-rebuild-btn{box-shadow:0 4px 15px #e45f3a4d}:root[data-theme=fire] .groups-container .sort-direction-btn{box-shadow:0 0 10px #e45f3a26}:root[data-theme=fire] .groups-container .sort-direction-btn:active{box-shadow:0 0 10px #e45f3a4d}:root[data-theme=fire] .anime-status-select:hover{box-shadow:0 2px 10px #e45f3a33}:root[data-theme=fire] .anime-status-select:focus{box-shadow:0 0 0 3px #e45f3a1a}:root[data-theme=fire] .redo-btn:hover:not(:disabled),:root[data-theme=fire] .undo-btn:hover:not(:disabled){box-shadow:0 4px 12px #e45f3a33}:root[data-theme=fire] .progress-fill{box-shadow:0 0 10px #e45f3a80}:root[data-theme=fire] .group-stats span{background:#e45f3a1a}:root[data-theme=fire] .stat-total-time{background:#f973161f!important;border-color:#f973164d;color:#f97316}:root[data-theme=fire] .watch-btn:hover{background:linear-gradient(135deg,#e45f3a1a,#f973161a);border-color:#e45f3a}.discover-header{align-items:center;display:flex;gap:2rem;justify-content:space-between}.header-content{flex:1 1;text-align:center}.discover-header h1{color:var(--text-primary);font-size:2rem;margin:0 0 .5rem}.discover-header p{color:var(--text-secondary);margin:0}.view-toggle-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.view-toggle-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.view-toggle-btn:active{transform:translateY(0)}.success-banner{animation:slideDown .3s ease;background:#4caf50;border-radius:8px;color:#fff;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.discover-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.discover-toolbar .search-bar{flex:1 1;min-width:250px}.discover-toolbar .search-bar input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.discover-toolbar .search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.discover-toolbar .search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:1rem;min-width:250px;padding:.75rem 1rem;transition:all .3s ease}.discover-toolbar .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-group select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.filter-group select:focus{border-color:var(--primary-color);outline:none}.filter-group button{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.filter-group button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.filter-group button:disabled{cursor:not-allowed;opacity:.6}.selection-bar{align-items:center;background:var(--primary-color);border-radius:8px;color:#fff;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.selection-actions{display:flex;gap:.75rem}.selection-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.selection-actions button:first-child{background:#fff3;color:#fff}.selection-actions button:first-child:hover{background:#ffffff4d}.add-selected-btn{background:#fff!important;color:var(--primary-color)!important}.add-selected-btn:hover{transform:scale(1.05)}.add-selected-btn:disabled{cursor:not-allowed;opacity:.6}.quick-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.quick-actions button{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.quick-actions button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.pending-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));margin-bottom:2rem}.pending-card{align-items:stretch;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;display:flex;flex-direction:row;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.pending-card:hover{background:#ffffff0d;border-color:var(--primary-color);box-shadow:0 8px 24px #06b6d433;transform:translateY(-4px)}.pending-card.selected{background:#3b82f61a;border-color:var(--primary-color)}.selection-checkbox{left:1rem;position:absolute;top:1rem;z-index:10}.selection-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.anime-cover-container{flex-shrink:0;margin-left:1.5rem}.anime-cover{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px #0000004d;flex-shrink:0;height:257px!important;max-width:180px!important;min-width:180px!important;object-fit:contain;width:180px!important}.anime-info{justify-content:space-between;min-width:0}.relation-badge{background:var(--primary-color);border-radius:16px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.anime-title a{color:inherit;display:inline-block;position:relative;text-decoration:none;transition:all .3s}.anime-title a:after{background:linear-gradient(90deg,var(--primary-color),var(--color-accent));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.anime-title a:hover{color:var(--primary-color)}.anime-title a:hover:after{width:100%}.related-to{font-size:.875rem;font-style:italic}.anime-meta,.related-to{color:var(--text-secondary)}.anime-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px}.anime-meta span{align-items:center;border-radius:16px;display:inline-flex;font-weight:600;gap:.25rem;padding:.35rem .7rem;transition:all .2s ease;white-space:nowrap}.anime-meta span:hover{transform:translateY(-2px)}.pending-card .anime-meta span:first-child{background:#9333ea1f;border:1px solid #9333ea33;color:#a855f7}.pending-card .anime-meta span:nth-child(3){background:#22c55e1f;border:1px solid #22c55e33;color:#22c55e}.pending-card .anime-meta span:nth-child(5){background:#eab3081f;border:1px solid #eab30833;color:#eab308}.pending-card .anime-meta span:nth-child(7){background:#3b82f61f;border:1px solid #3b82f633;color:#3b82f6}.pending-card .anime-meta span:nth-child(9){background:#06b6d41f;border:1px solid #06b6d433;color:#06b6d4}.anime-description,.pending-card .anime-meta span:nth-child(2),.pending-card .anime-meta span:nth-child(4),.pending-card .anime-meta span:nth-child(6),.pending-card .anime-meta span:nth-child(8){display:none}.anime-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.anime-actions{align-items:center;flex-shrink:0;gap:8px}.anime-actions .add-btn,.anime-actions .remove-btn{background:#ffffff1a;border:none;border-radius:6px;color:inherit;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.anime-actions .add-btn{background:var(--primary-color);color:#fff}.anime-actions .add-btn:hover{background:#3b82f6cc;transform:scale(1.05)}.anime-actions .remove-btn:hover{background:#f4433633;color:#f44336}.anime-actions .add-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-state{padding:4rem 2rem;text-align:center}.loader{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:60px;margin:0 auto 1.5rem;width:60px}.empty-state{color:var(--text-secondary)}.empty-icon{font-size:4rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{margin:.25rem 0}.discover-summary{color:var(--text-secondary);font-size:.875rem;margin-top:2rem;padding:1rem;text-align:center}.clickable-title{cursor:pointer;position:relative;transition:all .2s ease}.clickable-title:hover{color:var(--primary-color);transform:translateX(3px)}.clickable-title:after{content:"";font-size:.8em;margin-left:.5rem;opacity:0;transition:opacity .2s ease}.clickable-title:hover:after{opacity:.7}.anime-actions{display:flex;gap:.5rem;margin-top:1rem}.remove-btn{align-self:flex-start;background:#ff6b6b;border:none;border-radius:6px;color:#fff;font-weight:500;padding:.5rem 1.25rem}.remove-btn:hover{background:#ff5252;box-shadow:0 4px 8px #ff6b6b4d;transform:translateY(-2px)}@media (max-width:1200px){.pending-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.discover-container{padding:1rem}.discover-header{flex-direction:column;text-align:center}.view-toggle-btn{width:100%}.discover-toolbar{align-items:stretch;flex-direction:column}.filter-group{width:100%}.pending-list{grid-template-columns:1fr}.pending-card{flex-direction:column}.anime-cover-container{margin-left:0}.anime-cover{height:143px;min-width:100px;width:100px}.selection-bar{flex-direction:column;gap:1rem}.selection-actions{justify-content:center;width:100%}}.pending-groups-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.pending-group-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.pending-group-card:hover{box-shadow:0 4px 12px #0000001a}.pending-group-card.expanded,.pending-group-card:hover{border-color:var(--primary-color)}.pending-group-header{padding:1.5rem}.group-header-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;transition:all .2s ease}.group-header-main:hover .group-title-section{transform:translateX(4px)}.group-title-section{cursor:pointer;flex:1 1}.group-name{color:var(--text-primary);font-size:1.5rem;gap:.5rem;margin:0 0 .5rem}.group-name,.group-stats-mini{align-items:center;display:flex}.group-stats-mini{color:var(--text-secondary);flex-wrap:wrap;font-size:.875rem;gap:.75rem}.stat-count{color:var(--primary-color);font-weight:600}.stat-episodes,.stat-score,.stat-selected{font-weight:500}.stat-selected{color:#4caf50}.expand-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.expand-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.group-selection-checkbox{flex-shrink:0;margin-right:1rem}.group-selection-checkbox input[type=checkbox]{height:22px;width:22px}.group-actions{display:flex;flex-wrap:wrap;gap:.75rem}.group-action-btn{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.group-action-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-2px)}.group-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.add-group-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.add-group-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 8px #3b82f64d}.pending-group-content{grid-gap:1rem;animation:slideDown .3s ease;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:0 1.5rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.pending-group-content{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.discover-header{flex-direction:column;text-align:center}.view-toggle-btn{width:100%}.pending-group-content{grid-template-columns:1fr}.group-actions{flex-direction:column}.group-action-btn{width:100%}.group-name{font-size:1.25rem}}.pending-group-card.group-selected{background:#3b82f60d;border-left:4px solid var(--primary-color)}.pending-group-header{align-items:center;display:flex;flex-direction:row}.group-selection-checkbox{align-items:center;display:flex;order:-1;padding-right:12px}.group-selection-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;margin:0;width:20px}.group-header-main{flex:1 1;min-width:0}.discover-container{margin:0 auto;max-width:1400px;padding:2rem}.discover-header{margin-bottom:2rem;text-align:center}.discover-header h1{font-size:2.5rem;margin-bottom:.5rem}.discover-subtitle{color:var(--text-secondary);font-size:1.1rem}.discover-container .search-box{display:block;margin-bottom:1.5rem;max-width:none!important;width:100%!important}.discover-container .search-input-wrapper{display:block;max-width:none!important;position:relative;width:100%!important}.discover-container .search-icon{font-size:1.2rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.discover-container .search-input{background:var(--card-bg)!important;border:2px solid var(--border-color);border-radius:12px!important;box-sizing:border-box;color:var(--text-primary);font-size:1.1rem;max-width:none!important;padding:1rem 3rem;transition:all .3s ease;width:100%!important}.discover-container .search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-search-btn{align-items:center;background:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.clear-search-btn:hover{background:#dc0000;transform:translateY(-50%) scale(1.1)}.search-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-filters>*{flex:1 1;min-width:0}.filter-input,.filter-select{appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;min-width:150px;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease}.filter-input{background-image:none;padding-right:1rem}.filter-input:hover,.filter-select:hover{border-color:var(--accent-color);transform:translateY(-1px)}.filter-input:focus,.filter-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-input{width:120px}.clear-filters-btn{background:#ef44441a;border:2px solid var(--danger-color);border-radius:8px;color:var(--danger-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.clear-filters-btn:hover{background:var(--danger-color);color:#fff;transform:translateY(-2px)}.sort-direction-btn{align-items:center;display:flex;font-size:1rem;justify-content:center;min-width:50px;padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.sort-direction-btn:hover{transform:translateY(-1px)}.sort-select{appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;min-width:100px;padding:.6rem 2rem .6rem .8rem;transition:all .2s ease}.sort-select:focus,.sort-select:hover{border-color:var(--accent-color)}.sort-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.sort-direction-btn{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:700;padding:.6rem .8rem;transition:all .2s ease}.sort-direction-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.search-status{color:var(--text-secondary);font-size:1.1rem;padding:1rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;display:inline-block}.search-results{margin-top:2rem}.results-count{color:var(--text-secondary);font-size:1.1rem;font-weight:500;padding:1rem;text-align:center}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:1.5rem}.anime-result-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.anime-result-card:before{background:linear-gradient(180deg,var(--primary-color),var(--color-accent));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:4px}.anime-result-card:hover:before{opacity:1}.anime-result-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #06b6d433;transform:translateY(-4px)}.anime-result-card .anime-cover{background:var(--bg-primary);flex-shrink:0;height:100%;max-width:200px;min-height:285px;min-width:200px;object-fit:cover;transition:transform .3s;width:200px}.anime-result-card:hover .anime-cover{transform:scale(1.05)}.anime-info{align-self:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.25rem}.anime-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem;transition:color .3s}.anime-result-card:hover .anime-title{color:var(--primary-color)}.anime-stats{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-bottom:1rem}.anime-stats span{align-items:center;display:inline-flex}.anime-stats .stat-episodes{background:#3b82f61f!important;border:1px solid #3b82f633;border-radius:20px;color:#3b82f6}.anime-stats .stat-episodes,.anime-stats .stat-score{font-size:.85rem;font-weight:500;padding:.3rem .65rem}.anime-stats .stat-score{background:#fbbf241f!important;border:1px solid #fbbf2433;border-radius:20px;color:#fbbf24}.anime-time-stats{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.anime-time-stats .time-stat{align-items:center;background:var(--bg-primary);border-radius:6px;display:flex;font-size:.8rem;justify-content:space-between;padding:.4rem .6rem}.anime-time-stats .time-stat.total{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border:1px solid #3b82f633}.anime-time-stats .time-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.anime-time-stats .time-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.anime-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem}.genre-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-size:.8rem;font-weight:500;padding:.35rem .75rem;transition:all .2s ease}.genre-tag:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.genre-tag:first-child{background:linear-gradient(135deg,#667eea,#764ba2)}.genre-tag:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.genre-tag:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.no-results{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.no-results p:first-child{color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem}.no-results-hint{font-size:1rem}.search-placeholder{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.search-placeholder h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.search-placeholder>p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.search-tips{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:left}.search-tips h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.75rem}.search-tips ul{list-style:none;padding:0}.search-tips li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.search-tips li:before{color:var(--success-color);content:"✓";font-weight:700;left:0;position:absolute}.anime-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.anime-modal{background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:16px;box-shadow:0 20px 60px #06b6d44d;box-shadow:0 20px 60px rgba(var(--primary-color-rgb,6,182,212),.3);max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-close-btn{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.modal-close-btn:hover{background:var(--danger-color);transform:scale(1.1)}.anime-banner{display:block;height:250px;object-fit:cover;width:100%}.modal-content{padding:2rem}.modal-header{display:flex;gap:1.5rem;margin-bottom:2rem}.modal-cover{border-radius:8px;flex-shrink:0;height:220px;object-fit:cover;width:150px}.modal-header-info{flex:1 1}.modal-header-info h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:.5rem}.modal-header-info h2 a{color:var(--text-primary);display:inline-block;position:relative;text-decoration:none;transition:all .3s}.modal-header-info h2 a:after{background:linear-gradient(90deg,var(--primary-color),var(--color-accent));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.modal-header-info h2 a:hover{color:var(--primary-color)}.modal-header-info h2 a:hover:after{width:100%}.overview-group-name a{color:inherit;display:inline-block;position:relative;text-decoration:none;transition:all .3s}.overview-group-name a:after{background:linear-gradient(90deg,var(--primary-color),var(--color-accent));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.overview-group-name a:hover{color:var(--primary-color)}.overview-group-name a:hover:after{width:100%}.alt-title{color:var(--text-secondary);font-size:1.1rem;margin-bottom:.75rem}.score-large{color:var(--success-color);font-size:1.3rem;font-weight:700;margin-top:1rem}.modal-description{margin-bottom:2rem}.modal-description h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.modal-description div{color:var(--text-secondary);line-height:1.6}.modal-genres{margin-bottom:2rem}.modal-genres h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.genre-list{display:flex;flex-wrap:wrap;gap:.6rem}.genre-tag-large{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.genre-tag-large:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.genre-tag-large:first-child{background:linear-gradient(135deg,#667eea,#764ba2)}.genre-tag-large:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.genre-tag-large:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.genre-tag-large:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.genre-tag-large:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140)}.genre-tag-large:nth-child(6){background:linear-gradient(135deg,#30cfd0,#330867)}.genre-tag-large:nth-child(7){background:linear-gradient(135deg,#a8edea,#fed6e3)}.genre-tag-large:nth-child(8){background:linear-gradient(135deg,#ff9a9e,#fecfef)}.genre-tag-large:nth-child(n+9){background:linear-gradient(135deg,#ffecd2,#fcb69f)}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-anilist{background:var(--accent-color);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .2s ease}.btn-anilist:hover{background:#3182ce;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}@media (max-width:768px){.discover-container{padding:1rem}.discover-header h1{font-size:2rem}.results-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.anime-cover{height:228px;min-width:160px;width:160px}.modal-header,.search-filters{flex-direction:column}.filter-input,.filter-select{width:100%}}.discover-status-section{border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:.75rem;padding-top:.75rem}.add-to-list-wrapper{display:inline-block;position:relative;width:100%}.add-to-list-button{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.65rem 1rem;transition:all .2s ease;width:100%}.add-to-list-button:hover{background:#06b6d40d;border-color:var(--primary-color);transform:translateY(-1px)}.add-to-list-button:disabled{cursor:not-allowed;opacity:.6}.add-to-list-button.loading{opacity:.7;pointer-events:none}.add-to-list-emoji{font-size:1rem}.add-to-list-label{flex:1 1;text-align:center}.add-to-list-arrow{font-size:.75rem;opacity:.7}.add-to-list-dropdown{animation:slideUp .2s ease;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;bottom:calc(100% + .5rem);box-shadow:0 8px 24px #00000026;left:0;overflow:hidden;position:absolute;right:0;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-to-list-option{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.add-to-list-option:hover{background:#06b6d41a}.add-option-emoji{font-size:1.1rem}.add-option-label{flex:1 1;font-weight:500}.overview-group-card:has(.add-to-list-dropdown){overflow:visible!important;z-index:10}.add-to-list-dropdown{z-index:1000!important}.removed-card{border-left:3px solid #ff6b6b;opacity:.9}.restore-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .3s ease}.restore-btn:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.restore-btn:active{transform:translateY(0)}.restore-group-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.restore-group-btn:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.restore-selected-btn{background:#fff!important;color:#28a745!important}.restore-selected-btn:hover{transform:scale(1.05)}.removed-anime-container .empty-state{color:var(--text-secondary);padding:60px 20px;text-align:center}.removed-anime-container .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.removed-anime-container .empty-state h3{color:var(--text-primary);font-size:24px;margin-bottom:12px}.removed-anime-container .empty-state p{font-size:16px;margin:8px 0}.discover-tabs-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.discover-tabs-nav{background:var(--bg-primary);border-bottom:2px solid var(--border-color);display:flex;flex-shrink:0;gap:8px;padding:20px 20px 0}.tab-nav-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.tab-nav-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.tab-nav-btn.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.tab-badge{background:var(--accent-color);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-left:8px;padding:2px 8px}.discover-tabs-content{animation:fadeIn .3s ease-in;flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth}.custom-select{min-width:180px;position:relative}.custom-select-header{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-select-header:hover{border-color:var(--accent-color);transform:translateY(-1px)}.custom-select-arrow{color:var(--text-secondary);font-size:.75rem;transition:transform .2s ease}.custom-select-value{align-items:center;display:flex;flex:1 1;gap:.4rem}.value-icon{font-size:1rem}.custom-select-clear{border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:.85rem;margin-right:.25rem;padding:.15rem .4rem;transition:all .2s ease}.custom-select-clear:hover{background:#ef444426;color:#ef4444}.custom-select-search{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none;padding:0}.custom-select-dropdown{animation:dropdownFadeIn .2s ease;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{align-items:center;border-left:3px solid #0000;color:#e0e0e0;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.custom-select-option:hover{background:#3b82f61a;border-left-color:var(--accent-color)}.custom-select-option.selected{background:#3b82f626;border-left-color:var(--accent-color);font-weight:600}.option-icon{font-size:1.2rem;min-width:24px;text-align:center}.custom-select-option.format-tv{border-left-color:#3b82f6}.custom-select-option.format-tv.selected,.custom-select-option.format-tv:hover{background:#3b82f626;border-left-color:#3b82f6}.custom-select-option.format-movie{border-left-color:#8b5cf6}.custom-select-option.format-movie.selected,.custom-select-option.format-movie:hover{background:#8b5cf626;border-left-color:#8b5cf6}.custom-select-option.format-special{border-left-color:#f59e0b}.custom-select-option.format-special.selected,.custom-select-option.format-special:hover{background:#f59e0b26;border-left-color:#f59e0b}.custom-select-option.format-ova{border-left-color:#10b981}.custom-select-option.format-ova.selected,.custom-select-option.format-ova:hover{background:#10b98126;border-left-color:#10b981}.custom-select-option.format-ona{border-left-color:#06b6d4}.custom-select-option.format-ona.selected,.custom-select-option.format-ona:hover{background:#06b6d426;border-left-color:#06b6d4}.custom-select-option.format-music{border-left-color:#ec4899}.custom-select-option.format-music.selected,.custom-select-option.format-music:hover{background:#ec489926;border-left-color:#ec4899}.custom-select-option.status-finished{border-left-color:#10b981}.custom-select-option.status-finished.selected,.custom-select-option.status-finished:hover{background:#10b98126;border-left-color:#10b981}.custom-select-option.status-releasing{border-left-color:#3b82f6}.custom-select-option.status-releasing.selected,.custom-select-option.status-releasing:hover{background:#3b82f626;border-left-color:#3b82f6}.custom-select-option.status-upcoming{border-left-color:#f59e0b}.custom-select-option.status-upcoming.selected,.custom-select-option.status-upcoming:hover{background:#f59e0b26;border-left-color:#f59e0b}.custom-select-option.status-cancelled{border-left-color:#ef4444}.custom-select-option.status-cancelled.selected,.custom-select-option.status-cancelled:hover{background:#ef444426;border-left-color:#ef4444}.custom-select-option.season-winter{border-left-color:#60a5fa}.custom-select-option.season-winter.selected,.custom-select-option.season-winter:hover{background:#60a5fa26;border-left-color:#60a5fa}.custom-select-option.season-spring{border-left-color:#f472b6}.custom-select-option.season-spring.selected,.custom-select-option.season-spring:hover{background:#f472b626;border-left-color:#f472b6}.custom-select-option.season-summer{border-left-color:#fbbf24}.custom-select-option.season-summer.selected,.custom-select-option.season-summer:hover{background:#fbbf2426;border-left-color:#fbbf24}.custom-select-option.season-fall{border-left-color:#fb923c}.custom-select-option.season-fall.selected,.custom-select-option.season-fall:hover{background:#fb923c26;border-left-color:#fb923c}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.marathon-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1400px;padding:2rem}.marathon-header{margin-bottom:2rem}.marathon-header h1{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.marathon-header p{color:var(--color-text-secondary);font-size:1rem;margin:0 0 1rem}.marathon-count{background:var(--color-card-bg);border-radius:8px;color:var(--color-text-secondary);display:inline-block;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.marathon-groups-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.marathon-group-card{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.marathon-group-card:hover{border-color:var(--color-primary);box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.marathon-rank{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.85rem;font-weight:700;left:.5rem;padding:.25rem .75rem;position:absolute;top:.5rem;z-index:1}.marathon-cover{flex-shrink:0;height:100%;max-width:200px;min-height:285px;min-width:200px;object-fit:cover;width:200px}.marathon-group-info{align-self:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.25rem}.marathon-group-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.marathon-group-name a{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}.marathon-group-name a:hover{color:var(--color-primary)}.marathon-stats{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-bottom:1rem}.marathon-stats span{align-items:center;display:inline-flex}.marathon-time-stats{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.time-stat{align-items:center;background:var(--color-bg);border-radius:6px;display:flex;font-size:.8rem;justify-content:space-between;padding:.4rem .6rem}.time-stat.remaining{background:linear-gradient(135deg,#ef44441a,#f871711a);border:1px solid #ef444433}.time-stat.watched{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133}.time-stat.total{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border:1px solid #3b82f633}.time-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.time-value{color:var(--color-text-primary);font-size:.95rem;font-weight:600}@media (max-width:768px){.marathon-container{padding:1rem}.marathon-header h1{font-size:1.5rem}.marathon-groups-list{grid-template-columns:1fr}}.quick-wins-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1400px;padding:2rem}.quick-wins-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.header-left h1{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-left p{color:var(--color-text-secondary);font-size:1rem;margin:0}.quick-wins-filter{align-items:center;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;display:flex;gap:.5rem;padding:.5rem 1rem .5rem .75rem;transition:border-color .2s ease}.quick-wins-filter:focus-within{border-color:var(--color-primary)}.quick-wins-filter label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.quick-wins-filter .sort-controls{align-items:center;border-left:1px solid var(--color-border);display:flex;flex-shrink:0;gap:.5rem;margin-left:.5rem;padding-left:.5rem;width:auto}.quick-wins-filter .sort-select{appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' 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 .5rem center;background-repeat:no-repeat;background-size:12px;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.75rem .5rem .75rem;transition:all .3s ease}.quick-wins-filter .sort-select:disabled{cursor:not-allowed;opacity:.6}.quick-wins-filter .sort-select:hover:not(:disabled){border-color:#fff;box-shadow:0 0 10px #ffffff26}.quick-wins-filter .sort-direction-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.quick-wins-filter .sort-direction-btn:disabled{cursor:not-allowed;opacity:.6}.quick-wins-filter .sort-direction-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff;box-shadow:0 0 10px #ffffff26;color:#fff}.quick-wins-count{background:var(--color-card-bg);border-radius:8px;color:var(--color-text-secondary);display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1rem}.quick-wins-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.quick-win-card{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.quick-win-card:hover{border-color:var(--color-accent);box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.quick-win-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.85rem;font-weight:700;left:.5rem;padding:.25rem .75rem;position:absolute;top:.5rem;z-index:1}.quick-win-cover{flex-shrink:0;height:100%;max-width:200px;min-height:285px;min-width:200px;object-fit:cover;width:200px}.quick-win-info{align-self:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.25rem}.quick-win-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.quick-win-name a{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}.quick-win-name a:hover{color:var(--color-accent)}.quick-win-stats{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-bottom:1rem}.quick-win-stats span{align-items:center;display:inline-flex}.quick-win-time-stats{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.quick-win-time-stats .time-stat{align-items:center;background:var(--color-bg);border-radius:6px;display:flex;font-size:.8rem;justify-content:space-between;padding:.4rem .6rem}.quick-win-time-stats .time-stat.remaining.primary{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:1px solid #fbbf244d}.quick-win-time-stats .time-stat.watched{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133}.quick-win-time-stats .time-stat.total{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border:1px solid #3b82f633}.quick-win-time-stats .time-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.quick-win-time-stats .time-value{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.empty-state{grid-column:1/-1}@media (max-width:768px){.quick-wins-container{padding:1rem}.quick-wins-header{align-items:flex-start;flex-direction:column}.quick-wins-filter{justify-content:center;width:100%}.header-left h1{font-size:1.5rem}.quick-wins-list{grid-template-columns:1fr}}.error-message-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-text{color:var(--color-error);font-size:1rem;margin-bottom:1.5rem;max-width:500px}.retry-button{background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}:root{--stats-color-all:#6366f1;--stats-color-watching:#3b82f6;--stats-color-continue:#06b6d4;--stats-color-planning:#8b5cf6;--stats-color-onhold:#f59e0b;--stats-color-dropped:#ef4444;--stats-color-halfcompleted:#f97316;--stats-color-completed:#10b981}.statistics-container{animation:statsFadeIn .5s ease;margin:0 auto;max-width:1400px;padding:2rem}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.stats-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0}.stats-header-controls{align-items:center;display:flex;gap:1rem}.stats-hours-config{align-items:center;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;display:flex;gap:.5rem;padding:.5rem 1rem;transition:border-color .2s ease}.stats-hours-config:focus-within{border-color:var(--color-primary)}.stats-hours-config label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.hours-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-primary);font-size:1rem;font-weight:600;padding:.25rem .5rem;text-align:center;transition:all .2s ease;width:50px}.hours-input:focus{box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.hours-input:focus,.hours-input:hover{border-color:var(--color-primary)}.hours-label{font-size:.9rem;font-weight:500}.hours-label,.oped-info-note{color:var(--color-text-secondary)}.oped-info-note{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:8px;display:flex;font-size:.88rem;gap:.75rem;line-height:1.5;margin-bottom:2rem;padding:.75rem 1.25rem}.oped-info-icon{flex-shrink:0;font-size:1.1rem}.stats-overall-summary{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.5rem}.summary-card-new{align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem 1.75rem;position:relative;transition:transform .25s ease,box-shadow .25s ease}.summary-card-new:before{border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.summary-card-new.total-watched:before{background:linear-gradient(90deg,#10b981,#34d399)}.summary-card-new.total-remaining:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.summary-card-new.total-duration:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.summary-card-new.total-anime:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.summary-card-new.total-groups:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.summary-card-new.total-episodes:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.summary-card-new.series-watched:before{background:linear-gradient(90deg,#14b8a6,#5eead4)}.summary-card-new.animes-planned:before{background:linear-gradient(90deg,#8b5cf6,#c4b5fd)}.summary-card-new:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.summary-icon{align-items:center;background:var(--color-bg);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:48px;justify-content:center;width:48px}.summary-data{display:flex;flex-direction:column;min-width:0}.summary-value-new{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1.2;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.summary-label-new{color:var(--color-text-secondary);font-size:.82rem;font-weight:600;letter-spacing:.4px;margin-top:.2rem;text-transform:uppercase}.info-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#fff6;cursor:pointer;display:inline-flex;font-family:Georgia,serif;font-size:.5rem;font-style:italic;font-weight:700;height:14px;justify-content:center;line-height:1;margin-left:.35rem;padding:0;transition:all .2s ease;vertical-align:super;width:14px}.info-btn.active,.info-btn:hover{background:#ffffff26;border-color:#ffffff59;color:#fffc}.info-wrapper{align-items:center;display:inline-flex;position:relative;vertical-align:super}.info-popover{animation:popoverIn .15s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 16px #00000080;color:var(--text-primary);font-size:.7rem;font-style:normal;font-weight:500;left:calc(100% + 8px);padding:3px 7px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:9999}@keyframes popoverIn{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.stats-tabs-section{margin-top:1rem}.section-title-new{color:var(--color-text-primary);font-size:1.4rem;font-weight:700;margin-bottom:1.25rem}.stats-tab-list{display:flex;flex-direction:column;gap:.75rem}.stats-tab-row{grid-gap:1.5rem;align-items:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-left:5px solid var(--tab-accent,var(--color-primary));border-radius:14px;box-shadow:0 1px 4px #0000000f;display:grid;gap:1.5rem;grid-template-columns:220px 1fr auto;padding:1.25rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stats-tab-row:hover{box-shadow:0 4px 16px #0000001a;transform:translateX(4px)}.tab-identity{gap:.75rem}.tab-emoji,.tab-identity{align-items:center;display:flex}.tab-emoji{background:color-mix(in srgb,var(--color-primary) 12%,#0000);background:color-mix(in srgb,var(--tab-accent,var(--color-primary)) 12%,#0000);border-radius:10px;flex-shrink:0;font-size:1.6rem;height:40px;justify-content:center;width:40px}.tab-name-group{display:flex;flex-direction:column}.tab-name{color:var(--color-text-primary);font-size:1.05rem;font-weight:700}.tab-meta{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;margin-top:.15rem}.tab-time-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.time-cell{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;padding:.6rem .75rem;transition:background .2s ease}.time-cell:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg));background:color-mix(in srgb,var(--tab-accent,var(--color-primary)) 6%,var(--color-bg))}.time-cell-label{color:var(--color-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.3px;margin-bottom:.25rem;text-transform:uppercase}.time-cell-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;white-space:nowrap}.time-cell.total .time-cell-value{color:var(--color-primary);color:var(--tab-accent,var(--color-primary))}.time-cell.watched .time-cell-value{color:#10b981}.time-cell.remaining .time-cell-value{color:#f59e0b}.tab-extras{align-items:flex-end;display:flex;flex-direction:column;gap:.35rem;min-width:120px}.extras-item{background:var(--color-bg);border-radius:6px;color:var(--color-text-secondary);font-size:.88rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.empty-state{padding:4rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1rem}.empty-state h2{color:var(--color-text-primary);font-size:1.75rem;margin-bottom:.75rem}.empty-state p{color:var(--color-text-secondary);font-size:1.1rem}@media (max-width:1024px){.stats-overall-summary{grid-template-columns:repeat(2,1fr)}.stats-tab-row{gap:1rem;grid-template-columns:180px 1fr auto}}@media (max-width:768px){.statistics-container{padding:1rem}.stats-header{align-items:flex-start;flex-direction:column}.stats-overall-summary{gap:.75rem;grid-template-columns:repeat(2,1fr)}.summary-card-new{padding:1rem 1.25rem}.summary-icon{font-size:1.5rem;height:38px;width:38px}.summary-value-new{font-size:1.2rem}.stats-tab-row{gap:.75rem;grid-template-columns:1fr;padding:1rem 1.25rem}.tab-identity{border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.tab-time-grid{gap:.5rem}.time-cell-value{font-size:.95rem}.tab-extras{align-items:center;flex-direction:row;justify-content:flex-start}.stats-title{font-size:1.5rem}}@media (max-width:480px){.stats-overall-summary,.tab-time-grid{grid-template-columns:1fr}}.settings-container{animation:fadeIn .5s ease;margin:0 auto;max-width:900px;padding:2rem}.settings-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem}.settings-section{margin-bottom:2.5rem}.section-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.connection-card{background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.connection-status{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.status-indicator{border-radius:50%;height:12px;width:12px}.status-indicator.connected{background:#10b981;box-shadow:0 0 8px #10b981}.status-indicator.disconnected{background:#6b7280}.status-text{color:var(--color-text-primary);font-size:1.05rem;font-weight:600}.connection-info{background:var(--color-bg);border-radius:8px;margin-bottom:1rem;padding:.75rem}.info-label{color:var(--color-text-secondary);font-weight:600;margin-right:.5rem}.info-value{color:var(--color-primary);font-weight:500}.connection-actions{display:flex;gap:1rem}.oauth-card{background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.oauth-info{margin-bottom:1.5rem}.oauth-description{color:var(--color-text-primary);font-size:1rem;margin-bottom:.75rem}.oauth-help{font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.oauth-help,.oauth-note{color:var(--color-text-secondary)}.oauth-note{background:var(--color-primary-light);border-left:3px solid var(--color-primary);border-radius:8px;font-size:.9rem;padding:.75rem}.oauth-connect{padding:1.5rem 0;text-align:center}.oauth-warning-box{align-items:flex-start;background:#fbbf241a;border:2px solid #f59e0b;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;text-align:left}.warning-icon{flex-shrink:0;font-size:1.75rem}.warning-content{flex:1 1}.warning-content strong{color:var(--color-text-primary);display:block;font-size:1rem;margin-bottom:.5rem}.warning-content p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}:root[data-theme=cosmic] .oauth-warning-box,:root[data-theme=fire] .oauth-warning-box,:root[data-theme=midnight] .oauth-warning-box{background:#fbbf2426;border-color:#fbbf24}.btn-oauth{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f633;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease}.btn-oauth:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.oauth-small-text{color:var(--color-text-secondary);font-size:.85rem;margin-top:.75rem}.oauth-error{background:#fee2e2;border-left:3px solid #ef4444;color:#991b1b}.oauth-error,.oauth-success{border-radius:8px;margin-top:1rem;padding:.875rem}.oauth-success{background:#d1fae5;border-left:3px solid #10b981;color:#065f46}:root[data-theme=cosmic] .oauth-error,:root[data-theme=fire] .oauth-error,:root[data-theme=midnight] .oauth-error{background:#fee2e21a;color:#fca5a5}:root[data-theme=cosmic] .oauth-success,:root[data-theme=fire] .oauth-success,:root[data-theme=midnight] .oauth-success{background:#d1fae51a;color:#6ee7b7}.pin-input-section{background:var(--color-bg);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem}.pin-instruction{color:var(--color-text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:1.5rem;text-align:left}.pin-input-group{display:flex;gap:1rem;margin-bottom:1rem}.pin-input{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);flex:1 1;font-family:Courier New,monospace;font-size:1rem;letter-spacing:2px;padding:.875rem;text-align:center}.pin-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.info-card{background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.info-card h3{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:1rem}.info-list{list-style:none;margin:0;padding:0}.info-list li{color:var(--color-text-secondary);line-height:1.6;padding:.5rem 0}.info-list li:before{color:var(--color-primary);content:"✓ ";font-weight:700;margin-right:.5rem}.info-list .disclaimer:before{content:"⚠️ "}.theme-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.theme-selector{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.theme-selector{grid-template-columns:1fr}}.theme-option{background:var(--color-card-bg);border:2px solid #0000;border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s ease}.theme-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.theme-option.active{border-color:var(--color-primary);box-shadow:0 4px 16px #3b82f633}.theme-preview{align-items:center;border:2px solid #0000001a;border-radius:50%;display:flex;gap:8px;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.theme-preview.cosmic{background:linear-gradient(135deg,#0f0a1f,#1e1533)}.theme-preview.midnight{background:linear-gradient(135deg,#030712,#111827)}.theme-preview.fire{background:linear-gradient(135deg,#0c1116,#151b23)}.theme-dot{border-radius:50%;box-shadow:0 2px 4px #0003;height:12px;width:12px}.theme-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{border-color:var(--color-primary)}.btn-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 0;text-decoration:underline;transition:color .2s ease}.btn-link:hover{color:var(--color-primary)}@media (max-width:768px){.settings-container{padding:1rem}.connection-actions,.pin-input-group,.theme-selector{flex-direction:column}}.oauth-connected{padding:1rem 0;text-align:center}.oauth-success-box{background:linear-gradient(135deg,#10b981,#34d399);border-radius:10px;box-shadow:0 4px 12px #10b98133;color:#fff;font-weight:600;margin-bottom:1rem;padding:1rem;text-align:center}.btn-oauth-disconnect{background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 8px #ef444433;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.btn-oauth-disconnect:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.preference-card{background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.preference-card h3{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:.5rem}.preference-help{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1.5rem}.name-preference-selector{display:flex;gap:1rem}.preference-option{background:var(--color-bg);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s ease}.preference-option:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.preference-option.active{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 4px 16px #3b82f640}.preference-label{color:var(--color-text-primary);font-size:1rem;font-weight:600}.preference-note{color:var(--color-text-secondary);font-size:.85rem}.attribution-list{display:flex;flex-direction:column;gap:1rem}.attribution-item{align-items:flex-start;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:border-color .2s ease}.attribution-item:hover{border-color:var(--color-primary)}.attribution-icon{flex-shrink:0;font-size:1.5rem;margin-top:.1rem}.attribution-info{flex:1 1}.attribution-info strong{color:var(--color-text-primary);font-size:1rem}.attribution-desc{color:var(--color-text-secondary);font-size:.85rem;line-height:1.4;margin:.25rem 0 .5rem}.attribution-link{color:var(--color-primary);font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .2s ease}.attribution-link:hover{opacity:.8;text-decoration:underline}.suggestion-card{background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.suggestion-intro{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.suggestion-form{display:flex;flex-direction:column;gap:1.25rem}.suggestion-field{display:flex;flex-direction:column;gap:.5rem}.suggestion-label{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.suggestion-category-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}@media (max-width:600px){.suggestion-category-selector{grid-template-columns:repeat(2,1fr)}}.suggestion-category-option{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem .75rem;text-align:center;transition:all .2s ease;white-space:nowrap}.suggestion-category-option.active,.suggestion-category-option:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.suggestion-category-option.active{background:var(--color-primary-light);box-shadow:0 2px 8px #3b82f626;font-weight:600}.suggestion-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;padding:.875rem;transition:border-color .2s ease}.suggestion-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.suggestion-textarea{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.95rem;min-height:100px;padding:.875rem;resize:vertical;transition:border-color .2s ease}.suggestion-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.suggestion-char-count{color:var(--color-text-secondary);font-size:.8rem;margin-top:-.25rem;text-align:right}.btn-suggestion-submit{align-self:flex-start;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f633;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease}.btn-suggestion-submit:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-suggestion-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.suggestion-success{background:#10b9811a;border-left:3px solid #10b981;color:#10b981}.suggestion-error,.suggestion-success{animation:fadeIn .3s ease;border-radius:8px;font-weight:500;padding:.875rem}.suggestion-error{background:#ef44441a;border-left:3px solid #ef4444;color:#ef4444}.link-settings-container{display:flex;flex-direction:column;gap:2rem}.link-settings-info{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem}.link-settings-info h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.link-settings-info p{color:var(--text-secondary);line-height:1.6;margin:.5rem 0}.link-settings-info ol{color:var(--text-secondary);margin:.75rem 0;padding-left:1.5rem}.link-settings-info ol li{margin:.5rem 0}.example-text{background:var(--bg-primary);border-left:3px solid var(--primary-color);border-radius:8px;margin-top:1rem!important;padding:.75rem}.example-text code{background:#06b6d41a;border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.link-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem}.link-section h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.links-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.no-links{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.link-item{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.link-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.link-info{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.link-name{color:var(--text-primary);font-size:1rem;font-weight:600}.link-url{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-btn{background:#f443361a;border:2px solid #f443364d;border-radius:8px;color:#f44336;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:700;padding:.5rem .75rem;transition:all .3s ease}.remove-btn:hover{background:#f4433633;border-color:#f44336;transform:scale(1.1)}.add-link-form{border-top:2px dashed var(--border-color);display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.form-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #06b6d41a;outline:none}.add-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--color-accent) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #06b6d44d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.add-btn:hover{box-shadow:0 6px 20px #06b6d466;transform:translateY(-2px)}.add-btn:active{transform:translateY(0)}@media (max-width:768px){.link-settings-container{gap:1.5rem}.link-item{align-items:flex-start;flex-direction:column;gap:.75rem}.remove-btn{align-self:flex-end}}.link-actions{align-items:center;display:flex;gap:6px}.move-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:6px 10px;transition:all .3s ease}.move-btn:hover:not(:disabled){background:linear-gradient(135deg,#06b6d426,#3b82f626);border-color:var(--primary-color);transform:translateY(-1px)}.move-btn:disabled{cursor:not-allowed;opacity:.3}.move-btn:active:not(:disabled){transform:translateY(0)}:root{--compare-a:#6366f1;--compare-b:#f59e0b;--compare-accent:#22d3ee;--green:#4ade80;--yellow:#fbbf24;--red:#f87171}.compare-container{color:#e0e0e0;margin:0 auto;max-width:1100px;padding:24px}.compare-top{align-items:flex-start;display:flex;gap:24px;margin-bottom:32px}.compare-search-section{flex:1 1}.compare-search-section h2{font-size:1.5rem;font-weight:700;margin:0 0 12px}.compare-search-row{display:flex;gap:8px}.compare-search-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fff;flex:1 1;font-size:.95rem;outline:none;padding:10px 14px;transition:border-color .2s}.compare-search-input:focus{border-color:#22d3ee;border-color:var(--compare-accent)}.compare-search-input::placeholder{color:#ffffff59}.compare-search-btn{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--compare-a),#818cf8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:opacity .2s,transform .1s;white-space:nowrap}.compare-search-btn:hover:not(:disabled){opacity:.88;transform:scale(1.02)}.compare-search-btn:disabled{cursor:not-allowed;opacity:.45}.compare-error{background:#ef444426;border-radius:6px;color:#f87171;font-size:.85rem;margin-top:8px;padding:8px 12px}.compare-saved-section{max-width:300px;min-width:260px}.compare-saved-section h3{color:#ffffff80;font-size:.85rem;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.saved-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s,border-color .2s}.saved-item:hover{background:#ffffff17}.saved-item.active{background:#22d3ee14;border-color:#22d3ee;border-color:var(--compare-accent)}.saved-avatar{border-radius:50%;flex-shrink:0;height:38px;overflow:hidden;width:38px}.saved-avatar img{height:100%;object-fit:cover;width:100%}.saved-avatar-placeholder{align-items:center;background:#ffffff1f;color:#fff;display:flex;font-size:.95rem;font-weight:700;height:100%;justify-content:center;width:100%}.saved-info{flex:1 1;min-width:0}.saved-name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-meta{color:#ffffff73;font-size:.75rem;margin-top:2px}.saved-delete{background:none;border:none;color:#ffffff40;cursor:pointer;font-size:.85rem;padding:4px;transition:color .2s}.saved-delete:hover{color:#f87171;color:var(--red)}.view-all-saved-btn{background:#22d3ee0f;border:1px dashed #22d3ee40;border-radius:6px;color:#22d3ee;color:var(--compare-accent);cursor:pointer;display:block;font-size:.8rem;margin-top:8px;padding:6px 0;text-align:center;transition:background .2s;width:100%}.view-all-saved-btn:hover{background:#22d3ee1f}.saved-overlay-list{display:flex;flex-direction:column;gap:8px;padding:12px 0}.compare-loading{padding:60px 0;text-align:center}.compare-loading-spinner{animation:spin .7s linear infinite;border:3px solid #ffffff1f;border-radius:50%;border-top:3px solid var(--compare-accent);height:40px;margin:0 auto 16px;width:40px}.compare-empty-state{color:#ffffff73;padding:80px 0;text-align:center}.compare-empty-icon{font-size:3rem;margin-bottom:12px}.compare-empty-state h2{color:#fff;margin-bottom:8px}.compare-action-bar{align-items:center;background:#ffffff0a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 14px}.cab-label{font-size:.9rem}.cab-actions{display:flex;gap:8px}.cab-btn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background .2s}.cab-btn:hover{background:#ffffff1f}.cab-btn.cab-new{border-color:#22d3ee;border-color:var(--compare-accent);color:#22d3ee;color:var(--compare-accent)}.compare-hero{background:linear-gradient(135deg,#6366f11a,#f59e0b14);border-radius:16px;margin-bottom:24px;padding:40px 20px;text-align:center}.compare-hero-score{margin-bottom:16px}.hero-ring{align-items:center;background:conic-gradient(hsl(var(--compat-hue),70%,50%) var(--progress),#ffffff14 var(--progress));border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto;position:relative;width:120px}.hero-ring:before{background:var(--bg-primary);border-radius:50%;content:"";inset:8px;position:absolute}.hero-number{color:#fff;font-size:2rem;font-weight:800;position:relative;z-index:1}.compare-hero-label{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:4px}.compare-hero-subtitle{color:#ffffff80;font-size:.85rem}.compare-hero-time{color:#ffffff4d;font-size:.7rem;margin-top:8px}.compare-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:20px;overflow:hidden}.compare-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:background .2s;-webkit-user-select:none;user-select:none}.compare-section-header:hover{background:#ffffff0a}.compare-section-header h3{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.section-icon{font-size:1.1rem}.section-chevron{color:#ffffff59;font-size:.9rem}.compare-section-body{padding:0 18px 18px}.section-subtitle{color:#fff6;font-size:.8rem;margin:0 0 12px}.h2h-grid{display:flex;flex-direction:column;gap:6px}.h2h-row{grid-gap:12px;align-items:center;background:#ffffff08;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;padding:8px 12px}.h2h-row.a-wins .h2h-a-value{color:#6366f1;color:var(--compare-a);font-weight:700}.h2h-row.b-wins .h2h-b-value{color:#f59e0b;color:var(--compare-b);font-weight:700}.h2h-a-value{font-size:.95rem;text-align:right}.h2h-b-value{font-size:.95rem;text-align:left}.h2h-label{align-items:center;display:flex;font-size:.85rem;gap:6px;justify-content:center;text-align:center}.h2h-icon{font-size:1rem}.h2h-summary{color:#ffffffb3;font-size:.9rem;font-weight:600;margin-top:12px;text-align:center}.anime-compare-summary{background:#ffffff0a;border-radius:10px;display:flex;gap:16px;justify-content:space-around;margin-bottom:20px;padding:16px}.acs-stat{text-align:center}.acs-count{color:#fff;display:block;font-size:1.6rem;font-weight:700}.acs-label{color:#ffffff80;font-size:.8rem}.acs-common .acs-count{color:#22d3ee;color:var(--compare-accent)}.acs-percent{align-items:center;display:flex;font-size:.82rem;font-weight:500;gap:6px;justify-content:center;margin-top:4px}.acs-pct-a{color:#6366f1;color:var(--compare-a)}.acs-pct-b{color:#f59e0b;color:var(--compare-b)}.acs-pct-sep{color:#ffffff40}.anime-subsection{margin-top:16px}.anime-subsection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.anime-subsection-header h4{font-size:.9rem;font-weight:600;margin:0}.view-all-btn{background:#22d3ee14;border:1px solid #22d3ee4d;border-radius:4px;color:#22d3ee;color:var(--compare-accent);cursor:pointer;font-size:.78rem;padding:4px 12px;transition:background .2s}.view-all-btn:hover{background:#22d3ee29}.compare-anime-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.compare-anime-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px;position:relative;transition:background .2s,border-color .2s,transform .15s}.compare-anime-card:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-2px)}.compare-anime-cover{border-radius:6px;flex-shrink:0;height:110px;min-width:80px;overflow:visible;position:relative;width:80px}.compare-anime-cover img{border-radius:6px;height:100%;object-fit:cover;width:100%}.compare-card-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:auto;padding-top:4px}.compare-card-watch-btn{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;transition:background .2s,transform .15s;width:28px}.compare-card-watch-btn:hover{background:#f59e0b80;transform:scale(1.1)}.compare-card-add-wrapper{position:relative}.compare-card-add-btn{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;transition:background .2s,transform .15s;width:28px}.compare-card-add-btn:hover{background:#06b6d4;background:var(--accent-color,#06b6d4);transform:scale(1.15)}.compare-card-add-btn.loading{animation:spin .8s linear infinite;opacity:1!important;pointer-events:none}@keyframes compare-add-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.compare-card-add-menu{animation:compare-menu-up .15s ease;background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);border:1px solid #ffffff26;border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 -4px 20px #00000073;min-width:130px;overflow:hidden;position:absolute;right:0;width:max-content;z-index:100}@keyframes compare-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes compare-menu-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.compare-card-add-menu button{background:#0000;border:none;color:#eee;color:var(--text-primary,#eee);cursor:pointer;display:block;font-size:.82rem;padding:7px 10px;text-align:left;transition:background .15s;width:100%}.compare-card-add-menu button:hover{background:#06b6d426}.compare-anime-no-cover{align-items:center;background:#ffffff14;color:#ffffff4d;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.compare-anime-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.compare-anime-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.3;overflow:hidden}.compare-anime-title a{color:#e0e0e0;text-decoration:none;transition:color .2s}.compare-anime-title a:hover{color:#22d3ee;color:var(--compare-accent);text-decoration:underline}.compare-anime-meta{color:#fff6;display:flex;flex-wrap:wrap;font-size:.7rem;gap:8px}.compare-anime-scores{display:flex;flex-wrap:wrap;font-size:.72rem;gap:6px;margin-top:auto}.score-a{color:#6366f1;color:var(--compare-a)}.score-b{color:#f59e0b;color:var(--compare-b)}.score-diff{background:#f8717126;border-radius:3px;color:#f87171;color:var(--red);font-weight:600;padding:1px 5px}.compare-anime-genres{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.compare-genre-tag{background:#ffffff14;border-radius:3px;color:#ffffff80;font-size:.65rem;padding:1px 6px}.modal-watch-btn{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:6px;color:#f5a623;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;margin-top:6px;padding:5px 14px;transition:all .2s}.modal-watch-btn:hover{background:#f59e0b40;border-color:#f59e0b80}.compare-detail-modal{max-width:700px}.modal-user-scores{background:#ffffff0a;border-radius:8px;display:flex;font-size:.9rem;gap:16px;margin:-8px 0 12px;padding:12px 16px}.modal-score-a{color:#6366f1;color:var(--compare-a);font-weight:600}.modal-score-b{color:#f59e0b;color:var(--compare-b);font-weight:600}.modal-score-diff{color:#fff6;margin-left:auto}.compare-overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.anime-modal-overlay:has(.compare-detail-modal){z-index:1100}.compare-modal-add-section{margin:12px 0 4px;position:relative}.compare-modal-status-badge{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;display:flex;font-size:.9rem;gap:8px;padding:8px 14px}.compare-modal-status-label{color:#ffffff80;font-size:.82rem}.compare-modal-status-value{color:#06b6d4;color:var(--accent-color,#06b6d4);font-weight:600}.compare-modal-add-wrapper{position:relative}.compare-modal-add-btn{align-items:center;background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid #8b5cf659;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;transition:all .2s;width:100%}.compare-modal-add-btn:hover{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border-color:#8b5cf680}.compare-modal-add-btn.open{border-bottom-color:#0000;border-radius:8px 8px 0 0}.compare-modal-add-btn.loading{cursor:wait;opacity:.7}.compare-modal-add-btn .add-to-list-emoji{font-size:1rem}.compare-modal-add-btn .add-to-list-label{flex:1 1;text-align:left}.compare-modal-add-btn .add-to-list-arrow{font-size:.7rem;opacity:.6}.compare-modal-add-dropdown{animation:compare-menu-in .15s ease;background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);border:1px solid #8b5cf659;border-radius:0 0 8px 8px;border-top:none;left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.compare-modal-add-dropdown button{background:#0000;border:none;color:#eee;color:var(--text-primary,#eee);cursor:pointer;display:block;font-size:.88rem;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.compare-modal-add-dropdown button:hover{background:#8b5cf633}.compare-overlay{background:#1e1e2e;border-radius:14px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.compare-overlay-wide{max-width:1100px;width:92vw}.compare-overlay-narrow{max-width:90vw;width:440px}.compare-overlay-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.compare-overlay-header h3{font-size:1.05rem;margin:0}.compare-overlay-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.2rem;padding:4px;transition:color .2s}.compare-overlay-close:hover{color:#fff}.group-back-btn{background:none;border:none;border-radius:4px;color:#06b6d4;color:var(--accent-color,#06b6d4);cursor:pointer;font-size:1.1rem;margin-right:4px;padding:2px 6px;transition:background .2s}.group-back-btn:hover{background:#ffffff1a}.compare-overlay-sort{border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px}.sort-btn{background:#0000;border:1px solid #ffffff1a;border-radius:4px;color:#ffffff80;cursor:pointer;font-size:.75rem;padding:4px 10px;transition:all .15s}.sort-btn:hover{background:#ffffff0f;color:#fff}.sort-btn.active{background:#22d3ee1f;border-color:#22d3ee;border-color:var(--compare-accent);color:#22d3ee;color:var(--compare-accent)}.compare-overlay-grid{grid-gap:14px;align-content:start;display:grid;flex:1 1;gap:14px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:16px 20px}.group-summary-bar{background:#ffffff0a;border-radius:10px;display:flex;gap:12px;justify-content:space-around;margin-bottom:14px;padding:14px}.gsb-item{text-align:center}.gsb-count{color:#fff;display:block;font-size:1.5rem;font-weight:700}.gsb-label{color:#fff6;font-size:.72rem}.gsb-a .gsb-count{color:#6366f1;color:var(--compare-a)}.gsb-match .gsb-count{color:#22d3ee;color:var(--compare-accent)}.gsb-b .gsb-count{color:#f59e0b;color:var(--compare-b)}.group-unique-note{display:flex;font-size:.88rem;font-weight:500;gap:16px;margin-bottom:14px}.gun-a{color:#6366f1;color:var(--compare-a)}.gun-b{color:#f59e0b;color:var(--compare-b)}.group-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.group-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s,border-color .2s,transform .15s}.group-card:hover{background:#ffffff14;border-color:#22d3ee33;transform:translateY(-2px)}.group-card-cover{border-radius:6px;flex-shrink:0;height:85px;min-width:60px;overflow:hidden;width:60px}.group-card-cover img{height:100%;object-fit:cover;width:100%}.group-card-no-cover{align-items:center;background:#ffffff0f;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.group-card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.group-card-name{color:#fff;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card-counts{color:#fff6;display:flex;font-size:.72rem;gap:10px}.gcc-common{color:#22d3ee;color:var(--compare-accent)}.group-card-bars{display:flex;flex-direction:column;gap:4px;margin-top:auto}.group-bar-row{grid-gap:6px;align-items:center;display:grid;font-size:.68rem;gap:6px;grid-template-columns:60px 1fr 40px}.gbr-label{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gbr-a{color:#6366f1;color:var(--compare-a)}.gbr-b{color:#f59e0b;color:var(--compare-b)}.gbr-track{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.gbr-fill{border-radius:3px;height:100%;transition:width .3s}.gbr-fill-a{background:#6366f1;background:var(--compare-a)}.gbr-fill-b{background:#f59e0b;background:var(--compare-b)}.gbr-count{color:#ffffff59;font-size:.65rem;text-align:right}.group-detail-content{flex:1 1;overflow-y:auto;padding:16px 20px}.group-detail-summary{background:#ffffff0a;border-radius:8px;display:flex;font-size:.88rem;gap:20px;margin-bottom:16px;padding:12px 16px}.gds-common{color:#22d3ee;color:var(--compare-accent);font-weight:600}.gds-a{color:#6366f1;color:var(--compare-a)}.gds-b{color:#f59e0b;color:var(--compare-b)}.group-detail-section{margin-bottom:18px}.gds-title{border-bottom:1px solid #ffffff0f;font-size:.9rem;font-weight:600;margin:0 0 10px;padding-bottom:6px}.gds-title-common{border-bottom-color:#22d3ee26;color:#22d3ee;color:var(--compare-accent)}.gds-title-a{border-bottom-color:#6366f126;color:#6366f1;color:var(--compare-a)}.gds-title-b{border-bottom-color:#f59e0b26;color:#f59e0b;color:var(--compare-b)}.group-view-all-btn{display:block;margin:16px auto 0;width:fit-content}.genre-overlap-score{background:linear-gradient(135deg,#6366f114,#f59e0b14);border:1px solid #ffffff0f;border-radius:12px;margin-bottom:16px;padding:16px;text-align:center}.genre-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#f59e0b);background:linear-gradient(135deg,var(--compare-a),var(--compare-b));-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:800}.genre-score-label{color:#ffffff73;font-size:.78rem;margin-top:2px}.genre-bars{display:flex;flex-direction:column;gap:8px}.genre-bar-row{grid-gap:10px;align-items:center;display:grid;font-size:.82rem;gap:10px;grid-template-columns:90px 1fr}.genre-bar-label{color:#ffffffd9;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-bar-track{background:#ffffff08;border-radius:6px;display:flex;flex-direction:column;height:28px;overflow:hidden;position:relative}.genre-bar-a{background:linear-gradient(90deg,#6366f1,#6366f166);background:linear-gradient(90deg,var(--compare-a),#6366f166);border-radius:6px 6px 0 0}.genre-bar-a,.genre-bar-b{align-items:center;display:flex;height:50%;padding-left:6px;transition:width .4s ease}.genre-bar-b{background:linear-gradient(90deg,#f59e0b,#f59e0b66);background:linear-gradient(90deg,var(--compare-b),#f59e0b66);border-radius:0 0 6px 6px}.genre-bar-a span,.genre-bar-b span{color:#fff;font-size:.65rem;font-weight:700;text-shadow:0 1px 3px #00000080}.genre-bar-counts{display:none}.gbc-a{color:#6366f1;color:var(--compare-a)}.gbc-b{color:#f59e0b;color:var(--compare-b)}.unique-genres{margin-top:14px}.unique-genres h4{font-size:.85rem;margin:0 0 8px}.unique-genre-chips{display:flex;flex-wrap:wrap;gap:6px}.unique-genre-chip{border-radius:12px;font-size:.72rem;padding:3px 10px}.chip-a{background:#6366f126;color:#6366f1;color:var(--compare-a)}.chip-b{background:#f59e0b26;color:#f59e0b;color:var(--compare-b)}.score-dist-chart{align-items:flex-end;display:flex;gap:4px;height:180px;padding:0 4px}.score-dist-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.score-dist-bars{align-items:flex-end;display:flex;gap:2px;height:160px;width:100%}.sdb-a,.sdb-b{align-items:flex-start;border-radius:3px 3px 0 0;display:flex;flex:1 1;justify-content:center;min-height:2px;transition:height .4s}.sdb-a{background:#6366f1;background:var(--compare-a)}.sdb-b{background:#f59e0b;background:var(--compare-b)}.sdb-a span,.sdb-b span{color:#fff;font-size:.7rem;font-weight:700;padding-top:3px;text-shadow:0 1px 3px #00000080}.score-dist-label{color:#ffffffa6;font-size:.8rem;font-weight:600}.score-dist-legend{display:flex;font-size:.75rem;gap:20px;justify-content:center;margin-top:10px}.sdl-a{color:#6366f1;color:var(--compare-a)}.sdl-b{color:#f59e0b;color:var(--compare-b)}.scoring-cards{align-items:center;display:flex;gap:16px}.scoring-card{background:#ffffff0a;border-radius:10px;flex:1 1;padding:18px 14px;text-align:center}.sc-name{font-size:.9rem;font-weight:600;margin-bottom:4px}.sc-avg{color:#fff;font-size:2rem;font-weight:800}.sc-label{color:#ffffff59;font-size:.7rem}.sc-style{font-size:.78rem;font-weight:600;margin:6px 0}.sc-generous{color:#4ade80;color:var(--green)}.sc-moderate{color:#fbbf24;color:var(--yellow)}.sc-strict{color:#f87171;color:var(--red)}.sc-detail{color:#ffffff59;font-size:.7rem}.scoring-vs{color:#fff3;font-size:1.2rem;font-weight:800}.correlation-display{padding:20px;text-align:center}.corr-value{font-size:2.5rem;font-weight:800}.corr-label{color:#ffffff73;font-size:.8rem;margin-top:4px}.corr-avg-diff{color:#ffffff59;font-size:.75rem;margin-top:4px}.studio-overlap-stat{background:#ffffff08;border-radius:8px;color:#ffffff80;font-size:.82rem;margin-bottom:14px;padding:10px;text-align:center}.studio-list{display:flex;flex-direction:column;gap:6px}.studio-row{grid-gap:10px;align-items:center;display:grid;font-size:.82rem;gap:10px;grid-template-columns:100px 1fr;padding:4px 0}.studio-row:nth-child(odd){background:none}.studio-name{color:#ffffffd9;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-counts{display:flex;gap:4px;height:22px}.studio-cnt-a{background:linear-gradient(90deg,#6366f1,#6366f166);background:linear-gradient(90deg,var(--compare-a),#6366f166)}.studio-cnt-a,.studio-cnt-b{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:.72rem;font-weight:700;height:100%;justify-content:center;min-width:28px;padding:0 6px;transition:width .3s}.studio-cnt-b{background:linear-gradient(90deg,#f59e0b,#f59e0b66);background:linear-gradient(90deg,var(--compare-b),#f59e0b66)}.timeline-bars{display:flex;flex-direction:column;gap:6px}.timeline-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:55px 1fr}.timeline-decade{color:#fffc;font-size:.85rem;font-weight:700}.timeline-bar-track{display:flex;flex-direction:column;gap:3px}.timeline-bar-a,.timeline-bar-b{align-items:center;border-radius:4px;display:flex;height:16px;min-width:4px;padding-left:6px;transition:width .4s ease}.timeline-bar-a{background:linear-gradient(90deg,#6366f1,#6366f159);background:linear-gradient(90deg,var(--compare-a),#6366f159)}.timeline-bar-b{background:linear-gradient(90deg,#f59e0b,#f59e0b59);background:linear-gradient(90deg,var(--compare-b),#f59e0b59)}.timeline-bar-a span,.timeline-bar-b span{color:#fff;font-size:.68rem;font-weight:700;text-shadow:0 1px 3px #00000080}.status-comparison{gap:10px}.status-comparison,.status-row{display:flex;flex-direction:column}.status-row{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;font-size:.85rem;gap:6px;padding:10px 14px}.status-row:nth-child(odd){background:#ffffff0a}.status-label{font-size:.82rem;font-weight:600}.status-bar-track{background:#ffffff08;border-radius:6px;display:flex;height:22px;overflow:hidden}.status-bar-a{background:linear-gradient(90deg,#6366f1,#6366f180);background:linear-gradient(90deg,var(--compare-a),#6366f180)}.status-bar-a,.status-bar-b{align-items:center;display:flex;height:100%;justify-content:center;transition:width .4s ease}.status-bar-b{background:linear-gradient(90deg,#f59e0b80,#f59e0b);background:linear-gradient(90deg,#f59e0b80,var(--compare-b))}.status-bar-a span,.status-bar-b span{color:#fff;font-size:.68rem;font-weight:700;padding:0 4px;text-shadow:0 1px 3px #00000080;white-space:nowrap}.status-values{display:flex;font-size:.72rem;justify-content:space-between}.sv-a{color:#6366f1;color:var(--compare-a)}.sv-b{color:#f59e0b;color:var(--compare-b)}.hot-takes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hot-take-card{background:#ffffff0a;border:1px solid #f871711f;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background .2s,transform .15s}.hot-take-card:hover{background:#ffffff14;transform:translateY(-2px)}.htc-cover{border-radius:5px;height:75px;min-width:55px;overflow:hidden;width:55px}.htc-cover img{height:100%;object-fit:cover;width:100%}.htc-no-cover{align-items:center;background:#ffffff14;color:#fff3;display:flex;height:100%;justify-content:center;width:100%}.htc-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.htc-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden}.htc-scores{display:flex;flex-wrap:wrap;font-size:.72rem;gap:8px}.htc-a{color:#6366f1;color:var(--compare-a)}.htc-b{color:#f59e0b;color:var(--compare-b)}.htc-diff{background:#f871711f;border-radius:3px;color:#f87171;color:var(--red);font-size:.72rem;font-weight:700;margin-top:auto;padding:2px 6px;width:fit-content}@media (max-width:800px){.compare-top{flex-direction:column}.compare-saved-section{max-width:100%}.compare-anime-grid,.compare-overlay-grid{grid-template-columns:repeat(2,1fr)}.scoring-cards{flex-direction:column}.scoring-vs{display:none}.anime-compare-summary{flex-direction:column;gap:10px}.group-cards-grid{grid-template-columns:1fr}.group-detail-summary{flex-direction:column;gap:8px}}@media (max-width:520px){.compare-anime-grid,.compare-overlay-grid,.hot-takes-grid{grid-template-columns:1fr}.h2h-row{font-size:.82rem}.genre-bar-row{grid-template-columns:70px 1fr 50px}.group-summary-bar{flex-direction:column;gap:8px}}.loading-spinner-container{flex-direction:column;min-height:200px;padding:2rem}.loading-spinner,.loading-spinner-container{align-items:center;display:flex;justify-content:center}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary)}.loading-spinner.small .spinner{border-width:2px;height:24px;width:24px}.loading-spinner.medium .spinner{height:40px;width:40px}.loading-spinner.large .spinner{border-width:4px;height:60px;width:60px}.loading-message{color:var(--color-text-secondary);font-size:.95rem;margin-top:1rem}.oauth-callback-container{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.callback-content{max-width:500px;text-align:center}.callback-content h2{color:var(--color-text-primary);font-size:1.75rem;margin:1.5rem 0 .75rem}.callback-content p{color:var(--color-text-secondary);font-size:1rem}.error-icon,.success-icon{align-items:center;animation:scaleIn .3s ease-out;border-radius:50%;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.success-icon{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.error-icon{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.responses-page{animation:rPageFadeIn .4s ease;margin:0 auto;max-width:900px;padding:1.5rem 2rem 2rem}@keyframes rPageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.responses-header{margin-bottom:1.5rem}.responses-title{color:var(--color-text-primary);font-size:1.6rem;font-weight:700;margin-bottom:.25rem}.responses-subtitle{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.88rem;gap:.5rem}.header-unread-pill{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:10px;color:#fff;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:.15rem .55rem}.conversation-list{display:flex;flex-direction:column;gap:.75rem}.conversation-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;transition:all .25s ease}.conversation-card:hover{box-shadow:0 4px 20px #00000014}.conversation-card.card-unread{border-left:3px solid var(--color-primary)}.conversation-card.card-expanded{box-shadow:0 6px 24px #0000001f}.conversation-header{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.85rem 1.15rem;transition:background .15s ease}.conversation-header:hover{background:var(--color-bg)}.conversation-header.expanded{border-bottom:1px solid var(--color-border)}.conversation-header-left{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.conversation-title-row{align-items:center;display:flex;gap:.45rem}.unread-dot{animation:dotPulse 2s infinite;background:var(--color-primary);border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.conversation-title{color:var(--color-text-primary);font-size:.98rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem}.meta-separator{opacity:.4}.conversation-badge{border-radius:5px;font-size:.68rem;font-weight:700;letter-spacing:.3px;padding:.12rem .45rem;text-transform:uppercase}.conversation-badge.category-feature{background:#a855f71f;color:#a855f7}.conversation-badge.category-bug{background:#ef44441f;color:#ef4444}.conversation-badge.category-improvement{background:#3b82f61f;color:#3b82f6}.conversation-badge.category-other{background:#6b72801f;color:#9ca3af}.status-pill{border-radius:5px;font-size:.68rem;font-weight:600;padding:.12rem .45rem}.status-pill.status-new{background:#3b82f61a;color:#60a5fa}.status-pill.status-read{background:#f59e0b1a;color:#fbbf24}.status-pill.status-planned{background:#a855f71a;color:#c084fc}.status-pill.status-done{background:#10b9811a;color:#34d399}.status-pill.status-declined{background:#ef44441a;color:#f87171}.conversation-preview{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:.35rem;margin-top:.15rem;overflow:hidden}.preview-sender{flex-shrink:0;font-size:.75rem;font-weight:600}.preview-text{flex:1 1;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-time{flex-shrink:0;font-size:.7rem;margin-left:auto;opacity:.6}.conversation-chevron{color:var(--color-text-secondary);flex-shrink:0;font-size:1.3rem;opacity:.5;transform:rotate(-90deg);transition:transform .3s ease}.conversation-chevron.expanded{transform:rotate(-270deg)}.conversation-thread{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.conversation-thread.expanded{max-height:3000px}.thread-original{background:var(--color-bg);border-left:3px solid var(--color-text-secondary);border-radius:10px;margin:1rem 1.15rem .5rem;padding:.85rem 1rem}.thread-original-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.thread-original-label{color:var(--color-text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.thread-original-date{color:var(--color-text-secondary);font-size:.68rem;opacity:.7}.thread-original-text{color:var(--color-text-primary);font-size:.87rem;line-height:1.55;white-space:pre-wrap}.thread-messages{display:flex;flex-direction:column;gap:.4rem;max-height:400px;overflow-y:auto;padding:.75rem 1.15rem;scroll-behavior:smooth}.thread-messages::-webkit-scrollbar{width:4px}.thread-messages::-webkit-scrollbar-track{background:#0000}.thread-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.date-separator{align-items:center;display:flex;gap:.75rem;margin:.6rem 0}.date-separator:after,.date-separator:before{background:var(--color-border);content:"";flex:1 1;height:1px}.date-separator span{color:var(--color-text-secondary);font-size:.68rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.thread-message{animation:msgSlideIn .25s ease;display:flex;flex-direction:column}.thread-message.grouped{margin-top:-.2rem}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.thread-message.admin{align-items:flex-start}.thread-message.user{align-items:flex-end}.thread-message-sender{font-size:.7rem;font-weight:700;margin-bottom:.15rem;margin-left:.2rem;margin-right:.2rem}.thread-message.admin .thread-message-sender{color:var(--color-primary)}.thread-message.user .thread-message-sender{color:var(--color-accent)}.thread-message-bubble{border-radius:12px;font-size:.87rem;line-height:1.5;max-width:78%;padding:.6rem .85rem;position:relative}.thread-message.admin .thread-message-bubble{background:linear-gradient(135deg,#818cf81a,#c084fc1a);border:1px solid #818cf826;border-radius:4px 12px 12px 12px}.thread-message.admin.grouped .thread-message-bubble{border-radius:4px 12px 12px 12px}.thread-message.user .thread-message-bubble{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px 4px 12px 12px}.thread-message.user.grouped .thread-message-bubble{border-radius:12px 4px 12px 12px}.thread-message-text{word-wrap:break-word;color:var(--color-text-primary);white-space:pre-wrap}.thread-message-time{color:var(--color-text-secondary);font-size:.62rem;margin-top:.2rem;opacity:.7}.thread-message.admin .thread-message-time{text-align:left}.thread-message.user .thread-message-time{text-align:right}.thread-reply-bar{background:var(--color-card-bg);border-top:1px solid var(--color-border);padding:.65rem 1.15rem .85rem}.sent-confirmation{animation:sentFade 2s ease forwards;color:var(--color-primary);font-size:.78rem;font-weight:600;padding:.3rem;text-align:center}@keyframes sentFade{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}.thread-reply-row{align-items:flex-end;display:flex;gap:.4rem}.thread-reply-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:.87rem;line-height:1.4;max-height:100px;min-height:38px;padding:.6rem .8rem;resize:none;transition:border-color .2s}.thread-reply-input:focus{border-color:var(--color-primary);outline:none}.thread-reply-input::placeholder{color:var(--color-text-secondary);opacity:.6}.thread-reply-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:38px;justify-content:center;transition:all .15s;width:38px}.thread-reply-btn:hover:not(:disabled){box-shadow:0 3px 10px #6366f14d;transform:scale(1.05)}.thread-reply-btn:disabled{cursor:not-allowed;opacity:.35}.btn-loading{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.reply-footer{color:var(--color-text-secondary);display:flex;font-size:.66rem;justify-content:space-between;opacity:.6;padding:.25rem .1rem 0}.char-count.warn{color:#f59e0b;opacity:1}.char-count.over{color:#ef4444;font-weight:700;opacity:1}.reply-hint{font-style:italic}.responses-empty{color:var(--color-text-secondary);padding:4rem 1rem;text-align:center}.responses-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.responses-empty-text{color:var(--color-text-primary);font-size:1.05rem;font-weight:600;margin-bottom:.4rem}.responses-empty-subtext{font-size:.88rem;opacity:.7}.responses-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:.6rem;justify-content:center;padding:3rem}.loading-spinner{animation:spin .7s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:18px;width:18px}@media (max-width:600px){.responses-page{padding:1rem}.thread-message-bubble{max-width:88%}.conversation-header{padding:.7rem .85rem}.thread-messages{padding:.5rem .75rem}}:root[data-theme=cosmic]{--color-bg:#0f0a1f;--color-card-bg:#1e1533;--color-card-hover:#2e2543;--color-text-primary:#faf5ff;--color-text-secondary:#d8b4fe;--color-border:#2e2543;--color-primary:#a855f7;--color-primary-light:#a855f726;--color-accent:#ec4899;--color-error:#f87171;--bg-primary:var(--color-bg);--bg-secondary:var(--color-card-bg);--bg-hover:var(--color-card-hover);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--border-color:var(--color-border);--primary-color:var(--color-primary)}:root[data-theme=cosmic] .app-footer,:root[data-theme=cosmic] .app-nav{background:linear-gradient(135deg,#1e1533,#0f0a1f)}:root[data-theme=cosmic] .app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899,#7c3aed);-webkit-background-clip:text;background-clip:text}:root[data-theme=cosmic] .nav-tab.active{background:linear-gradient(135deg,#a855f740,#ec489926);box-shadow:0 0 25px #a855f766}:root[data-theme=midnight]{--color-bg:#030712;--color-card-bg:#111827;--color-card-hover:#1f2937;--color-text-primary:#f9fafb;--color-text-secondary:#93c5fd;--color-border:#1f2937;--color-primary:#3b82f6;--color-primary-light:#3b82f626;--color-accent:#60a5fa;--color-error:#f87171;--bg-primary:var(--color-bg);--bg-secondary:var(--color-card-bg);--bg-hover:var(--color-card-hover);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--border-color:var(--color-border);--primary-color:var(--color-primary)}:root[data-theme=midnight] .app-footer,:root[data-theme=midnight] .app-nav{background:linear-gradient(135deg,#111827,#030712)}:root[data-theme=midnight] .app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa,#2563eb);-webkit-background-clip:text;background-clip:text}:root[data-theme=midnight] .nav-tab.active{background:linear-gradient(135deg,#3b82f640,#60a5fa26);box-shadow:0 0 25px #3b82f666}:root[data-theme=fire]{--color-bg:#0c1116;--color-card-bg:#151b23;--color-card-hover:#1e2730;--color-text-primary:#f0f6fc;--color-text-secondary:#8b949e;--color-border:#21262d;--color-primary:#e45f3a;--color-primary-light:#e45f3a26;--color-accent:#f97316;--color-error:#f87171;--bg-primary:var(--color-bg);--bg-secondary:var(--color-card-bg);--bg-hover:var(--color-card-hover);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--border-color:var(--color-border);--primary-color:var(--color-primary)}:root[data-theme=fire] .app-footer,:root[data-theme=fire] .app-nav{background:linear-gradient(135deg,#151b23,#0c1116)}:root[data-theme=fire] .app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e45f3a,#f97316,#d4451a);-webkit-background-clip:text;background-clip:text}:root[data-theme=fire] .nav-tab.active{background:linear-gradient(135deg,#e45f3a40,#f9731626);box-shadow:0 0 25px #e45f3a66}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}*{scrollbar-color:var(--color-primary) var(--color-bg);scrollbar-width:thin}.app{display:flex;flex-direction:column;min-height:100vh}.app-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-card-bg);border-bottom:2px solid var(--color-border);box-shadow:0 4px 16px #00000026;position:sticky;top:0;z-index:100}.nav-container{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:1600px;padding:1rem 180px .75rem 2rem;position:relative}.app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;display:none;flex-shrink:0;font-size:1.5rem;font-weight:700;padding:0}.nav-tabs{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto;overflow:visible;padding:0;width:100%}.refresh-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:10px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;position:absolute;right:2rem;top:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:10}.refresh-btn:hover:not(:disabled){box-shadow:0 6px 20px #06b6d466;transform:translateY(-2px) scale(1.02)}:root[data-theme=fire] .refresh-btn:hover:not(:disabled){box-shadow:0 6px 20px #e45f3a66}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.nav-tab{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1.5px solid #0000;border-radius:10px;box-shadow:0 2px 6px #00000014;color:var(--color-text-secondary);font-size:1.05rem;font-weight:500;overflow:hidden;padding:.85rem 1rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-tab:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-tab:hover:before{left:100%}.nav-tab:hover{background:var(--color-card-hover);box-shadow:0 6px 16px #00000026;color:var(--color-text-primary)}.nav-tab.active,.nav-tab:hover{border-color:var(--color-primary);transform:translateY(-2px)}.nav-tab.active{background:linear-gradient(135deg,rgba(var(--color-primary),.2),rgba(var(--color-accent),.1));background:var(--color-primary-light);box-shadow:0 4px 12px #06b6d44d,0 0 20px #06b6d426;color:var(--color-primary);font-weight:700}.nav-tab.active:after{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);border-radius:2px;bottom:0;content:"";height:3px;left:10%;position:absolute;right:10%}.nav-tab-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:10px;box-shadow:0 2px 6px #ef444466;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;line-height:1;margin-left:6px;min-width:20px;padding:0 6px;vertical-align:middle}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-main{background:var(--color-bg);flex:1 1;min-height:calc(100vh - 200px)}.app-footer{background:var(--color-card-bg);border-top:2px solid var(--color-border);padding:1.5rem 2rem;text-align:center}.app-footer p{color:var(--color-text-secondary);font-size:.9rem}.app-footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width:1366px){.nav-container{max-width:100%;padding-right:160px}.nav-tabs{gap:.4rem}.nav-tab{font-size:.85rem;padding:.75rem}}@media (max-width:1024px){.nav-tabs{grid-template-columns:repeat(4,1fr)}.nav-tab{font-size:.8rem;padding:.65rem .6rem}.nav-container{padding-right:140px}.refresh-btn{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:768px){.nav-container{padding:1rem 130px 1rem 1rem}.nav-tabs{gap:.4rem;grid-template-columns:repeat(3,1fr)}.nav-tab{font-size:.75rem;padding:.6rem .5rem}.refresh-btn{font-size:.75rem;padding:.5rem .8rem;right:1rem;top:.75rem}}@media (max-width:480px){.nav-container{padding-right:100px}.nav-tabs{gap:.35rem;grid-template-columns:repeat(2,1fr)}.nav-tab{font-size:.7rem;padding:.55rem .4rem}.refresh-btn{font-size:.7rem;padding:.4rem .7rem}.app-footer{padding:1rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.master-nav{background:var(--color-card-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:101}.master-nav-container{display:flex;gap:.5rem;justify-content:center;margin:0 auto;max-width:1600px;padding:.6rem 2rem}.master-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.master-tab:hover{color:var(--color-text-primary)}.master-tab.active,.master-tab:hover{border-bottom-color:var(--color-primary)}.master-tab.active{color:var(--color-primary);font-weight:700}.master-nav+.app-nav{top:50px}@media (max-width:768px){.master-nav-container{gap:.25rem;justify-content:flex-start;overflow-x:auto;padding:.5rem 1rem}.master-tab{font-size:.9rem;padding:.4rem 1rem}.master-nav+.app-nav{top:44px}}
/*# sourceMappingURL=main.f9a2113d.css.map*/