.terms-modal{max-width:600px}.terms-modal .terms-modal-content{color:var(--color-text-secondary);padding:24px;line-height:1.6}.terms-modal-content h3{color:var(--color-text-primary);margin-top:0;margin-bottom:12px;font-size:1.1rem}.terms-modal-content p{margin-bottom:16px}.terms-modal-links{gap:16px;margin-top:24px;font-size:.9rem;display:flex}.terms-modal-link{color:var(--accent-color);font-weight:500;text-decoration:none;transition:opacity .2s}.terms-modal-link:hover{opacity:.8;text-decoration:underline}.terms-modal .terms-modal-footer{padding:24px}.terms-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.terms-btn.decline{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.terms-btn.decline:hover{color:var(--text-primary);background:#ffffff0d}.terms-btn.accept{background:var(--accent-color);color:#fff}.terms-btn.accept:hover{filter:brightness(1.1);transform:translateY(-1px)}.terms-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.terms-modal-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-top:20px;padding:12px;font-size:.9rem}.getting-started-header{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);color:var(--color-background);text-align:center;padding:24px}.getting-started-header h2{justify-content:center;align-items:center;gap:12px;margin:0;font-size:1.5rem;display:flex}.getting-started-header .beta-badge{color:#fff;letter-spacing:.05em;background:#0000004d;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.getting-started-modal .getting-started-content{padding:24px}.getting-started-modal .getting-started-content h3{color:var(--color-text-primary);margin:0 0 12px;font-size:1.2rem}.getting-started-modal .getting-started-content p{color:var(--color-text-secondary);margin-bottom:24px;line-height:1.5}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:24px;display:flex}.tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-weight:500;transition:all .2s}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-muted);margin-bottom:8px;font-size:.9rem;display:block}.form-group input{background:var(--color-surface-hover);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:8px;padding:12px;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--color-accent);outline:none}.getting-started-modal .getting-started-footer{flex-direction:column;gap:12px;padding:16px 24px 24px;display:flex}.start-btn{background:var(--color-accent);width:100%;color:var(--color-background);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:600;transition:filter .2s;display:flex}.start-btn:hover{filter:brightness(1.1)}.start-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:10px;font-size:.9rem}.secondary-btn:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}.error-hint{color:#ef4444;margin-top:8px;font-size:.85rem}.getting-started-content.donation-step{text-align:center}.donation-step .donation-icon-wrapper{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.donation-step .donation-icon{animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.donation-step h3{color:var(--color-text-primary);margin:0 0 16px;font-size:1.3rem}.donation-step p{color:var(--color-text-secondary);margin-bottom:12px;line-height:1.6}.donation-step strong{color:var(--color-text-primary)}.donate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;transition:filter .2s,transform .1s;display:flex}@media (width<=480px){.getting-started-content.donation-step{padding:20px}.donation-step .donation-icon-wrapper{width:56px;height:56px}.donation-step h3{font-size:1.15rem}}.tour-overlay{z-index:1999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tour-mask{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.tour-mask-path{transition:d .2s ease-in-out,fill .3s}.tour-tooltip{pointer-events:auto;background:var(--color-surface);border:1px solid var(--color-accent-border);box-shadow:var(--shadow-modal);border-radius:12px;padding:1.25rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) tourPopIn}@keyframes tourPopIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tour-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.tour-title{color:var(--color-text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.tour-title svg{color:var(--color-accent)}.tour-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.tour-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.tour-content{color:var(--color-text-secondary);margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.tour-footer{justify-content:space-between;align-items:center;display:flex}.tour-progress{gap:6px;display:flex}.tour-dot{background:var(--color-border-subtle);border-radius:50%;width:6px;height:6px;transition:all .3s}.tour-dot.active{background:var(--color-accent);transform:scale(1.2)}.tour-actions{gap:.5rem;display:flex}.tour-btn{cursor:pointer;border-radius:6px;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tour-btn.primary{background:var(--color-accent);color:var(--color-background);border:none}.tour-btn.primary:hover{background:var(--color-accent-hover)}.tour-btn.secondary{background:var(--color-surface-hover);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.tour-btn.secondary:hover{background:var(--color-border-subtle);color:var(--color-text-primary)}.tour-arrow{background:var(--color-surface);border:1px solid var(--color-accent-border);z-index:-1;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.tour-arrow.bottom{border-bottom:none;border-right:none;top:-7px}.tour-arrow.top{border-top:none;border-left:none;bottom:-7px}.tour-highlight{box-shadow:none!important;outline:none!important}.update-banner{z-index:10000;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-lg);color:var(--color-text-primary);border-radius:12px;justify-content:space-between;align-items:center;gap:1.5rem;min-width:320px;max-width:90vw;padding:.75rem 1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) slide-down;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.update-banner.reactive{background:var(--color-success-bg);border-color:var(--color-success-border)}:root[data-theme=light] .update-banner{background:#ffffffd9;border-color:#00000014}.update-content{align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;display:flex}.update-btn{background:var(--color-accent);color:var(--color-background);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.update-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.update-btn:active{transform:translateY(0)}.update-btn:disabled{opacity:.7;cursor:not-allowed}.close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.check-icon{background:var(--color-success);width:20px;height:20px;color:var(--color-text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.spinning{animation:1s linear infinite spin}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-2rem)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.update-banner{text-align:center;flex-direction:column;gap:1rem;padding:1rem;top:auto;bottom:2rem}.update-content{flex-direction:column;gap:.5rem}.update-btn{width:100%}}.donation-reminder-modal{position:relative;overflow:hidden}.donation-close-btn{color:var(--color-text-muted);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.donation-close-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.donation-reminder-content{text-align:center;padding:32px 32px 24px}.donation-icon-wrapper{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);width:80px;height:80px;color:var(--color-background);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.donation-icon{animation:1.5s ease-in-out infinite heartbeat}.donation-reminder-content h2{color:var(--color-text-primary);margin:0 0 20px;font-size:1.5rem}.donation-message{color:var(--color-text-secondary);margin-bottom:16px;line-height:1.6}.donation-message strong{color:var(--color-text-primary)}.donation-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.donate-btn{background:linear-gradient(135deg, var(--color-danger) 0%, #dc2626 100%);width:100%;color:var(--color-background);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1rem;font-weight:600;transition:filter .2s,transform .1s;display:flex}.donate-btn:hover{filter:brightness(1.1)}.donate-btn:active{transform:scale(.98)}.remind-later-btn{border:1px solid var(--color-border);width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:12px;font-size:.95rem;transition:all .2s}.remind-later-btn:hover{border-color:var(--color-text-muted);color:var(--color-text-primary);background:var(--color-surface-hover)}@media (width<=480px){.donation-reminder-content{padding:24px}.donation-icon-wrapper{width:64px;height:64px}.donation-reminder-content h2{font-size:1.25rem}}.whats-new-banner{background:linear-gradient(90deg, var(--color-secondary-hover) 0%, var(--color-secondary) 100%);color:#fff;z-index:1001;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.whats-new-banner-icon{flex-shrink:0}.whats-new-banner-text{min-width:0}.whats-new-banner-text strong{font-weight:600}.whats-new-banner-button{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;flex-shrink:0;padding:.25rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.whats-new-banner-button:hover{background:#ffffff4d;border-color:#fff}.whats-new-banner-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.whats-new-banner-close:hover{color:#fff}@media (width<=600px){.whats-new-banner{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;font-size:.85rem}}.whats-new-modal .modal-panel{overflow:hidden}.whats-new-modal-body{padding:0}.whats-new-empty{text-align:center;color:var(--color-text-muted,#94a3b8);margin:0;padding:2rem}.whats-new-entry{border-bottom:1px solid var(--color-border-subtle,#ffffff0f);padding:1.25rem 1.5rem}.whats-new-entry:last-child{border-bottom:none}.whats-new-entry-latest{background:linear-gradient(#3b82f60f 0%,#0000 100%)}:root[data-theme=light] .whats-new-entry-latest{background:linear-gradient(#3b82f60a 0%,#0000 100%)}.whats-new-entry-header{margin-bottom:.5rem}.whats-new-entry-meta{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.whats-new-tag{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--color-accent,#3b82f6);border-radius:999px;padding:.1rem .5rem;font-size:.65rem;font-weight:700;line-height:1.4;display:inline-block}.whats-new-tag-feature{background:var(--color-accent,#3b82f6)}.whats-new-tag-improvement{background:#10b981}.whats-new-tag-fix{background:#f59e0b}.whats-new-tag-announcement{background:#8b5cf6}.whats-new-entry-date{color:var(--color-text-muted,#94a3b8);font-size:.75rem;font-weight:500}.whats-new-entry-title{color:var(--color-text-primary,#f1f5f9);margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.whats-new-entry-image{object-fit:cover;border-radius:8px;width:100%;max-height:280px;margin:.75rem 0;display:block}.whats-new-entry-body{color:var(--color-text-secondary,#cbd5e1);font-size:.92rem;line-height:1.55}.whats-new-entry-body :first-child{margin-top:0}.whats-new-entry-body :last-child{margin-bottom:0}.whats-new-entry-body p{margin:.5rem 0}.whats-new-entry-body ul,.whats-new-entry-body ol{margin:.5rem 0;padding-left:1.5rem}.whats-new-entry-body li{margin:.25rem 0}.whats-new-entry-body code{background:#94a3b826;border-radius:4px;padding:.1rem .35rem;font-size:.85em}.whats-new-entry-body a{color:var(--color-accent,#3b82f6);text-decoration:none}.whats-new-entry-body a:hover{text-decoration:underline}.maintenance-banner{color:#fff;z-index:1001;background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%);justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.maintenance-banner-content{align-items:center;gap:.5rem;display:flex}.maintenance-banner-button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.maintenance-banner-button:hover{background:#ffffff4d;border-color:#fff}[data-theme=dark] .maintenance-banner{background:linear-gradient(90deg,#b45309 0%,#92400e 100%)}.user-profile{align-items:center;gap:0 1rem;margin:0;padding:0;display:flex;position:relative}.avatar-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;transition:transform .2s;display:flex}.avatar-trigger:hover{transform:scale(1.05)}.user-avatar{border:2px solid var(--color-accent);width:36px;height:36px;box-shadow:0 0 10px var(--color-accent-muted);vertical-align:middle;border-radius:50%;display:block}.user-menu-popup{background:var(--color-surface);border:1px solid var(--color-border-subtle);min-width:200px;box-shadow:0 10px 25px var(--shadow-lg);z-index:1000;border-radius:12px;animation:.2s ease-out slideInDown;position:absolute;top:calc(100% + 12px);right:0;overflow:visible}.user-menu-popup.portal{position:absolute}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-info{padding:1rem}.user-menu-info:first-child{border-radius:12px 12px 0 0}.user-menu-name{color:var(--color-text-primary);margin:0;font-size:.95rem;font-weight:700}.user-menu-email{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.8rem}.user-menu-divider{background:var(--color-border-subtle);height:1px;margin:0}.user-menu-item{width:100%;color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.user-menu-item:hover{background:var(--color-accent-muted);color:var(--color-accent)}.user-menu-item.logout:hover{background:var(--color-danger-bg);color:var(--color-danger)}.user-menu-popup>.user-menu-info:first-child{border-radius:11px 11px 0 0}.user-menu-popup>.user-menu-item:last-child,.user-menu-popup>a:last-child{border-radius:0 0 11px 11px}@media (width<=900px){.user-avatar{width:30px;height:30px}}.layout-container{background-color:var(--color-background);background-image:var(--gradient-bg);min-height:100vh;color:var(--color-text-secondary);flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.impersonation-banner{background:linear-gradient(90deg, var(--color-secondary-hover) 0%, var(--color-secondary) 100%);color:#fff;z-index:1001;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.impersonation-banner strong{margin-left:.25rem}.stop-impersonate-btn{background:var(--color-surface-hover);color:#fff;cursor:pointer;border:1px solid #ffffff4d;border-radius:4px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.stop-impersonate-btn:hover{background:#ffffff4d;border-color:#fff}.maintenance-banner-visitor{color:#fff;z-index:1001;text-align:center;background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.maintenance-banner-visitor svg{margin-bottom:.25rem}.maintenance-subtext{opacity:.9;margin-top:.25rem;font-size:.9rem;font-weight:400}[data-theme=dark] .maintenance-banner-visitor{background:linear-gradient(90deg,#b45309 0%,#92400e 100%)}.header{background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle);z-index:100;flex-direction:column;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.header-container-mobile{justify-content:space-between;align-items:center;width:100%;padding:.5rem 2rem;display:flex}.header.scrolled{background:var(--color-background-elevated);box-shadow:0 4px 20px #0000001a}.logo-link{color:inherit;text-decoration:none;transition:transform .2s}.logo-link:hover{transform:scale(1.02)}.header-left{align-items:center;display:flex}.logo{color:var(--color-accent);white-space:nowrap;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo-text{white-space:nowrap;display:inline-block}.mobile-nav-logo{display:none}.demo-badge,.beta-badge{background:var(--color-warning);color:#000;letter-spacing:.05em;border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.nav{align-items:center;gap:1.5rem;padding-bottom:0;display:flex}.nav-link{color:var(--color-text-muted);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-link:hover{color:var(--color-accent)}.auth-group{align-items:center;gap:.75rem;display:flex}@media (width<=900px){.donate-btn .btn-text,.auth-btn.demo .btn-text{display:none}.donate-btn{border-radius:8px;padding:.5rem}.auth-btn.demo{min-width:auto;padding:.5rem}.auth-btn.login{padding:.5rem .75rem;font-size:.85rem}.auth-btn.login .btn-text{display:none}}@media (width<=480px){.auth-btn.login{padding:.5rem}}.auth-btn{background:var(--color-accent);color:var(--color-background);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:background .2s,transform .1s;display:flex}.auth-btn:hover{background:var(--color-accent-hover)}.auth-btn:active{transform:scale(.98)}.auth-btn.logout{color:var(--color-text-muted);border:1px solid var(--color-border-subtle);background:0 0}.auth-btn.logout:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.auth-btn.demo{color:var(--color-warning);border:1px solid var(--color-warning-border);background:0 0}.auth-btn.demo:hover{background:var(--color-warning-bg);border-color:var(--color-warning)}.nav-right{align-items:center;gap:.75rem;margin-left:auto;padding:0;display:flex}.donate-btn{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.donate-btn:hover{background:var(--color-warning-bg);border-color:var(--color-warning);transform:translateY(-1px)}.setup-section{background:var(--card-bg);border:1px solid var(--color-border-subtle);border-radius:12px;margin-top:2rem;padding:2rem}.input-group{flex-direction:column;gap:0;display:flex}.input-group label{color:var(--color-text-muted);font-weight:600}.input-wrapper{gap:1rem;display:flex}.styled-input{background:var(--input-bg);border:1px solid var(--color-border-medium);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.styled-input:focus{border-color:var(--color-accent)}.fetch-btn{background:var(--color-accent);color:var(--color-background);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.fetch-btn:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 4px 12px var(--color-accent-muted);transform:translateY(-1px)}.fetch-btn.secondary{background:var(--card-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.fetch-btn.secondary:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-accent-border)}.empty-state .fetch-btn,.reauth-prompt .fetch-btn,.sync-prompt .fetch-btn{padding:1rem 2rem;font-size:1.05rem}.fetch-btn:disabled{opacity:.5;cursor:not-allowed}.help-text{color:var(--color-text-tertiary);margin-top:.5rem;font-size:.85rem}.error-message{color:var(--color-danger);background:#ef44441a;border-radius:8px;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.report-issue-link{color:var(--color-danger);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.375rem;margin-left:auto;padding:.25rem .5rem;font-size:.85rem;font-weight:500;transition:background .15s;display:inline-flex}.report-issue-link:hover{background:#ef444426}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.stat-card{background:var(--color-surface);text-align:center;border:1px solid var(--color-border-subtle);border-radius:12px;padding:1.5rem}.stat-card h3{color:var(--color-accent);margin:0;font-size:2.5rem}.stat-card p{color:var(--color-text-muted);margin:.5rem 0 0}.spin{animation:1s linear infinite spin}.login-prompt{text-align:center;color:var(--color-text-muted);padding:3rem}.stat-card.mini{flex-direction:column;justify-content:center;min-height:84px;padding:.75rem 1rem;display:flex;position:relative}.stat-card.mini h3{font-size:1.25rem;line-height:1}.stat-card.mini p{white-space:nowrap;margin-top:.2rem;font-size:.75rem;line-height:1.1}.stat-card.mini.highlight{border-color:var(--color-accent);background:#38bdf81a;position:relative}.clear-selection-btn{background:var(--color-border-subtle);width:20px;max-width:20px;height:20px;max-height:20px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.clear-selection-btn:hover{background:var(--color-danger);color:#fff}.stat-card-actions{gap:2px;display:flex;position:absolute;top:4px;right:4px}.stat-card-actions .clear-selection-btn{position:static}.select-all-btn,.bulk-edit-btn{background:var(--color-border-subtle);width:20px;max-width:20px;height:20px;max-height:20px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.select-all-btn:hover,.bulk-edit-btn:hover{background:var(--color-accent-muted);color:var(--color-accent)}.select-all-link{color:var(--color-accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:.2rem;padding:0;font-size:.7rem;text-decoration:underline}.select-all-link:hover{color:var(--color-accent-hover)}.desktop-only-stat{display:flex}.gallery-section h3{color:var(--color-text-secondary);margin:0}.collection-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}@media (width<=400px){.collection-header{flex-wrap:nowrap;gap:.25rem}.collection-header h3{flex-shrink:0;margin-bottom:0;font-size:1rem}}.header-actions{align-items:center;gap:1rem;display:flex}@media (width<=400px){.header-actions{flex-shrink:0;justify-content:flex-end;gap:.25rem}}.add-watch-btn{background:var(--color-accent-muted);color:var(--color-accent);border:1px solid var(--color-accent-border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.add-watch-btn:hover{background:var(--color-accent-muted);border-color:var(--color-accent);transform:translateY(-1px)}.add-watch-btn:active{transform:translateY(0)}.mobile-only-badge{display:none}.watch-count-badge{background:var(--card-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.8rem;display:inline-flex}.watch-count-badge.highlight{background:var(--color-accent-muted);border-color:var(--color-accent-border);color:var(--color-accent)}.watch-count-badge .count-value{color:var(--color-text-secondary);font-weight:700}.watch-count-badge.highlight .count-value{color:var(--color-accent)}.badge-clear-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.2rem;padding:0;display:flex}.badge-clear-btn:hover{color:var(--color-danger)}@media (width<=768px){.desktop-only-stat{display:none}.mobile-only-badge{display:flex}}.watch-card-info{flex-direction:column;flex:1;padding:1rem 2.5rem 1rem 1rem;display:flex;position:relative}.watch-card-main{flex-direction:column;display:flex}.watch-brand{color:var(--color-accent);text-transform:uppercase;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.8rem;font-weight:600;overflow:hidden}.watch-model{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.edit-mini-btn{background:var(--color-accent-muted);border:1px solid var(--color-accent-border);color:var(--color-accent);cursor:pointer;opacity:0;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.watch-card:hover .edit-mini-btn,.watch-card.edit-mode .edit-mini-btn{opacity:1}.edit-mini-btn:hover{background:var(--color-accent);color:var(--color-background)}.watch-mini-specs{color:var(--color-text-tertiary);gap:.75rem;margin-top:.25rem;font-size:.75rem;display:flex}.watch-info-modal{box-sizing:border-box;min-width:0}.modal-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-header h2{overflow-wrap:break-word;word-wrap:break-word;margin:0;padding-right:1.5rem;font-size:1.25rem}.close-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;transition:color .2s}.close-btn:hover{color:var(--color-text-primary)}@media (width<=600px){.modal-overlay{padding:.5rem}.modal-header,.modal-body{padding:.75rem 1rem}.modal-footer{padding:.75rem}.modal-btn{padding:.625rem 1rem}}.modal-body p{color:var(--color-text-muted);margin-bottom:1rem}.json-import-section{flex-direction:column;align-items:stretch;gap:.75rem;margin-top:.5rem;display:flex}.json-input{background:var(--input-bg);border:1px solid var(--color-border-subtle);width:100%;height:80px;color:var(--color-text-primary);resize:none;border-radius:8px;padding:.75rem;font-family:Courier New,Courier,monospace;font-size:.8rem;transition:all .2s}.json-input:focus{border-color:var(--color-accent);background:var(--color-surface);outline:none}.json-input.error{border-color:var(--color-danger);background:var(--color-danger-bg)}.apply-json-btn{background:var(--color-border-subtle);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.apply-json-btn:hover:not(:disabled){background:var(--color-border-subtle);color:#fff;border-color:var(--color-surface-hover)}.apply-json-btn:disabled{opacity:.5;cursor:not-allowed}.watch-info-form{flex-direction:column;gap:.5rem;display:flex}.preview-layout{align-items:flex-start;gap:1.5rem;display:flex}.preview-column{flex:0 0 280px;width:280px;max-width:280px;position:sticky;top:0;overflow:hidden}.preview-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.preview-container{background:var(--color-surface-hover);border:1px dashed var(--color-border);border-radius:12px;justify-content:center;padding:1rem;display:flex}.preview-container .watch-card{width:100%;margin:0}.form-column{flex:1}.image-url-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.upload-trigger-btn{color:var(--color-accent);cursor:pointer;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.upload-trigger-btn:hover:not(:disabled){border-color:var(--color-accent);background:#38bdf833}.upload-trigger-btn:disabled{opacity:.5;cursor:not-allowed}.upload-error-text{color:var(--color-danger);margin-top:.25rem;font-size:.75rem}.upload-progress-overlay{z-index:5;background:#0f172acc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.progress-bar-container{background:var(--color-border-subtle);border-radius:4px;width:100%;height:8px;margin-bottom:.75rem;overflow:hidden}.progress-bar-fill{background:var(--color-accent);height:100%;transition:width .3s;box-shadow:0 0 10px #38bdf880}.progress-text{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}@media (width<=768px){.preview-layout{flex-direction:column;align-items:stretch;gap:.5rem}.preview-column{flex:none;width:100%;position:static}}.modal-footer{border-top:1px solid var(--color-border-subtle);justify-content:flex-end;gap:1rem;padding:1rem;display:flex}.modal-btn{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.cancel-btn{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);background:0 0}.cancel-btn:hover{background:var(--color-accent-muted);color:var(--color-text-primary)}.watch-info-modal .save-btn{background:var(--color-accent);color:var(--color-background);border:none}.watch-info-modal .save-btn:hover{background:var(--color-accent-hover)}.watch-info-modal .save-btn:disabled{opacity:.5;cursor:not-allowed}.watch-info-modal .modal-footer{justify-content:flex-start;gap:.5rem}.watch-info-modal .delete-btn{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);flex-shrink:0;justify-content:center;width:40px;height:40px;padding:0}.watch-info-modal .delete-btn:hover:not(:disabled){background:var(--color-danger);color:#fff}.watch-info-modal .delete-btn:disabled{opacity:.5;cursor:not-allowed}.settings-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.header-icon{color:var(--color-accent)}.settings-card{max-width:800px}.settings-desc{color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6}.save-btn{background:var(--color-success)}.save-btn:hover:not(:disabled){background:#34d399}.success-message{background:var(--color-success-bg);color:var(--color-success);border-radius:8px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;animation:.3s ease-out fadeIn;display:flex}.empty-state,.sync-prompt{text-align:center;background:var(--card-bg);border:2px dashed var(--color-border-subtle);border-radius:20px;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.empty-icon{color:var(--color-text-tertiary);opacity:.5}.sync-icon-btn{background:var(--card-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.sync-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-accent-border)}.loading-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;color:var(--color-accent);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;inset:0}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:.75rem 2rem}.footer{text-align:center;background:var(--color-surface);border-top:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--color-text-muted);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-accent)}@media (width<=768px){.sync-widget-text{display:none}.header{-webkit-backdrop-filter:none;background:0 0;border-bottom:none;top:-42px}.header-container-mobile{background:var(--color-surface);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .5rem .25rem;transition:background .3s}.header-left{gap:1rem}.logo{font-size:1.25rem}.mobile-nav-logo{color:var(--color-accent);opacity:0;justify-content:center;align-items:center;padding:0 .5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:none;transform:translate(-10px)}.header.scrolled .mobile-nav-logo{opacity:1;display:flex;transform:translate(0)}.nav{border-top:1px solid var(--color-border-subtle);-ms-overflow-style:none;scrollbar-width:none;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;padding:.5rem 0 .25rem .5rem;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-link{font-size:.9rem}.user-profile{margin-left:auto}.auth-group{gap:.5rem;margin-left:auto}.filter-bar-container{border-left:none;border-right:none;border-radius:0;width:auto;margin:0 -1rem .5rem;padding:0 1rem}.main-content{padding:0 1rem .5rem}.stat-card.mini{min-height:64px;padding:.5rem .75rem}.panic-btn{width:100%;min-height:64px;padding:.75rem 1rem;font-size:1rem}.picker-hint{display:none}.result-card{margin:0 -.5rem;padding:1.25rem}@media (width<=400px){.result-card{margin:0;padding:1rem}.result-brand{font-size:1.5rem}.result-model{font-size:1rem}}.result-brand{word-break:break-word;font-size:1.8rem}.result-model{font-size:1.25rem}.result-content{flex-direction:column;gap:1.25rem}.result-image-wrapper{width:160px;height:160px}.result-text{text-align:center}.result-specs{flex-wrap:wrap;justify-content:center;gap:.75rem}.watch-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.watch-card-image,.watch-image-placeholder,.watch-image-container{height:100px}.watch-model{overflow-wrap:break-word;word-wrap:break-word;font-size:.9rem}.setup-section,.empty-state,.sync-prompt{margin:1rem 0;padding:1.5rem 1rem}.input-wrapper{flex-direction:column}.fetch-btn{justify-content:center;padding:.75rem 1rem}.sync-icon-btn{width:100%;padding:.75rem}}@media (width<=480px){.nav-link span{display:none}.nav-link{padding:.4rem}.result-brand{font-size:2rem}.result-model{font-size:1.2rem}.upload-error-container{color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;font-size:.85rem;display:flex}.upload-error-container .error-icon{flex-shrink:0}.capacity-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:.8rem;display:flex}.inline-manage-btn{background:var(--color-border-subtle);border:1px solid var(--color-surface-hover);color:#fff;cursor:pointer;border-radius:4px;margin-left:auto;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.inline-manage-btn:hover{background:var(--color-surface-hover);border-color:#ffffff4d}.watch-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.watch-card-info{padding:.5rem}.watch-mini-specs{gap:.4rem;font-size:.65rem}}.filter-bar-container{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);z-index:20;border-radius:16px;flex-direction:column;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.filter-top-row{align-items:center;gap:.75rem;display:flex}.preset-chips-row{margin-top:.5rem}.filter-toggle-btn{background:var(--color-accent-muted);border:1px solid var(--color-border-subtle);width:42px;height:42px;color:var(--color-text-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.filter-toggle-btn:hover{background:var(--card-bg-hover);color:var(--color-accent)}.filter-toggle-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.filter-badge{background:var(--color-accent);color:var(--color-background);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.filter-toggle-btn.active .filter-badge{color:var(--color-accent);background:#fff}.filter-content{opacity:0;max-height:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.expanded .filter-content{opacity:1;max-height:none;padding-bottom:.5rem;overflow:visible}.filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem .75rem .25rem;display:flex}.search-box{background:var(--input-bg);border:1px solid var(--color-border-subtle);border-radius:10px;flex:auto;align-items:center;gap:.75rem;min-width:200px;padding:.6rem 1rem;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.search-box input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.clear-filter-btn{background:var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.clear-filter-btn:hover{background:var(--color-danger-bg);color:var(--color-danger)}.filter-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.select-wrapper{align-items:center;display:flex;position:relative}.select-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:.75rem}.select-wrapper select{background:var(--input-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);appearance:none;cursor:pointer;border-radius:10px;outline:none;min-width:160px;padding:.6rem 1rem .6rem 2.25rem;font-size:.9rem;transition:all .2s}.select-wrapper select:hover{border-color:var(--color-border-medium)}.select-wrapper select:focus{border-color:var(--color-accent)}.reset-filters-btn{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.reset-filters-btn:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.no-results{text-align:center;background:var(--card-bg);border:1px dashed var(--color-border-subtle);color:var(--color-text-tertiary);border-radius:16px;grid-column:1/-1;padding:4rem 2rem}@media (width<=768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column;align-items:stretch;gap:.75rem}.select-wrapper{width:100%}.size-filters-wrapper{justify-content:flex-start;width:100%}.size-filters{flex:1;justify-content:center;max-width:200px}.reset-filters-btn{width:100%}}.welcome-overview{flex-direction:column;gap:1rem;max-width:1000px;margin:0 auto;padding:.5rem 0;display:flex}.beta-banner{background:linear-gradient(90deg, var(--color-accent-muted), var(--card-bg), var(--color-accent-muted));border:1px solid var(--color-accent-border);color:var(--color-text-muted);border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1.5rem;font-size:.95rem;animation:.5s ease-out slideInDown;display:flex}.beta-banner strong{color:var(--color-accent);font-weight:700}.beta-banner svg{color:var(--color-accent);filter:drop-shadow(0 0 5px var(--color-accent-muted))}.hero-section{text-align:center;animation:1s ease-out fadeIn}.hero-badge{background:var(--color-accent-muted);color:var(--color-accent);border:1px solid var(--color-accent-border);border-radius:99px;margin-bottom:.75rem;padding:.5rem 1rem .6rem;font-size:.85rem;font-weight:600;display:inline-block}.hero-section h2{background:linear-gradient(to right, var(--color-text-secondary), var(--color-text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 1rem;padding-bottom:.2rem;font-size:3.5rem;line-height:1.25}.hero-section p{color:var(--color-text-muted);max-width:600px;margin:0 auto .5rem;font-size:1.25rem;line-height:1.6}.hero-actions{justify-content:center;gap:1rem;display:flex}.hero-actions .auth-btn{padding:1rem 2rem;font-size:1.1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.features-grid{grid-template-columns:1fr}}.how-it-works{text-align:center;padding:.75rem 0 1.5rem}.how-it-works h3{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1.5rem}.how-it-works-steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.how-it-step{flex-direction:column;align-items:center;max-width:180px;display:flex}.how-it-step .step-num{background:var(--color-accent);width:48px;height:48px;color:var(--color-background);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}.how-it-step h4{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1rem}.how-it-step p{color:var(--color-text-muted);margin:0;font-size:.85rem}.how-it-arrow{color:var(--color-text-muted);align-items:center;padding-top:1.5rem;display:flex}@media (width<=768px){.how-it-works{display:none}}.feature-card{background:var(--card-bg);border:1px solid var(--color-border-subtle);text-align:center;border-radius:20px;padding:2rem;transition:all .3s}.feature-card:hover{background:var(--card-bg-hover);border-color:var(--color-accent-border);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{color:var(--color-accent);background:var(--color-accent-muted);border-radius:12px;margin-bottom:1.5rem;padding:1rem;display:inline-flex}.feature-card h3{margin-bottom:.75rem;font-size:1.25rem}.feature-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}@media (width<=768px){.hero-section h2{font-size:2.5rem}.welcome-overview{gap:2rem;padding:2rem 1rem}}.view-mode-toggle-container{justify-content:center;margin:0;display:flex}.view-mode-switch{background:var(--color-background);border:1px solid var(--color-border-subtle);border-radius:12px;width:80%;padding:4px;display:flex}.mode-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mode-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.mode-btn.active{background:var(--color-accent);color:var(--color-background);box-shadow:0 4px 12px var(--color-accent-muted)}@media (width<=600px){.view-mode-toggle-container{width:auto;margin:-.75rem -1rem}.view-mode-switch{border-left:none;border-right:none;border-radius:0;flex:1;width:auto}.mode-btn{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.8rem}.mode-btn-clock{flex:0;padding:.5rem .85rem}.mode-btn-clock span{display:none}.view-mode-toggle-container.panic-collapsed{margin-top:-.25rem}.pick-result-container{scroll-margin-top:120px}}.watch-detail-modal{width:90%;max-width:400px;margin:auto}.watch-detail-modal .watch-card{cursor:default;width:100%;max-width:300px}.watch-detail-modal .watch-card:hover{box-shadow:var(--card-shadow);transform:none}.history-toggle,.stats-toggle,.select-mode-toggle,.bulk-edit-toggle,.research-toggle,.share-list-toggle,.add-watch-btn{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.history-toggle:hover,.stats-toggle:hover,.select-mode-toggle:hover,.bulk-edit-toggle:hover,.research-toggle:hover,.share-list-toggle:hover,.add-watch-btn:hover{background:var(--color-border-subtle);color:var(--color-accent);border-color:var(--color-accent-muted)}.bulk-edit-toggle.disabled-wrapper{opacity:.4;cursor:not-allowed;pointer-events:auto}.bulk-edit-toggle.disabled-wrapper:hover{background:var(--color-surface);color:var(--color-text-muted);border-color:var(--color-border-subtle)}.history-toggle svg,.stats-toggle svg,.select-mode-toggle svg,.bulk-edit-toggle svg,.research-toggle svg,.share-list-toggle svg,.add-watch-btn svg{width:20px;height:20px}.desktop-actions{align-items:center;gap:.5rem;display:flex}.mobile-actions{display:none}@media (width<=600px){.desktop-actions{display:none}.mobile-actions{align-items:center;gap:.5rem;display:flex}}.scroll-to-top-fab{width:44px;height:44px;color:var(--color-accent-light,#93c5fd);cursor:pointer;z-index:1000;opacity:0;visibility:hidden;padding-bottom:env(safe-area-inset-bottom);-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#1e3a8ae6 0%,#17255499 60%,#17255400 100%);border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s,transform .2s;display:none;position:fixed;bottom:1.5rem;right:1rem;box-shadow:0 4px 12px #0003}:root[data-theme=light] .scroll-to-top-fab{color:var(--color-accent);background:radial-gradient(circle,#e0f2fef2 0%,#bae6fdb3 60%,#bae6fd00 100%)}.scroll-to-top-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000059}.scroll-to-top-fab:active{transform:scale(.95)}.scroll-to-top-fab.visible{opacity:1;visibility:visible}@media (width<=768px){.scroll-to-top-fab{display:flex}}.stats-modal{max-width:900px;height:85vh}.stats-summary-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:1rem;padding:1.5rem;display:grid}.stat-card{text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;min-height:1.25rem;font-size:.75rem;display:flex}.stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-sub{color:var(--color-text-muted);font-size:.75rem;line-height:1}.fallback-note{color:var(--color-warning);font-size:.65rem;font-style:italic}.stat-card.clickable{cursor:pointer;border-radius:8px;transition:background .2s}.stat-card.clickable:hover{background:var(--color-accent-muted)}.stat-card.clickable .rotate-icon{opacity:.4;margin-left:auto;transition:opacity .2s}.stat-card.clickable:hover .rotate-icon{opacity:1}@media (width<=600px){.stats-modal{border-radius:0;width:100%;height:100vh;max-height:100vh}.stats-summary-bar{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem 1rem}.stat-card{background:var(--color-surface-hover);border-radius:8px;padding:.5rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}.chart-container{padding:.5rem}}.charts-filter-bar{background:var(--color-background);border:1px solid var(--color-border-subtle);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:1rem;width:100%;padding:1rem;display:flex}.charts-filter-bar.dropdown{background:0 0;border:none;flex-direction:row;align-items:center;gap:1.5rem;margin-bottom:.75rem;padding:0}.window-dropdown-container{align-items:center;width:200px;display:flex}.window-selector{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.window-btn{border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.window-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.window-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.custom-range-inputs{flex-wrap:wrap;align-items:center;gap:.75rem;animation:.3s fadeIn;display:flex}.custom-range-inputs span{color:var(--color-text-muted);font-size:.85rem}.custom-range-inputs input{background:var(--color-border-subtle);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:6px;outline:none;padding:.4rem .6rem;font-size:.85rem}@media (prefers-color-scheme:dark){.custom-range-inputs input{--lightningcss-light: ;--lightningcss-dark:initial}}.custom-range-inputs input:focus{border-color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pl-table-container{flex-direction:column;height:100%;min-height:400px;display:flex}.pl-privacy-toggle{color:var(--color-text-muted);cursor:pointer;opacity:.4;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:.15rem;transition:all .15s;display:inline-flex}.pl-privacy-toggle:hover{opacity:1;color:var(--color-text-primary)}.pl-privacy-toggle.active{color:var(--accent-color);opacity:1}.col-watch-header{align-items:center;gap:.25rem;display:flex}.col-watch-header .sort-icon{flex-shrink:0}.pl-table.hide-identity .col-image img,.pl-table.hide-identity .col-image .placeholder{filter:blur(8px)}.pl-table.hide-identity .pl-watch-name{filter:blur(6px);-webkit-user-select:none;user-select:none}.pl-table.hide-identity td.col-image,.pl-table.hide-identity td.col-watch{pointer-events:none}.pl-table-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.pl-table{border-collapse:collapse;width:100%;font-size:.875rem}.pl-table thead{z-index:1;position:sticky;top:0}.pl-table th{background:var(--color-surface);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.75rem .5rem;font-size:.7rem;font-weight:600}.pl-table th.sortable{cursor:pointer;transition:color .15s}.pl-table th.sortable:hover{color:var(--color-text-primary)}.pl-table th.sortable:hover .sort-icon.muted{opacity:.6}.sort-icon{vertical-align:middle;margin-left:.25rem}.sort-icon.muted{opacity:.25}.sort-icon.active{opacity:1;color:var(--accent-color)}.pl-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.6rem .5rem}.pl-table tbody tr{transition:background .15s}.pl-table tbody tr:hover{background:var(--color-surface-hover)}.pl-table tbody tr.row-profit{border-left:3px solid #0000}.pl-table tbody tr.row-profit:hover{border-left-color:var(--success-color)}.pl-table tbody tr.row-loss{border-left:3px solid #0000}.pl-table tbody tr.row-loss:hover{border-left-color:var(--danger-color)}.pl-watch-thumb{object-fit:cover;background:var(--color-surface-hover);border-radius:6px;width:40px;height:40px}.pl-watch-thumb.placeholder{background:var(--color-surface-hover);justify-content:center;align-items:center;display:flex}.pl-watch-name{flex-direction:column;gap:.1rem;display:flex}.pl-brand{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.pl-model{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.col-image{width:50px;min-width:50px}.col-watch{min-width:120px;max-width:160px}.pl-estimated{color:var(--color-text-muted);opacity:.6;margin-right:.1rem;font-style:italic}th.col-price,td.col-price{text-align:right;font-variant-numeric:tabular-nums;min-width:80px}th.col-pl,td.col-pl{text-align:right;font-variant-numeric:tabular-nums;min-width:90px;font-weight:600}th.col-return,td.col-return{text-align:right;font-variant-numeric:tabular-nums;min-width:70px}.row-totals td{border-top:2px solid var(--color-border);background:var(--color-surface);border-bottom:none;padding-top:.75rem}.pl-table tfoot{z-index:1;position:sticky;bottom:0}@media (width<=600px){.pl-table{font-size:.8rem}.pl-table th,.pl-table td{padding:.5rem .35rem}.col-image,.col-price{display:none}.col-watch{min-width:unset;max-width:100px}th.col-pl,td.col-pl{min-width:70px}th.col-return,td.col-return{min-width:55px}.pl-brand{font-size:.78rem}.pl-model{font-size:.68rem}}.result-card{background:var(--color-surface);text-align:center;border:2px solid var(--color-accent);box-shadow:0 0 30px var(--color-accent-muted);opacity:1;border-radius:20px;width:100%;max-height:1000px;padding:1.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards slideUp;position:relative;overflow:hidden}.result-actions-top{z-index:10;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.result-edit-btn,.result-view-btn{background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.result-dismiss-btn{color:var(--color-text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.result-edit-btn:hover,.result-view-btn:hover{color:var(--color-accent);background:#38bdf81a;border-color:#38bdf84d;transform:scale(1.05)}.result-dismiss-btn:hover{color:var(--color-danger);background:#ef44441a;border-color:#ef44444d;transform:scale(1.1)}.result-card.reveal .result-content{animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}.result-card.shuffling{border-color:var(--color-danger);box-shadow:0 0 20px #ef444433}@keyframes popIn{0%{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.result-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;font-weight:700}.result-label:first-child{text-align:center;font-size:1.1rem}.result-card.reveal .result-label:first-child{animation:.5s ease-out holiday-fade-in}@keyframes holiday-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-card.vacation-results{padding:1.5rem 2rem}.vacation-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.vacation-grid>div:first-child{animation-delay:50ms}.vacation-grid>div:nth-child(2){animation-delay:.1s}.vacation-grid>div:nth-child(3){animation-delay:.15s}.vacation-grid>div:nth-child(4){animation-delay:.2s}.vacation-grid>div:nth-child(5){animation-delay:.25s}.vacation-grid>div:nth-child(6){animation-delay:.3s}.vacation-grid>div:nth-child(7){animation-delay:.35s}.vacation-grid>div:nth-child(8){animation-delay:.4s}.result-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.result-image-wrapper{background:var(--color-surface-hover);border:1px solid var(--color-accent-border);border-radius:15px;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative;overflow:hidden}.result-image-loading{color:var(--color-text);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result-image{object-fit:contain;filter:drop-shadow(0 10px 20px #00000080);width:100%;height:100%;padding:1rem;transition:transform .2s;animation:.4s ease-out forwards fadeIn}.shuffling .result-image{animation:.1s ease-out forwards fadeIn}.result-text{text-align:left}.result-brand{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem;transition:opacity .2s}:root[data-theme=light] .result-brand{-webkit-text-fill-color:initial;color:var(--color-accent);background:0 0}.shuffling .result-brand{opacity:.7}.result-model{color:var(--color-text-muted);margin-top:.5rem;font-size:1.8rem;transition:opacity .2s}.shuffling .result-model{opacity:.5}.result-specs{color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle);gap:1.5rem;margin-top:.5rem;padding-top:.5rem;font-size:.9rem;display:flex}.result-card .result-footer-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;align-items:center!important;margin-top:.75rem!important;display:flex!important}.result-card .result-wear-btn,.result-card .result-share-btn{cursor:pointer;white-space:nowrap;border:1px solid #ffffff1a;border-radius:10px;gap:.5rem;font-size:.9rem;font-weight:600;transition:all .2s;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;height:40px!important;margin:0!important;padding:0 1.25rem!important;line-height:1!important;display:inline-flex!important}.result-wear-btn{background:var(--color-accent);color:var(--color-background)}.result-wear-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.result-wear-btn.worn.active{background:var(--color-success);border-color:var(--color-success);color:#fff}.result-share-btn{color:var(--color-accent);background:#38bdf81a;border-color:#38bdf833}.result-share-btn:hover{background:#38bdf833;transform:translateY(-2px)}.result-share-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.result-context-wrapper{justify-content:center;display:flex;position:relative}.result-context{border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);opacity:.8;cursor:pointer;background:0 0;border-bottom:none;border-left:none;border-right:none;justify-content:center;align-items:center;gap:.4rem;margin-top:.75rem;padding-top:.5rem;font-family:inherit;font-size:.75rem;transition:opacity .2s;display:flex}.result-context:hover{opacity:1}.result-context svg{opacity:.6;flex-shrink:0}.result-context-settings-icon{margin-left:.25rem;transition:opacity .2s;opacity:.4!important}.result-context:hover .result-context-settings-icon{opacity:.7!important}.result-context-popover{background:var(--color-surface);border:1px solid var(--color-border-subtle);z-index:100;border-radius:12px;min-width:240px;padding:1rem;animation:.2s popoverFadeIn;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.result-card{margin:0 -.5rem;padding:1.25rem}.result-label{padding:0 2.5rem}.vacation-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.result-brand{word-break:break-word;font-size:1.8rem}.result-model{font-size:1.25rem}.result-content{flex-direction:column;gap:1.25rem}.result-image-wrapper{width:160px;height:160px}.result-text{text-align:center}.result-specs{flex-wrap:wrap;justify-content:center;gap:.75rem}.result-footer-actions{justify-content:center;gap:.75rem}.result-wear-btn,.result-share-btn{padding:.6rem 1rem;font-size:.9rem}}@media (width<=400px){.result-card{margin:0;padding:1rem}.result-brand{font-size:1.5rem}.result-model{font-size:1rem}}@media (width<=480px){.result-brand{font-size:2rem}.result-model{font-size:1.2rem}}.panic-button-settings{flex-direction:column;gap:.75rem;display:flex}.panic-button-settings h3{color:var(--color-text-primary);align-items:center;margin:0 0 .5rem;font-size:1rem;font-weight:600;display:flex}.panic-button-settings .preference-item{flex-direction:column;gap:.25rem;display:flex}.panic-button-settings .preference-item label{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.panic-button-settings .toggle-row{align-items:center;gap:.5rem;display:flex}.panic-button-settings .toggle-btn{background:var(--color-surface-hover);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.panic-button-settings .toggle-btn:hover{background:var(--color-border-subtle)}.panic-button-settings .toggle-btn.active{background:var(--color-accent)}.panic-button-settings .toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.panic-button-settings .toggle-btn.active .toggle-slider{transform:translate(20px)}.panic-button-settings .toggle-label{color:var(--color-text-muted);min-width:24px;font-size:.75rem;font-weight:500}.panic-button-settings .preference-hint{color:var(--color-text-muted);margin:0;font-size:.7rem;line-height:1.3}.panic-button-settings .rest-days-input{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.25rem;font-size:.75rem;display:flex}.panic-button-settings .days-input{border:1px solid var(--color-border-subtle);background:var(--color-surface);width:50px;color:var(--color-text-primary);text-align:center;border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.panic-button-settings .days-input:focus{border-color:var(--color-accent);outline:none}.panic-button-settings .unit-select{border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .35rem center;background-repeat:no-repeat;border-radius:6px;padding:.2rem 1.5rem .2rem .5rem;font-size:.8rem}.panic-button-settings .unit-select:focus{border-color:var(--color-accent);outline:none}.holiday-pick-btn{cursor:pointer;background:#22c55e1a;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:48px;height:100%;padding:0;transition:all .2s;display:flex}:root[data-theme=light] .holiday-pick-btn{background:#22c55e14;border-color:#22c55e40}.holiday-pick-btn:hover:not(:disabled){background:#22c55e33;border-color:#22c55e66}:root[data-theme=light] .holiday-pick-btn:hover:not(:disabled){background:#22c55e26;border-color:#22c55e66}.holiday-pick-btn:active:not(:disabled){transform:translateY(0)}.holiday-pick-btn:disabled{opacity:.5;cursor:not-allowed}.holiday-pick-btn.shuffling{border-color:#22c55e80;animation:.3s ease-in-out infinite holiday-shake;box-shadow:inset 0 0 10px #22c55e33}.holiday-emoji{font-size:20px;line-height:1}@keyframes holiday-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (width<=768px){.holiday-pick-btn{width:32px}.holiday-emoji{font-size:18px}}.picker-section{flex-direction:column;gap:.75rem;margin-top:.25rem;scroll-margin-top:80px;display:flex}.picker-header{align-items:stretch;gap:1.5rem;display:flex}.picker-control-center{background:var(--panic-btn-bg);border:1px solid var(--color-accent-border);box-shadow:var(--shadow-lg);border-radius:16px;flex:1;min-height:84px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.picker-control-center.shuffling{background:var(--panic-btn-bg);border-color:var(--color-danger-border);box-shadow:0 0 30px var(--color-danger-border);transform:scale(1.02)}.picker-control-center.vacation-mode{background:var(--color-success-bg);border-color:var(--color-success-border);box-shadow:0 10px 25px -5px var(--color-success-bg-light)}:root[data-theme=light] .picker-control-center.vacation-mode:not(.shuffling){background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e33;box-shadow:0 4px 6px -1px #0000000d}.panic-main-btn{cursor:pointer;color:var(--color-accent-light,#93c5fd);text-align:left;z-index:2;background:0 0;border:none;flex:1;align-items:center;gap:1.25rem;padding:0 1.5rem;transition:all .3s;display:flex;position:relative}.picker-control-center.vacation-mode .panic-main-btn{color:var(--color-success)}.picker-control-center.shuffling .panic-main-btn{color:#fff}.panic-main-btn.selection-active:not(:disabled){background:linear-gradient(90deg,#38bdf81a,#0000)}.panic-main-btn:disabled{opacity:.8;cursor:wait}.btn-icon-area{background:var(--color-border-subtle);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:inset 0 2px 4px #0000001a}.panic-main-btn:hover .btn-icon-area{background:#0000004d;transform:scale(1.1)rotate(-5deg)}.picker-control-center.vacation-mode .btn-icon-area{background:var(--color-success-bg);color:var(--color-success)}.picker-control-center.shuffling .btn-icon-area{color:#fff;background:#0006;animation:1s infinite pulse-icon}@keyframes pulse-icon{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.picker-header.collapsed{box-shadow:none;cursor:pointer;z-index:101;-webkit-backdrop-filter:none;background:0 0;border:none;width:fit-content;margin:0;padding:0;display:block;position:absolute;top:100%;left:.75rem}.picker-header.collapsed:before,.picker-header.collapsed:after{content:none!important;display:none!important}.panic-tab{background:var(--header-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border-subtle);cursor:pointer;color:var(--color-accent);border-top:none;border-radius:0 0 12px 12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000026}.panic-tab:hover{background:var(--color-accent-muted);padding-top:10px}.collapse-toggle{cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-self:center;align-items:center;margin-right:.5rem;transition:all .2s;display:flex}.collapse-toggle:hover{color:var(--color-text-primary);background:#ffffff1a}@media (width<=768px){.collapse-toggle{width:32px;height:32px;margin-right:.25rem}}.btn-content-area{flex-direction:column;gap:.1rem;display:flex}.btn-title{letter-spacing:.05em;text-transform:uppercase;color:var(--color-background-dark,white);text-shadow:0 2px 4px var(--color-border-subtle);font-size:1.25rem;font-weight:800}:root[data-theme=light] .btn-title{color:var(--color-text-primary)}.btn-subtitle{opacity:.9;font-size:.85rem;font-weight:500}:root[data-theme=light] .btn-subtitle{color:var(--color-text-secondary)}.mode-side-panel{background:var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);align-items:center;gap:.5rem;padding:.5rem;transition:all .3s;display:flex}.side-controls-expander{flex-direction:column;gap:2px;animation:.3s cubic-bezier(.4,0,.2,1) expandWidth;display:flex}@keyframes expandWidth{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.side-action-btn{width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.side-action-btn:hover:not(:disabled){background:var(--color-accent-muted);color:var(--color-accent)}.side-action-btn.toggle{background:#ffffff0d;width:48px;height:100%}.side-action-btn.toggle.active{color:#6ee7b7;background:#10b98133;border-color:#10b98166;box-shadow:inset 0 0 10px #10b98133}.side-action-btn.toggle.vacation-badge{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border);box-shadow:inset 0 0 10px var(--color-success-bg-faint);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.side-action-btn.toggle:hover{background:#fff3}.side-panel-divider{background:var(--color-border-subtle);opacity:.5;align-self:stretch;width:1px;margin:0 .25rem}.mode-side-panel-divider{background:var(--color-border,#888);opacity:.5;width:1px;height:24px;margin:0 .25rem}.side-panel-separator{background:var(--color-border-subtle);opacity:.5;width:1px;height:24px;margin:0 .25rem}@media (width<=768px){.side-panel-separator{height:20px}}.picker-hint{display:block}.picker-control-center.vacation-mode .side-action-btn{color:var(--color-text-primary)}.picker-control-center.vacation-mode .side-action-btn:hover{color:var(--color-accent)}@media (width<=768px){.picker-control-center{min-height:72px}.panic-main-btn{gap:.75rem;padding:0 1rem}.btn-icon-area{width:48px;height:48px}.btn-icon-area .app-logo{width:32px;height:32px}.btn-title{font-size:1rem}.btn-subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.7rem;overflow:hidden}.mode-side-panel{gap:.25rem;padding:.25rem}.side-action-btn{width:32px;height:32px}.side-action-btn.toggle{width:32px;padding:0}.picker-section{margin-top:0;scroll-margin-top:120px}.picker-header{z-index:90;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;align-items:stretch;gap:1rem;margin:0 -1rem;padding:.75rem 1rem;position:sticky;top:42px;box-shadow:0 4px 6px -1px #0000001a}.picker-header:before{content:"";background:var(--header-bg);-webkit-backdrop-filter:blur(8px);height:42px;position:absolute;top:-42px;left:0;right:0}.picker-header .desktop-only-stat{display:none}.vacation-controls{flex:none}.picker-hint{display:none}}@media (width<=400px){.picker-header{padding:.5rem .75rem;top:42px}.picker-header:before{height:42px;top:-42px}.btn-title{letter-spacing:.02em;font-size:.9rem}.panic-main-btn{gap:.5rem}}.confirm-modal{padding:32px}.modal-icon{justify-content:center;margin-bottom:24px;display:flex}.modal-icon.warning{color:var(--color-warning)}.modal-icon.danger{color:var(--color-danger)}.modal-icon.success{color:var(--color-success)}.modal-icon.info{color:var(--color-info)}.modal-icon.processing{color:var(--color-accent)}.confirm-modal h2{color:var(--color-text-primary);text-align:center;margin:0 0 12px;font-size:1.5rem;font-weight:700}.confirm-modal p{color:var(--color-text-muted);text-align:center;margin:0 0 24px;font-size:1.05rem;line-height:1.6}.modal-extra-content{background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);text-align:center;border-radius:12px;margin-bottom:32px;padding:16px}.modal-extra-content.warning{background:#f59e0b1a;border-color:#f59e0b4d}.modal-extra-content p{color:var(--color-text-muted);margin-bottom:12px;font-size:.95rem}.confirm-export-btn{background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.confirm-export-btn:hover{background:var(--color-surface-hover);border-color:var(--color-accent-border);color:var(--color-text-primary)}.modal-actions{gap:16px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.modal-cancel{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-cancel:hover{background:var(--color-border-medium);transform:translateY(-2px)}.modal-confirm{background:var(--color-accent);color:var(--color-background);justify-content:center;align-items:center;gap:10px;display:inline-flex}.modal-confirm:hover{background:var(--color-accent-hover);box-shadow:0 10px 15px -3px var(--color-accent-muted);transform:translateY(-2px)}.modal-confirm.danger{background:var(--color-danger);color:#fff}.modal-confirm.danger:hover{background:var(--color-danger);filter:brightness(1.1);box-shadow:0 10px 15px -3px var(--color-danger-bg)}.modal-confirm:disabled{opacity:.7;cursor:not-allowed;box-shadow:none!important;transform:none!important}.modal-icon.loading{margin-bottom:0}.manage-presets-footer{justify-content:flex-end}.manage-presets-modal .no-presets-message,.no-presets-message{color:var(--color-text-muted);text-align:center;padding:2rem 0}.preset-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.preset-item{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.preset-item:last-child{border-bottom:none}.preset-reorder-controls{flex-direction:column;flex-shrink:0;gap:.125rem;display:flex}.reorder-btn{border:1px solid var(--color-border-subtle);width:24px;height:20px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.reorder-btn:hover:not(:disabled){background-color:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.preset-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.preset-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.preset-date{color:var(--color-text-muted);font-size:.75rem}.delete-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.delete-btn:hover{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.preset-settings-section{border-top:1px solid var(--color-border-subtle);margin-top:.5rem;padding-top:.75rem}.preset-max-lines-control{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.preset-max-lines-label{color:var(--color-text-muted);font-size:.85rem}.preset-max-lines-stepper{background:var(--bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:8px;align-items:center;gap:.25rem;padding:2px;display:flex}.stepper-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.stepper-btn:hover:not(:disabled){background:var(--color-accent-muted);color:var(--color-accent)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value{text-align:center;min-width:24px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.done-btn{background-color:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.done-btn:hover{filter:brightness(1.1)}.mobile-filter-bar{background:var(--card-bg);border:1px solid var(--color-border-subtle);border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:0;padding:.75rem;display:flex}.mobile-search-row{align-items:center;gap:.5rem;display:flex}.mobile-search-box{background:var(--input-bg);border:1px solid var(--color-border-subtle);border-radius:10px;flex:1;align-items:center;min-width:0;height:42px;transition:border-color .15s;display:flex}.mobile-search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.mobile-search-box:focus-within .mobile-search-icon{color:var(--color-accent)}.mobile-search-icon{color:var(--color-text-muted);flex-shrink:0;margin-left:.75rem;transition:color .15s}.mobile-search-box input{min-width:0;color:var(--color-text-primary);background:0 0;flex:1;padding:0 .5rem;font-size:.95rem;box-shadow:none!important;border:none!important;outline:none!important}.mobile-search-box input:focus{box-shadow:none!important;border:none!important;outline:none!important}.mobile-search-box input::placeholder{color:var(--color-text-muted)}.mobile-search-box input.valid-regex{border-color:var(--color-success)!important}.mobile-search-box input.invalid-regex{border-color:var(--color-danger)!important}.mobile-search-actions{flex-shrink:0;align-items:center;gap:.25rem;margin-right:.5rem;display:flex}.mobile-clear-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.mobile-clear-btn:hover{background:var(--color-border-subtle);color:var(--color-text-primary)}.mobile-regex-indicator{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-regex-indicator.valid{color:var(--color-success)}.mobile-regex-indicator.invalid{color:var(--color-danger)}.mobile-advanced-indicator{flex-shrink:0;font-size:14px}.mobile-chips-row{align-items:center;gap:.5rem;min-height:32px;display:flex}.mobile-chips-row.expanded{align-items:flex-start;position:relative}.mobile-preset-scroll{background:var(--bg-tertiary);border:1px solid var(--color-border-subtle);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.mobile-preset-scroll.left{margin-right:.25rem}.mobile-preset-scroll.right{margin-left:.25rem}.mobile-preset-scroll:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.mobile-preset-chips{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:.4rem;min-width:0;padding:2px 0;display:flex;position:relative;overflow-x:auto}.mobile-preset-chips::-webkit-scrollbar{display:none}.mobile-preset-chips.expanded{flex-wrap:wrap;padding-right:90px;overflow:clip}.mobile-preset-chip{background:var(--bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;border-radius:14px;flex-shrink:0;padding:.3rem .65rem;font-size:.8rem;transition:all .15s}.mobile-preset-chips.expanded .mobile-preset-chip{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:1;max-width:120px;min-height:28px;line-height:1.2;display:-webkit-box;overflow:hidden}.mobile-preset-chip:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.mobile-preset-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.mobile-manage-presets-btn{border:1px solid var(--color-border-subtle);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;margin-top:2px;transition:all .15s;display:flex}.mobile-chips-row.expanded .mobile-manage-presets-btn{z-index:10;background:var(--bg-primary);position:absolute;top:2px;right:0}.mobile-manage-presets-btn:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.mobile-filter-btn{background:var(--input-bg);border:1px solid var(--color-border-subtle);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.mobile-filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.mobile-filter-badge{background:var(--color-accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.mobile-active-chips{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;align-items:center;gap:.4rem;padding:2px 0;display:flex;overflow-x:auto}.mobile-active-chips::-webkit-scrollbar{display:none}.mobile-active-chip{background:var(--color-accent-muted);border:1px solid var(--color-accent);color:var(--color-accent);white-space:nowrap;cursor:pointer;border-radius:14px;flex-shrink:0;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.75rem;transition:all .15s;display:inline-flex}.mobile-active-chip:hover{background:var(--color-accent);color:#fff}.mobile-chip-label{font-weight:500}.mobile-chip-value{text-overflow:ellipsis;max-width:80px;overflow:hidden}.mobile-preset-more-chip{background:var(--card-bg);border:1px dashed var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:14px;max-width:90px;padding:.3rem .65rem;font-size:.8rem;transition:all .15s;overflow:hidden}.mobile-preset-more-chip:hover,.mobile-preset-more-chip.has-active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.mobile-preset-popover-wrapper{position:relative}.mobile-chips-row.expanded .mobile-preset-popover-wrapper{z-index:10;position:absolute;bottom:2px;right:0}.mobile-preset-popover{background:var(--color-surface);border:1px solid var(--color-border-subtle);z-index:100;border-radius:10px;min-width:160px;max-width:220px;padding:.5rem;animation:.15s presetPopoverFadeIn;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #0003}.mobile-preset-popover-item{width:100%;color:var(--color-text-muted);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:.4rem .65rem;font-size:.8rem;transition:all .15s;display:block;overflow:hidden}.mobile-preset-popover-item:hover{background:var(--color-accent-muted);color:var(--color-accent)}.mobile-preset-popover-item.active{background:var(--color-accent);color:#fff}@keyframes presetPopoverFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width>=769px){.mobile-filter-bar{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-controls-desktop{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-controls-mobile{flex-direction:column;gap:1.5rem;display:flex}.filter-controls-section{flex-direction:column;gap:.75rem;display:flex}.filter-controls-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:600}.filter-controls-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.filter-controls-range{align-items:center;gap:.5rem;display:flex}.filter-range-input{background:var(--input-bg);border:1px solid var(--color-border-subtle);min-width:0;color:var(--color-text-primary);text-align:center;border-radius:10px;flex:1;padding:.6rem .75rem;font-size:.95rem}.filter-range-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted);outline:none}.filter-range-input::placeholder{color:var(--color-text-muted);opacity:.6}.filter-range-separator{color:var(--color-text-muted);flex-shrink:0;font-size:.9rem}.filter-range-unit{color:var(--color-text-muted);flex-shrink:0;min-width:24px;font-size:.85rem}.filter-controls-toggles{grid-template-columns:1fr;gap:.5rem;display:grid}.filter-toggle{background:var(--input-bg);border:1px solid var(--color-border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .75rem;transition:all .15s;display:flex}.filter-toggle:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}.filter-toggle:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-muted)}.filter-toggle input{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.filter-toggle span{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.filter-controls-sort{align-items:center;gap:.75rem;display:flex}.filter-sort-select{flex:1;min-width:0}.filter-sort-direction{background:var(--input-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.35rem;padding:.6rem .85rem;font-size:.85rem;transition:all .15s;display:flex}.filter-sort-direction:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-sort-direction svg{flex-shrink:0}.select-wrapper{min-width:0}.sort-select-wrapper{min-width:180px}.sort-controls{align-items:center;gap:.5rem;display:flex}.sort-direction-btn{background-color:var(--input-bg);border:1px solid var(--color-border-subtle);width:42px;height:42px;color:var(--color-text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sort-direction-btn:hover{border-color:var(--color-border-medium);color:var(--color-text-primary)}.sort-direction-btn:active{transform:translateY(1px)}.size-filters-wrapper{align-items:center;gap:.75rem;display:flex}.filter-label{color:var(--color-text-muted);white-space:nowrap;font-size:.95rem;font-weight:600}.size-filters{background-color:var(--input-bg);border:1px solid var(--color-border-subtle);border-radius:10px;align-items:center;height:42px;padding:0 .5rem;display:flex}.size-input{width:50px;color:var(--color-text-primary);text-align:center;font-size:.9rem;background:0 0!important;border:none!important;height:100%!important;padding:.6rem .25rem!important}.size-input:focus{outline:none}.size-separator{color:var(--color-text-muted);font-size:.9rem}.size-unit{color:var(--color-text-muted);margin-left:.25rem;font-size:.8rem}.checkbox-filter{align-items:center;padding:0 .5rem;display:flex}.checkbox-label{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.9rem;transition:color .2s;display:flex}.checkbox-label:hover{color:var(--color-text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.autocomplete-container{width:100%;position:relative}.autocomplete-suggestions{z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);max-height:350px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;margin-top:4px;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-suggestion{cursor:pointer;color:var(--color-text-primary);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:.9rem;transition:all .2s;display:flex}.autocomplete-suggestion .suggestion-text{flex-shrink:0}.autocomplete-suggestion .suggestion-detail{color:var(--color-text-muted);white-space:nowrap;text-align:right;flex-shrink:0;font-size:.8rem}.autocomplete-suggestion:hover,.autocomplete-suggestion.active{background:var(--color-accent-muted);color:var(--color-accent)}.autocomplete-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;cursor:default;padding:6px 12px 2px;font-size:.7rem;font-weight:600}.autocomplete-header:first-child{padding-top:4px}.autocomplete-suggestion+.autocomplete-header{border-top:1px solid var(--color-border-subtle);margin-top:4px;padding-top:8px}.autocomplete-suggestions::-webkit-scrollbar{width:6px}.autocomplete-suggestions::-webkit-scrollbar-track{background:0 0}.autocomplete-suggestions::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:3px}.autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.search-builder{flex-direction:column;gap:6px;padding:10px 0;display:flex}.search-builder-empty{color:var(--color-text-muted);text-align:center;padding:4px;font-size:.85rem}.search-builder-row{align-items:center;gap:6px;display:flex}.search-builder-mode-select{appearance:none;background-color:var(--input-bg);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border-radius:10px;outline:none;min-width:130px;height:42px;padding:0 2rem 0 .75rem;font-size:.9rem;transition:all .2s}.search-builder-mode-select:hover{border-color:var(--color-border-medium)}.search-builder-mode-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.search-builder-field-select{background-color:var(--input-bg);border:1px solid var(--color-border);cursor:pointer;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border-radius:10px;flex:0 auto;min-width:140px;height:42px;padding:0 2rem 0 .75rem;transition:all .2s;position:relative}.search-builder-field-select:hover{border-color:var(--color-border-medium)}.search-builder-field-select:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.search-builder-field-input.autocomplete-input{cursor:pointer;height:40px;color:var(--color-text-primary);box-shadow:none;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-size:.9rem}.search-builder-field-input.autocomplete-input::placeholder{color:var(--color-text-primary);opacity:1}.search-builder-field-select .autocomplete-suggestions{min-width:220px}.search-builder-range-sep{color:var(--color-text-muted);flex-shrink:0;font-size:.85rem}.search-builder-range-input{flex:1!important;min-width:70px!important}.search-builder-value-input{background:var(--input-bg);border:1px solid var(--color-border-subtle);min-width:80px;color:var(--color-text-primary);box-sizing:border-box;border-radius:10px;outline:none;flex:1 1 0;height:42px;padding:.6rem .75rem;font-size:.9rem;transition:border-color .15s}.search-builder-value-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.search-builder-value-input::placeholder{color:var(--color-text-muted);opacity:.6}.search-builder-chip-input{background:var(--input-bg);border:1px solid var(--color-border-subtle);box-sizing:border-box;border-radius:10px;flex-wrap:wrap;flex:1 1 0;align-items:center;gap:4px;min-width:80px;min-height:42px;padding:4px 6px;transition:border-color .15s;display:flex}.search-builder-chip-input-inner{flex:1;align-items:center;gap:2px;min-width:50px;display:flex;position:relative}.search-builder-chip-input:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.search-builder-chip{background:var(--color-accent-muted);color:var(--color-accent);white-space:nowrap;border-radius:6px;align-items:center;gap:2px;padding:2px 6px 2px 8px;font-size:.8rem;font-weight:500;line-height:1.4;display:inline-flex}.search-builder-chip-text{cursor:pointer}.search-builder-chip-or{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-style:italic;font-weight:400}.search-builder-chip-remove{color:var(--color-accent);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:1px;transition:opacity .15s;display:flex}.search-builder-chip-remove:hover{opacity:1}.search-builder-chip-text-input{min-width:40px;color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;height:28px;padding:4px 2px;font-size:.9rem}.search-builder-chip-add-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;padding:0;display:none}@media (pointer:coarse){.search-builder-chip-add-btn{display:flex}}.search-builder-tag-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;border-radius:8px;max-height:180px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.search-builder-tag-suggestion{width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:.4rem .6rem;font-family:inherit;font-size:.85rem;display:block}.search-builder-tag-suggestion:hover{background:var(--color-surface-hover)}.search-builder-chip-text-input::placeholder{color:var(--color-text-muted);opacity:.6}.search-builder-remove-btn{width:42px;height:42px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex}.search-builder-remove-btn:hover{color:var(--color-danger);background:var(--color-danger-bg,#ef44441a)}.search-builder-raw-row{background:var(--color-border-subtle);box-sizing:border-box;border-radius:10px;flex:1;align-items:center;gap:6px;height:42px;padding:0 .75rem;font-size:.85rem;display:flex}.search-builder-raw-label{color:var(--color-text-muted);flex-shrink:0;font-weight:500}.search-builder-raw-text{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:inherit;font-size:.85rem;overflow:hidden}.search-builder-footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding-top:6px;display:flex}.search-builder-footer-left{align-items:center;gap:10px;display:flex}.search-builder-and-hint{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.search-builder-add-btn{border:1px dashed var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:4px;padding:.5rem .75rem;font-size:.85rem;transition:color .15s,border-color .15s,background-color .15s;display:flex}.search-builder-add-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:#38bdf80d}.search-builder-syntax-link{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.75rem;text-decoration:none;transition:color .15s;display:flex}.search-builder-syntax-link:hover{color:var(--color-accent)}@media (width<=768px){.search-builder-row{flex-wrap:wrap}.search-builder-field-select{flex:1;min-width:120px}.search-builder-mode-select{flex:1;min-width:130px}.search-builder-chip-input{flex-basis:calc(100% - 54px)}}.filter-sheet-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(var(--modal-blur));z-index:199;animation:.2s fadeIn;position:fixed;inset:0}.filter-bottom-sheet{background:var(--card-bg);z-index:200;border-radius:20px 20px 0 0;flex-direction:column;max-height:85vh;animation:.3s forwards slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #0003}.filter-sheet-header{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;padding:.75rem 1rem 1rem}.filter-sheet-handle{background:var(--color-border-subtle);border-radius:2px;width:36px;height:4px;margin:0 auto .75rem}.filter-sheet-title-row{justify-content:space-between;align-items:center;display:flex}.filter-sheet-title{align-items:center;gap:.5rem;display:flex}.filter-sheet-title h3{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.filter-sheet-title svg{color:var(--color-text-muted)}.filter-sheet-badge{background:var(--color-accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.filter-sheet-close{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.filter-sheet-close:hover{background:var(--color-border-subtle);color:var(--color-text-primary)}.filter-sheet-content{overscroll-behavior:contain;flex:1;padding:1rem;overflow-y:auto}.filter-sheet-footer{border-top:1px solid var(--color-border-subtle);background:var(--card-bg);flex-shrink:0;align-items:center;gap:.75rem;padding:1rem;display:flex}.filter-sheet-clear{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.filter-sheet-clear:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg)}.filter-sheet-clear:disabled{opacity:.5;cursor:not-allowed}.filter-sheet-apply{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.filter-sheet-apply:hover{filter:brightness(1.1)}.filter-sheet-apply:active{transform:scale(.98)}.filter-sheet-save-preset{background:var(--input-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.filter-sheet-save-preset:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.filter-sheet-default-row{text-align:center;padding:.5rem 1rem 0}.filter-sheet-set-default{color:var(--color-text-muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:.4rem .5rem;font-size:.82rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .2s}.filter-sheet-set-default:hover{color:var(--color-accent);text-decoration-color:currentColor}.filter-sheet-preset-save{border-top:1px solid var(--color-border-subtle);flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.filter-sheet-preset-save input{background:var(--input-bg);border:1px solid var(--color-border-subtle);width:100%;color:var(--color-text-primary);border-radius:10px;padding:.7rem .75rem;font-size:.95rem}.filter-sheet-preset-save input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted);outline:none}.filter-sheet-preset-save input::placeholder{color:var(--color-text-muted);opacity:.6}.filter-sheet-preset-actions{gap:.5rem;display:flex}.filter-sheet-preset-save-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .15s}.filter-sheet-preset-save-btn:hover:not(:disabled){filter:brightness(1.1)}.filter-sheet-preset-save-btn:disabled{opacity:.5;cursor:not-allowed}.filter-sheet-preset-cancel-btn{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s}.filter-sheet-preset-cancel-btn:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}@media (width>=769px){.filter-sheet-overlay,.filter-bottom-sheet{display:none}}.regex-indicator{justify-content:center;align-items:center;width:24px;height:24px;margin-left:.25rem;display:flex}.regex-indicator.valid{color:var(--color-success)}.regex-indicator.invalid{color:var(--color-danger)}.advanced-search-indicator{justify-content:center;align-items:center;margin-left:.25rem;font-size:14px;display:flex}.search-box input.valid-regex{box-shadow:0 0 0 1px var(--color-success-border);border-color:var(--color-success)!important}.search-box input.invalid-regex{box-shadow:0 0 0 1px var(--color-danger-border);border-color:var(--color-danger)!important}.preset-chips-container{flex:1 1 0;align-items:center;gap:.25rem;min-width:0;display:flex}.preset-chips{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex:auto;align-items:center;gap:.5rem;min-width:0;padding:0 .25rem;display:flex;overflow-x:auto}.preset-chips::-webkit-scrollbar{display:none}.preset-chip{background-color:var(--bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;border-radius:16px;padding:.35rem .75rem;font-size:.8rem;transition:all .15s}.preset-chip:hover{background-color:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.preset-chip.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.preset-chip:active{transform:scale(.97)}.preset-scroll-btn{background:var(--bg-tertiary);border:1px solid var(--color-border-subtle);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.preset-scroll-btn:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.preset-scroll-btn.left{margin-right:.25rem}.preset-scroll-btn.right{margin-left:.25rem}.manage-presets-btn{border:1px solid var(--color-border-subtle);height:42px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.9rem;transition:all .2s;display:flex}.manage-presets-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.filter-actions-row{border-top:1px solid var(--color-border-subtle);align-items:center;gap:.75rem;width:100%;margin-top:.75rem;padding:.75rem 0 0;display:flex}.reset-filters-btn{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;background-color:#0000;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.reset-filters-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background-color:var(--color-danger-bg)}.save-preset-btn{background-color:var(--color-accent);border:1px solid var(--color-accent);color:#fff;cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.save-preset-btn:hover{filter:brightness(1.1)}.save-default-status-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;text-underline-offset:2px;background-color:#0000;border:none;border-radius:8px;padding:.5rem .75rem;font-size:.82rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .2s}.save-default-status-btn:hover{color:var(--color-accent);background-color:var(--color-accent-bg,transparent);text-decoration-color:currentColor}.preset-save-form-expanded{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.preset-save-form-expanded input{background-color:var(--input-bg);border:1px solid var(--color-accent);min-width:120px;color:var(--color-text-primary);border-radius:10px;flex:1;padding:.6rem 1rem;font-size:.9rem}.preset-save-form-expanded input:focus{box-shadow:0 0 0 2px var(--color-accent-muted);outline:none}.preset-save-form-expanded .preset-actions{flex-shrink:0;gap:.5rem;display:flex}.preset-save-confirm-expanded{background-color:var(--color-accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.preset-save-confirm-expanded:disabled{opacity:.5;cursor:not-allowed}.preset-save-confirm-expanded:not(:disabled):hover{filter:brightness(1.1)}.preset-cancel-btn{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:10px;padding:.6rem 1rem;font-size:.9rem;transition:all .2s}.preset-cancel-btn:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}@media (width<=600px){.filter-bar-container{border-left:none;border-right:none;border-radius:0;width:auto;margin:0 -1rem;padding:.75rem 1rem}}@media (width<=480px){.preset-save-form-expanded{flex-direction:column;align-items:stretch}.preset-save-form-expanded input,.preset-save-form-expanded .preset-actions{width:100%}.preset-save-confirm-expanded,.preset-cancel-btn{flex:1}}.filter-info-text{color:var(--text-muted);margin:4px 0 8px;font-size:.8rem;font-style:italic}.pie-chart-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.pie-chart-visual{justify-content:center;width:100%;display:flex;position:relative}.pie-chart-visual svg{display:block}.pie-slice{transition:opacity .15s}.pie-chart-visual:hover .pie-slice{opacity:.6}.pie-chart-visual:hover .pie-slice:hover,.pie-chart-visual:hover .pie-slice:active{opacity:1}.pie-tooltip-overlay{pointer-events:none;background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md);z-index:1;border-radius:8px;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .75rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-tooltip-name{color:var(--color-text-primary);white-space:nowrap;font-size:.8rem;font-weight:600}.pie-tooltip-value{color:var(--color-text-muted);white-space:nowrap;font-size:.7rem}.chart-legend{width:100%;margin-top:.75rem;font-size:.75rem}.legend-item{background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}.legend-item:hover{border-color:var(--color-accent-border);background:var(--card-bg-hover)}.legend-item-active{border-color:var(--color-accent);background:var(--card-bg-hover)}.legend-item-unknown{opacity:.7}.legend-item-unknown:hover{opacity:1}.pie-slice-unknown{opacity:.5}.pie-slice-unknown:hover,.pie-slice-unknown:active{opacity:1}.pie-tooltip-unknown{border-color:var(--color-text-muted);border-style:dashed}.legend-label-group{align-items:center;gap:.5rem;min-width:0;display:flex}.legend-swatch{border:1px solid var(--color-border-subtle);border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.legend-right{align-items:center;gap:.4rem;display:flex}.legend-count{color:var(--color-text-primary);font-weight:600}.legend-expand-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.legend-expand-btn:hover{color:var(--color-accent);background:var(--color-accent-muted)}.legend-expand-btn svg{transition:transform .2s}.legend-expand-btn-open svg{transform:rotate(90deg)}.legend-expanded-list{background:var(--card-bg);border:1px solid var(--color-border-subtle);border-radius:8px;margin:0 0 .5rem;padding:.5rem}.legend-watch-item{cursor:pointer;border-radius:6px;align-items:center;gap:.6rem;padding:.35rem .5rem;transition:background .15s;display:flex}.legend-watch-item:hover{background:var(--color-surface-hover)}.legend-watch-thumb{object-fit:cover;background:var(--color-surface-hover);border-radius:6px;flex-shrink:0;width:28px;height:28px}.legend-watch-thumb-placeholder{background:var(--color-surface-hover);width:28px;height:28px;color:var(--color-text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.legend-watch-item-sold{opacity:.6}.legend-watch-model-row{align-items:center;gap:.4rem;min-width:0;display:flex}.legend-sold-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-border-subtle);border-radius:3px;flex-shrink:0;padding:.1rem .35rem;font-size:.6rem;font-weight:600;line-height:1.2}.legend-watch-info{flex-direction:column;min-width:0;display:flex}.legend-watch-brand{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.legend-watch-model{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.top-watches-chart{flex-direction:column;gap:.25rem;display:flex}.chart-row{background:var(--color-surface-hover);border-radius:8px;align-items:center;gap:1rem;margin-bottom:.25rem;padding:.5rem .75rem;display:flex}.chart-row:hover{background:var(--card-bg-hover)}.row-label{width:150px;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;flex-shrink:0;font-size:.85rem;font-weight:500;overflow:hidden}.row-label-left{text-align:left;flex-shrink:0;width:72px}.row-bar-container{flex:1;align-items:center;gap:.5rem;display:flex}.row-bar{background:var(--color-accent);height:20px;box-shadow:0 0 10px var(--chart-bar-glow);border-radius:6px;transition:width .3s cubic-bezier(.16,1,.3,1)}.row-bar-muted{background:var(--color-text-muted);opacity:.5;box-shadow:none}.row-bar-range{opacity:.6}.row-value{color:var(--color-text-muted);font-size:.8rem;font-weight:600}@media (width<=600px){.chart-row{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.5rem}.row-label{text-align:left;width:100%;font-size:.85rem}.row-bar-container{width:100%}.row-bar{height:20px}}.wear-ranking-modal .modal-body{flex-direction:column;gap:1rem;display:flex}.ranking-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.ranking-bar-chart{background:var(--card-bg);border:1px solid var(--color-border-subtle);border-radius:12px;padding:1rem 1.25rem}.ranking-bar-chart h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem;font-size:.8rem;font-weight:600}.ranking-bars{flex-direction:column;gap:.5rem;display:flex}.ranking-bar-row,.ranking-bar-label-wrapper{align-items:center;gap:.5rem;display:flex}.ranking-bar-rank{color:var(--color-text-muted);text-align:right;flex-shrink:0;width:1.5rem;font-size:.75rem;font-weight:700}.ranking-bar-label{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.85rem;font-weight:600;overflow:hidden}.ranking-bar-container{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.ranking-bar-fill{background:linear-gradient(90deg, var(--color-accent-muted), var(--color-accent));border-radius:4px;min-width:4px;height:20px;transition:width .3s}.ranking-bar-fill.ranking-bar-muted{background:linear-gradient(90deg, var(--color-surface-hover), var(--color-text-muted));opacity:.6}.ranking-bar-unworn{border:2px dashed var(--color-text-muted);opacity:.3;background:0 0;border-radius:4px;width:100%;height:20px}.ranking-bar-value{color:var(--color-text-primary);white-space:nowrap;min-width:2rem;font-size:.8rem;font-weight:700}.ranking-bar-value-unworn{color:var(--color-text-muted);font-style:italic;font-weight:400}.ranking-list-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:2.5rem 1fr 4rem 5rem;align-items:center;gap:.5rem;padding:0 .75rem .5rem;font-size:.7rem;font-weight:700;display:grid}.ranking-list{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.ranking-list-item{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:2.5rem 1fr 4rem 5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .15s;display:grid}.ranking-list-item:last-child{border-bottom:none}.ranking-list-item:hover{background:var(--color-surface-hover)}.ranking-item-rank{color:var(--color-text-muted);text-align:center;font-size:.8rem;font-weight:700}.ranking-item-watch{align-items:center;gap:.6rem;min-width:0;display:flex}.ranking-item-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:32px;height:32px}.ranking-item-thumb-placeholder{background:var(--color-accent-muted);width:32px;height:32px;color:var(--color-accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ranking-item-info{flex-direction:column;min-width:0;display:flex}.ranking-item-model{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.ranking-item-brand{color:var(--color-text-muted);font-size:.7rem}.ranking-item-count{color:var(--color-text-primary);text-align:right;font-size:.85rem;font-weight:700}.ranking-item-pct{align-items:center;gap:.4rem;display:flex}.pct-bar-container{background:var(--color-border-subtle);border-radius:3px;flex:1;min-width:30px;height:6px;overflow:hidden}.pct-bar-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s;display:block}.pct-value{color:var(--color-text-muted);white-space:nowrap;text-align:right;min-width:2.5rem;font-size:.7rem}@media (width<=600px){.ranking-bar-label{max-width:90px}.ranking-list-header,.ranking-list-item{grid-template-columns:2rem 1fr 3rem 4rem}.ranking-item-thumb,.ranking-item-thumb-placeholder{width:28px;height:28px}}.summary-view{width:100%;max-width:1200px;margin:0 auto;padding:.5rem 2rem 1rem;animation:.3s ease-out fadeIn}.summary-header{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1rem;display:flex}.greeting h1{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2.5rem}:root[data-theme=light] .greeting h1{-webkit-text-fill-color:initial;color:var(--color-accent);background:0 0}.greeting .subtitle{color:var(--color-text-muted);margin:0;font-size:1.1rem}.quick-actions-bar{gap:1rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.action-btn.primary{background-color:var(--color-accent);color:var(--color-background)}.action-btn.primary:hover{background-color:var(--color-accent-hover);box-shadow:0 4px 12px var(--color-accent-muted);transform:translateY(-2px)}.action-btn.secondary{background-color:var(--card-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-md)}.action-btn.secondary:hover{background-color:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-accent-border)}.summary-grid{flex-direction:column;gap:2rem;display:flex}.summary-section h3{color:var(--color-text-primary);align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.2rem;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{margin-bottom:0}.summary-filters{margin-bottom:1rem}.stats-row{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.summary-stat-card{background-color:var(--card-bg);border:1px solid var(--color-border-subtle);cursor:pointer;box-shadow:var(--shadow-md);border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem;transition:all .2s;display:flex}.summary-stat-card:hover{border-color:var(--color-accent-border);background-color:var(--card-bg-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{background-color:var(--color-accent-muted);width:44px;height:44px;color:var(--color-accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.stat-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.stat-sub{color:var(--color-text-muted);font-size:.75rem}.value-display{align-items:center;gap:.5rem;display:flex}.toggle-value-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.toggle-value-btn:hover{color:var(--color-accent);background-color:var(--color-accent-muted)}.value-mode-toggle{gap:.25rem;margin-top:.25rem;display:flex}.value-mode-toggle button{color:var(--color-text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;background:0 0;border:none;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;transition:all .2s}.value-mode-toggle button:hover{background-color:var(--color-accent-muted);color:var(--color-text-primary)}.value-mode-toggle button.active{background-color:var(--color-accent-muted);color:var(--color-accent)}.activity-compact-bar{background-color:var(--card-bg);border:1px solid var(--color-border-subtle);border-radius:12px;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:.4rem 1rem;display:flex;overflow:hidden}.compact-label{color:var(--color-text-muted);white-space:nowrap;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.7rem;font-weight:800;display:flex}.compact-activity-list{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:1rem;display:flex;overflow-x:auto}.compact-activity-list::-webkit-scrollbar{display:none}.compact-activity-item{background-color:var(--color-surface-hover);border:1px solid var(--color-border-subtle);white-space:nowrap;cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .75rem;transition:all .2s;display:flex}.compact-activity-item:hover{background-color:var(--color-accent-muted);border-color:var(--color-accent-border)}.compact-watch{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.compact-date{color:var(--color-text-muted);font-size:.75rem}.expand-activity-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.expand-activity-btn:hover{color:var(--color-accent)}.today-stat-card.worn{border-color:var(--color-accent-border);background-color:var(--color-accent-muted)}.today-stat-card.worn .stat-label{color:var(--color-accent)}.today-stat-card.empty .stat-icon{background-color:var(--color-danger-bg);color:var(--color-danger)}.today-stat-card.empty:hover{border-color:var(--color-danger-border)}.mini-watch-icon-img{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.mini-watch-icon-img img{object-fit:cover;width:100%;height:100%}.empty-state{text-align:center;color:var(--color-text-muted);padding:2rem}@media (width<=768px){.summary-view{padding:1rem}.summary-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.quick-actions-bar{flex-direction:row;gap:.5rem;width:100%;display:flex}.action-btn{flex:1;justify-content:center;gap:.4rem;padding:.6rem .75rem;font-size:.9rem}.greeting h1{font-size:2rem}.stats-row{gap:.5rem;grid-template-columns:1fr!important;display:grid!important}.summary-stat-card{border-radius:10px;gap:.75rem;padding:.6rem .75rem}.stat-icon{border-radius:8px;flex-shrink:0;width:34px;height:34px}.stat-icon svg{width:16px;height:16px}.stat-content{min-width:0}.stat-value{font-size:1rem;line-height:1.2}.stat-label{font-size:.7rem}.stat-sub{font-size:.65rem}.activity-compact-bar{gap:.75rem}}.summary-chart-content{justify-content:center;padding:1rem 0;display:flex}.summary-chart-content .pie-chart-container{width:100%;max-width:400px}.summary-chart-content .top-watches-chart{width:100%}@media (width<=768px){.summary-chart-content{padding:.5rem 0}}.sort-builder-body{flex-direction:column;gap:12px;display:flex}.sort-builder-modal-title{align-items:center;gap:8px;display:flex}.sort-builder-modal-title h2{margin:0}.sort-builder-context{align-items:baseline;gap:8px;display:flex}.sort-builder-context-badge{font-size:15px;font-weight:700}.sort-builder-context-badge.editing{color:var(--color-text-primary)}.sort-builder-context-badge.new{color:var(--color-text-muted)}.sort-builder-context-dirty{color:var(--color-warning);font-size:12px;font-weight:500}.sort-preset-list{flex-direction:column;gap:4px;display:flex}.sort-preset-list-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;display:flex}.sort-preset-list-title:hover{color:var(--color-text-secondary)}.sort-preset-collapse-icon{transition:transform .15s}.sort-preset-collapse-icon.expanded{transform:rotate(90deg)}.sort-preset-row{background:var(--card-bg);border:1px solid var(--color-border-subtle);border-radius:8px;align-items:center;gap:6px;padding:6px 8px;transition:border-color .15s;display:flex}.sort-preset-row.active{border-color:var(--color-accent-border);background:var(--color-accent-muted)}.sort-preset-row.confirming-delete{border-color:var(--color-danger-border);background:var(--color-danger-bg);justify-content:space-between}.sort-preset-confirm-delete{background:var(--color-danger);color:#fff;padding:4px 12px;font-size:13px}.sort-preset-confirm-delete:hover{filter:brightness(1.1)}.sort-preset-row-reorder{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.sort-preset-row-reorder button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:1px;line-height:1;display:flex}.sort-preset-row-reorder button:hover:not(:disabled){color:var(--color-text-primary)}.sort-preset-row-reorder button:disabled{opacity:.25;cursor:not-allowed}.sort-preset-row-info{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;gap:1px;min-width:0;padding:2px 0;display:flex}.sort-preset-row-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sort-preset-row.active .sort-preset-row-name{color:var(--color-accent)}.sort-preset-row-summary{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sort-preset-rename-input{background:var(--input-bg);border:1px solid var(--color-accent);min-width:0;color:var(--color-text-primary);font-size:13px;font-weight:600;font-family:var(--font-family);border-radius:6px;outline:none;flex:1;padding:4px 8px}.sort-preset-row-actions{flex-shrink:0;gap:2px;display:flex}.sort-preset-row-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.sort-preset-row-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.sort-preset-row-btn.delete:hover{color:var(--color-danger);background:var(--color-danger-bg)}.sort-builder-divider{background:var(--color-border-subtle);height:1px;margin:4px 0}.sort-builder-levels{flex-direction:column;gap:8px;display:flex}.sort-builder-level{background:var(--card-bg);border:1px solid var(--color-border-subtle);border-radius:8px;align-items:center;gap:8px;padding:8px;transition:box-shadow .15s;display:flex}.sort-builder-level.dragging{box-shadow:var(--shadow-lg);opacity:.8}.sort-builder-drag-handle{cursor:grab;color:var(--color-text-tertiary);touch-action:none;align-items:center;padding:2px;display:flex}.sort-builder-drag-handle:active{cursor:grabbing}.sort-builder-level-index{color:var(--color-text-muted);text-align:center;min-width:18px;font-size:12px;font-weight:600}.sort-builder-field-picker{flex:1;min-width:0}.sort-builder-field-picker .multi-select-trigger{width:100%}.sort-builder-direction-toggle{border:1px solid var(--color-border-subtle);cursor:pointer;color:var(--color-text-secondary);background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:4px 6px;font-size:11px;line-height:1;transition:background .15s,border-color .15s;display:flex}.sort-builder-direction-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-accent-border);color:var(--color-accent)}.sort-builder-direction-toggle .dir-arrow{font-size:14px;line-height:1}.sort-builder-remove-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.sort-builder-remove-btn:hover{color:var(--color-danger);background:var(--color-danger-bg)}.sort-builder-remove-btn:disabled{opacity:.3;cursor:not-allowed}.sort-builder-add-btn{border:1px dashed var(--color-border-medium);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:14px;transition:all .15s;display:flex}.sort-builder-add-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.sort-builder-add-btn:disabled{opacity:.4;cursor:not-allowed}.sort-builder-preview{background:var(--card-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;font-size:14px;display:flex}.sort-builder-preview-label{color:var(--color-text-primary);margin-right:4px;font-size:14px;font-weight:600}.sort-builder-preview-chip{background:var(--color-surface-hover);color:var(--color-text-secondary);border-radius:12px;align-items:center;gap:3px;padding:3px 10px;font-size:13px;display:inline-flex}.sort-builder-preview-chip .chip-dir{color:var(--color-text-tertiary);font-size:11px}.sort-builder-preview-arrow{color:var(--color-text-tertiary);font-size:13px}.sort-builder-footer-save{align-items:center;gap:8px;margin-right:auto;display:flex}.sort-builder-save-name-input{background:var(--input-bg);border:1px solid var(--color-border);color:var(--color-text-primary);min-width:0;font-size:14px;font-family:var(--font-family);border-radius:6px;outline:none;flex:1;padding:6px 10px}.sort-builder-save-name-input:focus{border-color:var(--color-accent)}.sort-builder-up-down{flex-direction:column;gap:2px;display:flex}.sort-builder-up-down button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;line-height:1;display:flex}.sort-builder-up-down button:hover{color:var(--color-text-primary)}.sort-builder-up-down button:disabled{opacity:.25;cursor:not-allowed}@media (width<=540px){.sort-builder-level{gap:6px;padding:6px}.sort-builder-field-picker{min-width:100px}.sort-builder-footer{flex-wrap:wrap}.sort-builder-footer-save{flex:100%;margin-right:0}.sort-builder-save-name-input{min-width:80px}}.sort-dropdown{position:relative}.sort-dropdown-toggle{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.sort-dropdown-toggle:hover{background:var(--color-border-subtle);color:var(--color-accent);border-color:var(--color-accent-muted)}.sort-dropdown-toggle.active{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.sort-dropdown-toggle svg{width:18px;height:18px}.sort-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border-subtle);z-index:100;border-radius:12px;min-width:200px;padding:8px;animation:.15s ease-out sort-dropdown-enter;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000004d}@keyframes sort-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sort-dropdown-section{flex-direction:column;gap:2px;display:flex}.sort-dropdown-section-after-divider{border-top:1px solid var(--color-border-subtle);margin-top:4px;padding-top:8px}.sort-dropdown-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:8px 12px 4px;font-size:11px;font-weight:600}.sort-dropdown-item{width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.sort-dropdown-item:hover{background:var(--color-border-subtle);color:var(--color-accent)}.sort-dropdown-item.selected{background:var(--color-accent-muted);color:var(--color-accent)}.sort-item-check{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.sort-item-label{flex:1}.sort-item-direction{color:var(--color-text-muted);align-items:center;display:flex}.sort-dropdown-item.selected .sort-item-direction{color:var(--color-accent)}.sort-dropdown-divider{background:var(--color-border-subtle);height:1px;margin:8px 0}.sort-dropdown-toggle-option{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.sort-dropdown-toggle-option:hover{background:var(--color-border-subtle)}.sort-dropdown-toggle-option input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-accent)}.toggle-option-label{color:var(--color-text-primary);font-size:14px}.sort-dropdown-custom-summary{color:var(--color-text-muted);padding:6px 12px 10px;font-size:12px;line-height:1.5}.sort-builder-entry{color:var(--color-accent)}.sort-builder-entry:hover{background:var(--color-accent-muted)}.density-dropdown{position:relative}.density-dropdown-toggle{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.density-dropdown-toggle:hover{background:var(--color-border-subtle);color:var(--color-accent);border-color:var(--color-accent-muted)}.density-dropdown-toggle.active{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.density-dropdown-toggle svg{width:18px;height:18px}.density-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border-subtle);z-index:100;border-radius:12px;min-width:220px;padding:8px;animation:.15s ease-out density-dropdown-enter;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000004d}@keyframes density-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.density-dropdown-section{flex-direction:column;gap:2px;display:flex}.density-dropdown-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:8px 12px 4px;font-size:11px;font-weight:600}.density-dropdown-item{width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.density-dropdown-item:hover{background:var(--color-border-subtle);color:var(--color-accent)}.density-dropdown-item.selected{background:var(--color-accent-muted);color:var(--color-accent)}.density-item-check{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-top:2px;display:flex}.density-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.density-item-label{font-weight:500}.density-item-description{color:var(--color-text-muted);font-size:12px;line-height:1.3}.density-dropdown-item.selected .density-item-description{color:var(--color-accent);opacity:.8}.density-dropdown-divider{background:var(--color-border-subtle);height:1px;margin:6px 4px}.customize-cards-btn{color:var(--color-text-muted)}.customize-cards-btn:hover{color:var(--color-accent)}.error-report-icon{color:var(--color-danger)}.error-report-intro{color:var(--color-text-secondary);margin:0 0 1.25rem;font-size:.9rem}.error-report-section{margin-bottom:1.25rem}.error-details-toggle{background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);cursor:pointer;width:100%;color:var(--color-text-primary);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:background .15s;display:flex}.error-details-toggle:hover{background:var(--color-border-subtle)}.error-details-content{background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);border-radius:8px;margin-top:.75rem;padding:1rem;font-size:.85rem}.error-detail-row{gap:.75rem;margin-bottom:.5rem;display:flex}.error-detail-row:last-child{margin-bottom:0}.error-detail-label{color:var(--color-text-muted);flex-shrink:0;min-width:60px}.error-detail-value{color:var(--color-text-primary);word-break:break-word}.error-stack .error-detail-value{white-space:pre-wrap;background:var(--color-background);border-radius:4px;max-height:150px;margin-top:.25rem;padding:.5rem;font-family:monospace;font-size:.75rem;overflow-y:auto}.error-report-field{margin-bottom:1rem}.error-report-field label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.error-report-field textarea{border:1px solid var(--color-border-subtle);resize:vertical;background:var(--color-background);width:100%;color:var(--color-text-primary);border-radius:8px;padding:.75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.error-report-field textarea:focus{border-color:var(--color-accent);outline:none}.error-report-field textarea::placeholder{color:var(--color-text-muted)}.error-report-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.error-report-btn.primary{background:var(--color-accent);color:#fff;flex:1}.error-report-btn.primary:hover{background:var(--color-accent-hover)}.error-report-btn.secondary{background:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.error-report-btn.secondary:hover{background:var(--color-border-subtle)}.error-report-btn svg{flex-shrink:0}@media (width<=480px){.error-report-actions{flex-direction:column}.error-report-btn{width:100%}}.wear-date-picker-modal .watch-identifier{background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);border-radius:12px;align-items:center;gap:1rem;margin-bottom:24px;padding:16px;display:flex}.wear-date-picker-modal .watch-identifier-thumbnail{object-fit:cover;background:var(--color-surface);border-radius:8px;flex-shrink:0;width:48px;height:48px}.wear-date-picker-modal .watch-identifier-thumbnail.placeholder{color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.wear-date-picker-modal .watch-identifier-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wear-date-picker-modal .watch-brand{color:var(--color-text-primary);font-size:1rem;font-weight:700}.wear-date-picker-modal .watch-model{color:var(--color-text-muted);font-size:.9rem}.wear-date-picker-modal .input-group{margin-bottom:20px}.wear-date-picker-modal .input-group:last-child{margin-bottom:0}.wear-date-picker-modal .input-group label{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:500;display:flex}.wear-date-picker-modal .styled-input{background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);width:100%;color:var(--color-text-primary);border-radius:10px;padding:12px 16px;font-size:1rem;transition:all .2s}.wear-date-picker-modal .styled-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.wear-date-picker-modal .modal-actions button,.wear-date-picker-modal .modal-footer button{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.wear-date-picker-modal .modal-cancel{background:var(--color-surface-hover);color:var(--color-text-primary)}.wear-date-picker-modal .modal-cancel:hover{background:var(--color-border-medium);transform:translateY(-2px)}.wear-date-picker-modal .modal-confirm{background:var(--color-accent);color:var(--color-background)}.wear-date-picker-modal .modal-confirm:hover{background:var(--color-accent-hover);box-shadow:0 10px 15px -3px var(--color-accent-muted);transform:translateY(-2px)}.wear-date-picker-modal .modal-confirm:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.wear-date-picker-modal .wrist-shot-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface-hover);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.wear-date-picker-modal .wrist-shot-checkbox-label:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.wear-date-picker-modal .wrist-shot-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.wrist-shot-prompt-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(var(--modal-blur));z-index:1399;animation:.2s wsFadeIn;position:fixed;inset:0}.wrist-shot-prompt-sheet{background:var(--card-bg);z-index:1400;border-radius:16px;flex-direction:column;width:min(320px,100vw - 2rem);padding:1.25rem 1.5rem 1.5rem;animation:.2s wsFadeIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000003d}.wrist-shot-prompt-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.wrist-shot-prompt-title{flex-direction:column;gap:2px;display:flex}.wrist-shot-prompt-watch-name{color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.wrist-shot-prompt-subtitle{color:var(--color-text-muted);font-size:.875rem}.wrist-shot-prompt-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.wrist-shot-prompt-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.wrist-shot-prompt-actions{flex-wrap:wrap;gap:.5rem;display:flex}.wrist-shot-prompt-btn{border:1px solid var(--color-border-subtle);background:var(--color-surface);min-width:70px;color:var(--color-text-primary);cursor:pointer;border-radius:12px;flex-direction:column;flex:calc(33% - .5rem);align-items:center;gap:.375rem;padding:.75rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.wrist-shot-prompt-btn:hover{background:var(--color-surface-hover);border-color:var(--color-accent)}.wrist-shot-prompt-btn:active{transform:scale(.97)}.wrist-shot-prompt-skip{color:var(--color-text-muted);border-color:#0000}.wrist-shot-prompt-skip:hover{color:var(--color-text-secondary);border-color:var(--color-border)}.wrist-shot-prompt-hint{text-align:center;color:var(--color-text-muted);margin-top:.75rem;margin-bottom:0;font-size:.75rem}@keyframes wsFadeIn{0%{opacity:0}to{opacity:1}}.wrist-shot-eviction-message{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.85rem}.wrist-shot-eviction-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:0;display:grid}.wrist-shot-eviction-item{aspect-ratio:1;cursor:pointer;background:var(--color-surface);border:2px solid #0000;border-radius:8px;padding:0;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.wrist-shot-eviction-item:hover{border-color:var(--color-accent);transform:scale(1.03)}.wrist-shot-eviction-item img{object-fit:cover;width:100%;height:100%}.wrist-shot-eviction-placeholder{background:var(--color-surface);width:100%;height:100%}.wrist-shot-eviction-date{color:#fff;background:#0009;border-radius:3px;padding:1px 4px;font-size:.6rem;position:absolute;bottom:4px;left:4px}.wrist-shot-eviction-confirm{flex-direction:column;align-items:center;display:flex}.wrist-shot-eviction-confirm .wrist-shot-eviction-message{text-align:center;color:var(--color-danger);font-weight:500}.wrist-shot-eviction-confirm-image{border:2px solid var(--color-error-border,#ef44444d);border-radius:12px;width:180px;height:180px;position:relative;overflow:hidden}.wrist-shot-eviction-confirm-image img{object-fit:cover;width:100%;height:100%}.wrist-shot-eviction-confirm-image .wrist-shot-eviction-date{padding:2px 6px;font-size:.7rem}.error-boundary-fallback{background:var(--color-background);background-image:var(--gradient-bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-boundary-content{text-align:center;background:var(--color-surface);max-width:480px;box-shadow:var(--shadow-modal);border:1px solid var(--color-border-subtle);border-radius:16px;padding:2.5rem}.error-boundary-icon{color:var(--color-warning);margin-bottom:1.5rem}.error-boundary-content h1{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.5rem;font-weight:600}.error-boundary-message{color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.6}.error-boundary-details{color:var(--color-danger);text-align:left;word-break:break-word;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.error-boundary-details strong{margin-bottom:.25rem;display:block}.error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.error-boundary-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.error-boundary-btn.reload{background:var(--color-accent);color:#fff}.error-boundary-btn.reload:hover{background:var(--color-accent-hover)}.error-boundary-btn.report{background:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.error-boundary-btn.report:hover{background:var(--color-border-subtle)}.error-boundary-btn.try-again{background:var(--color-success);color:#fff}.error-boundary-btn.try-again:hover{opacity:.9}.error-boundary-btn.clear-cache{background:var(--color-warning);color:#fff}.error-boundary-btn.clear-cache:hover{opacity:.9}.error-boundary-btn svg{flex-shrink:0}@media (width<=480px){.error-boundary-content{padding:1.5rem}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:.75rem;max-width:90vw;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast{background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-lg);color:var(--color-text-primary);pointer-events:auto;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;min-width:320px;padding:.75rem 1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) toast-slide-up;display:flex}.toast-success{background:var(--color-success-bg);border-color:var(--color-success-border)}.toast-error{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.toast-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.toast-info{background:var(--color-info-bg);border-color:var(--color-info-border)}:root[data-theme=light] .toast{background:#ffffffe6;border-color:#00000014}:root[data-theme=light] .toast-success{background:var(--color-success-bg);border-color:var(--color-success-border)}:root[data-theme=light] .toast-error{background:var(--color-danger-bg);border-color:var(--color-danger-border)}:root[data-theme=light] .toast-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border)}:root[data-theme=light] .toast-info{background:var(--color-info-bg);border-color:var(--color-info-border)}.toast-content{align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;display:flex}.toast-icon{flex-shrink:0}.toast-icon-success{color:var(--color-success)}.toast-icon-error{color:var(--color-danger)}.toast-icon-warning{color:var(--color-warning)}.toast-icon-info{color:var(--color-info)}.toast-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.toast-close:hover{color:var(--color-text-primary)}.toast-exit{animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-out}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}@media (width<=600px){.toast-container{max-width:none;bottom:1rem;left:1rem;right:1rem;transform:none}.toast{width:100%;min-width:auto}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-border-subtle:#ffffff1a;--color-border-medium:#fff3;--color-accent:#38bdf8;--color-accent-hover:#7dd3fc;--color-accent-muted:#38bdf81a;--color-accent-border:#38bdf84d;--color-secondary:#9333ea;--color-secondary-hover:#7c3aed;--color-secondary-muted:#9333ea1a;--color-secondary-border:#9333ea4d;--color-text-primary:#ffffffde;--color-text-secondary:#e2e8f0;--color-text-muted:#94a3b8;--color-text-tertiary:#64748b;--color-success:#22c55e;--color-success-bg:#22c55e26;--color-success-bg-light:#22c55e1a;--color-success-bg-faint:#22c55e0d;--color-success-border:#22c55e40;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-danger-border:#ef44444d;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b4d;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-info-border:#3b82f680;--gradient-accent:linear-gradient(to right, #38bdf8, #818cf8);--gradient-bg:radial-gradient(circle at top right, #38bdf81a, transparent), radial-gradient(circle at bottom left, #818cf81a, transparent);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 16px -6px #00000073;--shadow-lg:0 14px 30px -8px #00000080;--shadow-modal:0 24px 40px -8px #0009;--overlay-bg:#0f172ad9;--input-bg:#0f172a;--card-bg:#1e293b80;--card-bg-hover:#1e293bcc;--header-bg:#1e293bb3;--panic-btn-bg:linear-gradient(135deg, #1e3a8a, #172554);--scrollbar-track:#0f172a80;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--accent-color:var(--color-accent);--text-color:var(--color-text-primary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--text-muted:var(--color-text-muted);--calendar-icon-filter:invert(1);--border-color:var(--color-border);--success-color:var(--color-success);--danger-color:var(--color-danger);--bg-tertiary:var(--color-surface);--color-accent-light:var(--color-accent-hover);--color-primary:var(--color-accent);--color-primary-light:var(--color-accent-muted);--color-error:var(--color-danger);--color-error-border:var(--color-danger-border);--color-error-hover:var(--color-danger);--font-family:Inter, system-ui, -apple-system, sans-serif;--modal-blur:8px;--modal-border-radius:16px;--modal-border:1px solid var(--color-border-subtle);--modal-shadow:var(--shadow-modal);--modal-z-index:1000;--modal-confirm-z-index:3000;--shareable-image-width:280px;--shareable-image-height:300px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f8fafc;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-border:#e2e8f0;--color-border-subtle:#0000000f;--color-border-medium:#0000001f;--color-accent:#0284c7;--color-accent-hover:#0369a1;--color-accent-muted:#0284c714;--color-accent-border:#0284c740;--color-secondary:#7e22ce;--color-secondary-hover:#6b21a8;--color-secondary-muted:#7e22ce14;--color-secondary-border:#7e22ce33;--color-text-primary:#0f172a;--color-text-secondary:#1e293b;--color-text-muted:#64748b;--color-text-tertiary:#94a3b8;--color-success:#16a34a;--color-success-bg:#16a34a14;--color-success-bg-light:#16a34a0f;--color-success-bg-faint:#16a34a0a;--color-success-border:#16a34a33;--color-danger:#dc2626;--color-danger-bg:#dc262614;--color-danger-border:#dc262640;--color-warning:#d97706;--color-warning-bg:#d9770614;--color-warning-border:#d9770640;--color-info:#2563eb;--color-info-bg:#2563eb14;--color-info-border:#2563eb40;--gradient-accent:linear-gradient(to right, #0284c7, #6366f1);--gradient-bg:none;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 6px 18px -6px #00000021;--shadow-lg:0 14px 32px -8px #0000002e;--shadow-modal:0 28px 56px -12px #00000038;--overlay-bg:#fffffff2;--input-bg:#f1f5f9;--card-bg:#fff;--card-bg-hover:#fafafa;--header-bg:#fffffff2;--panic-btn-bg:linear-gradient(135deg, #e0f2fe, #bae6fd);--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--accent-color:var(--color-accent);--text-color:var(--color-text-primary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--text-muted:var(--color-text-muted);--modal-blur:8px;--modal-border-radius:16px;--modal-border:1px solid var(--color-border-subtle);--modal-shadow:var(--shadow-modal);--modal-z-index:1000;--modal-confirm-z-index:3000}.btn{cursor:pointer;font-weight:600;font-family:var(--font-family);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem 1rem;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-background)}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--card-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-accent-border)}.btn-danger{color:var(--color-danger);border:1px solid var(--color-danger-border);background-color:#0000}.btn-danger:hover{background-color:var(--color-danger-bg)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:12px;padding:1.5rem}.input{background-color:var(--input-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:10px;outline:none;padding:.6rem 1rem;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--color-accent)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week],textarea,select{background-color:var(--input-bg);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=number]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}input[type=date]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter,none);cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter,none);cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter,none);cursor:pointer}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none}:root[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none}:root[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{filter:none}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.2rem;padding-right:2.5rem}:root[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.2rem}::placeholder{color:var(--color-text-tertiary)}input[list]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter,none);cursor:pointer}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--color-accent)}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(var(--modal-blur));z-index:var(--modal-z-index);padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-surface);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-panel-sm{width:90%;max-width:450px;max-height:90dvh;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn}.modal-panel-md{width:90%;max-width:560px;max-height:90dvh;animation:.3s ease-out modalSlideIn}.modal-panel-lg{width:95%;max-width:800px;max-height:90dvh;animation:.3s ease-out modalSlideIn}.modal-header{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-header h2{color:var(--color-text-primary);overflow-wrap:break-word;word-wrap:break-word;flex:1;min-width:0;margin:0;font-size:1.25rem;font-weight:600}.modal-close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.modal-close-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.modal-body{flex:1;padding:20px;overflow:hidden auto}.modal-footer{border-top:1px solid var(--color-border-subtle);flex-shrink:0;gap:12px;padding:16px 20px;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.modal-panel-sm,.modal-panel-md{width:95%;max-height:95dvh}.modal-panel-lg{width:100%;max-height:95dvh}.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{padding:14px 16px}}.modal-loading-overlay{z-index:10;border-radius:inherit;background:#0f172acc;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.modal-loading-spinner{color:var(--color-accent);animation:.8s linear infinite modal-loading-spin}.modal-loading-progress-bar{background:var(--color-border-subtle);border-radius:4px;width:100%;max-width:280px;height:8px;overflow:hidden}.modal-loading-progress-fill{background:var(--color-accent);border-radius:4px;height:100%;transition:width .3s;box-shadow:0 0 10px #38bdf880}.modal-loading-text{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}@keyframes modal-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tabs-nav{border-bottom:1px solid var(--color-border-subtle);-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:2rem;padding-bottom:0;display:flex;overflow-x:auto}.tab-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-btn.danger-tab.active{color:var(--color-danger);border-bottom-color:var(--color-danger)}.tab-btn.danger-tab:hover{color:var(--color-danger);background:var(--color-danger-bg)}@media (width<=768px){.tabs-nav{gap:0}.tab-btn{flex:1;justify-content:center;padding:.75rem 1rem;font-size:.9rem}.tab-btn span{display:none}}@media (width<=480px){.tab-btn{padding:.75rem .875rem}}:root{--build-version:2}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-text-primary);margin:0;display:flex}.no-scroll{overflow:hidden!important}#root{width:100%}h1{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.2em;line-height:1.2}:root[data-theme=light] h1{-webkit-text-fill-color:initial;color:var(--color-accent);background:0 0}.page{animation:.5s ease-out fadeIn}@media (width<=768px){h1{font-size:2.2em}}.cookie-consent-overlay{z-index:9999;pointer-events:none;justify-content:center;padding:1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-consent-card{pointer-events:auto;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);width:100%;max-width:600px;box-shadow:var(--shadow-lg);border-radius:16px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden}.cookie-consent-content{align-items:flex-start;gap:1.25rem;padding:1.5rem;display:flex}.cookie-icon-wrapper{background:var(--color-accent-muted);color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;display:flex}.cookie-text{flex-grow:1}.cookie-text h4{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1.1rem}.cookie-text p{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.5}.cookie-actions{flex-direction:column;gap:.75rem;min-width:120px;display:flex}.accept-btn{background:var(--color-accent);color:var(--color-background);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.accept-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.details-toggle{color:var(--color-text-muted);border:1px solid var(--color-border-subtle);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;transition:all .2s;display:flex}.details-toggle:hover{background:var(--color-accent-muted);color:var(--color-text-secondary)}.cookie-details{border-top:1px solid var(--color-border-subtle);background:var(--color-accent-muted);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.cookie-item strong{color:var(--color-accent);margin-bottom:.2rem;font-size:.85rem;display:block}.cookie-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.cookie-footer-note{color:var(--color-text-muted);text-align:center;margin:.5rem 0 0;font-size:.8rem;font-style:italic}@media (width<=640px){.cookie-consent-overlay{padding:1rem}.cookie-consent-content{flex-direction:column;gap:1rem;padding:1.25rem}.cookie-icon-wrapper{align-self:flex-start}.cookie-actions{flex-direction:row;width:100%}.cookie-actions button{flex:1}}.sentinel{width:100%;height:20px}.picked-highlight{outline:3px solid var(--accent-color);outline-offset:4px;z-index:10;animation:1.5s ease-in-out infinite pulseHighlight}@keyframes pulseHighlight{0%{box-shadow:0 0 0 0 var(--color-accent-muted);transform:scale(1)}50%{box-shadow:0 0 20px 10px var(--color-accent-muted);transform:scale(1.02)}to{box-shadow:0 0 0 0 var(--color-accent-muted);transform:scale(1)}}.sync-button{background:var(--card-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;height:auto;box-shadow:var(--shadow-sm);border-radius:8px;align-self:stretch;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.sync-button:hover{background:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-accent-border)}.sync-button:active{transform:translateY(1px)}.sync-text{white-space:nowrap}@media (width<=600px){.sync-text{display:none}.sync-button{justify-content:center;height:44px;padding:.6rem}}.sync-progress-container{flex-direction:column;gap:.5rem;width:100%;max-width:300px;margin-top:1rem;display:flex}.sync-progress-bar{background:var(--color-border-subtle);border-radius:4px;width:100%;height:8px;overflow:hidden}.sync-progress-fill{background:var(--gradient-accent);height:100%;transition:width .3s ease-out}.sync-progress-text{color:var(--color-text-muted);text-align:center;font-size:.8rem}.wear-mini-btn{color:var(--color-text-muted);cursor:pointer;z-index:5;opacity:1;touch-action:manipulation;background:#0f172acc;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:8px;left:8px}:root[data-theme=light] .wear-mini-btn{background:#fffc;border:1px solid #0000001a}.wear-mini-btn.worn{background:var(--color-success);color:var(--color-text-primary);border-color:var(--color-success-border);box-shadow:var(--shadow-md)}:root[data-theme=light] .wear-mini-btn.worn{background:var(--color-success);color:var(--color-text-primary);border-color:var(--color-success-border)}.wear-mini-btn.disabled{color:var(--color-text-tertiary);cursor:not-allowed;background:#0f172acc;border:1px solid #ffffff0d}:root[data-theme=light] .wear-mini-btn.disabled{background:#fffc;border:1px solid #0000000d}@media (hover:hover){.wear-mini-btn.worn:hover{transform:scale(1.1);color:#f87171!important;background:#ef444433!important;border-color:#f8717166!important}:root[data-theme=light] .wear-mini-btn.worn:hover{color:#dc2626!important;background:#dc262626!important;border-color:#dc262666!important}.wear-mini-btn:hover:not(.disabled):not(.worn){background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent);opacity:1;transform:scale(1.1)}}.wear-btn-tooltip-wrapper{z-index:5;position:absolute;top:8px;left:8px}.wear-btn-tooltip-wrapper .wear-mini-btn{position:static}.worn-today-badge{background:var(--color-success);color:var(--color-text-primary);border:1px solid var(--color-success-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-md);z-index:10;text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:800;position:absolute;top:10px;right:10px}.worn-today-row{z-index:10;align-items:center;gap:4px;display:flex;position:absolute;top:10px;right:10px}.worn-today-row .worn-today-badge{position:static}.wrist-shot-camera-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .15s;display:flex}.wrist-shot-camera-btn:hover{background:#000000b3}.wrist-shot-camera-btn svg{width:14px;height:14px}.wrist-shot-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;pointer-events:none;background:#0009;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;bottom:8px;left:8px}.wear-history-modal{background:var(--color-surface);border:1px solid var(--color-border-subtle);max-width:800px;box-shadow:var(--shadow-modal);border-radius:16px}.wear-list{flex-direction:column;gap:.75rem;padding-right:.5rem;display:flex}.wear-item{background:var(--card-bg);border:1px solid var(--color-border-subtle);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.wear-item:hover{background:var(--card-bg-hover);border-color:var(--color-accent-border)}.wear-info{flex-direction:column;gap:.25rem;display:flex}.wear-watch{align-items:baseline;gap:.5rem;display:flex}.wear-brand{color:var(--color-text-secondary);font-size:.95rem;font-weight:700}.wear-model{color:var(--color-text-muted);font-size:.85rem}.wear-meta{color:var(--color-text-tertiary);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.delete-wear-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.delete-wear-btn:hover{background:var(--color-danger-bg);color:var(--color-danger)}.empty-history{color:var(--color-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.header-title-group{align-items:center;gap:.75rem;display:flex}.history-toggle,.stats-toggle,.select-mode-toggle,.bulk-edit-toggle{background:var(--card-bg);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex}.history-toggle:hover,.stats-toggle:hover,.select-mode-toggle:hover,.bulk-edit-toggle:hover{background:var(--card-bg-hover);color:var(--color-accent);border-color:var(--color-accent-border)}.select-mode-toggle.active{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-muted)}.view-tabs{background:var(--card-bg);border:1px solid var(--color-border-subtle);-ms-overflow-style:none;scrollbar-width:none;border-radius:12px;margin-bottom:1rem;padding:4px;display:flex;overflow-x:auto}.view-tabs::-webkit-scrollbar{display:none}.view-tab{white-space:nowrap;min-width:fit-content;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.view-tab:hover{color:var(--color-text-primary);background:var(--color-accent-muted)}.view-tab.active{background:var(--color-accent);color:var(--color-background);box-shadow:0 4px 12px var(--color-accent-muted)}