:root{--bg-primary: #f5f5f5;--bg-secondary: white;--bg-tertiary: #f8f9fa;--bg-input: white;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1a1a1a;--text-secondary: #333;--text-tertiary: #666;--text-muted: #8e8e93;--text-placeholder: #c7c7cc;--border-color: #ddd;--border-light: #e5e5ea;--border-separator: #c6c6c8;--border-card: #f0f0f0;--card-bg: white;--card-active: #f2f2f7;--card-shadow: rgba(0, 0, 0, .08);--ios-toggle-bg: #e9e9eb;--ios-form-bg: #f2f2f7;--nav-bg: rgba(255, 255, 255, .95);--nav-border: rgba(0, 0, 0, .1);--nav-inactive: #999;--search-bg: #e5e5ea;--search-focus: #d1d1d6;--toast-bg: rgba(0, 0, 0, .9);--toast-text: white;--inactive-card-bg: #ffcdd2;--inactive-card-active: #ffb3ba;--score-badge-bg: #f0f2ff;--score-badge-inactive-bg: #fff0f0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{font-size:16px;-webkit-text-size-adjust:100%;touch-action:pan-y;height:100%;height:calc(var(--vh, 1vh) * 100);overscroll-behavior:none;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}body{background:var(--bg-primary);padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;overscroll-behavior:none;color:var(--text-secondary);color-scheme:light}input,select,textarea,button{font-size:16px}input[type=text],input[type=date],input[type=search],select,textarea,button{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:16px;border-radius:12px!important}input[type=checkbox]{appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px!important;cursor:pointer;position:relative;padding-right:2.5rem;background-color:var(--bg-input)}select{background-image:none;background-color:var(--bg-input)}.form-group{position:relative}#app{height:100%;display:flex;flex-direction:column;overflow:hidden}#appContainer{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.pages-wrapper{position:relative;flex:1;min-height:0;overflow:hidden}.container-custom{padding:1.25rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom));max-width:600px;margin:0 auto}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.25rem;text-align:center;box-shadow:0 2px 10px #0000001a;padding-top:calc(1rem + env(safe-area-inset-top));display:flex;align-items:center;justify-content:center;position:relative}.header h1{margin:0;font-size:1.5rem;font-weight:600;flex:1}.home-timeframe-pill{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);margin-top:calc(env(safe-area-inset-top)/2);background:#00000026;border:none;border-radius:20px;padding:.375rem .75rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-timeframe-pill:active{background:#00000040}.timeframe-pill-text{font-size:.8125rem;font-weight:600;color:#fff;white-space:nowrap}.timeframe-pill-arrow{font-size:.75rem;color:#ffffffb3;margin-left:.125rem}.home-timeframe-dropdown{position:absolute;right:1.25rem;top:100%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;min-width:180px;z-index:3001;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.home-timeframe-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.home-timeframe-dropdown-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid #e5e5ea;border-radius:0!important;font-size:.9375rem;color:#1a1a1a;text-align:left;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-timeframe-dropdown-option:last-child{border-bottom:none}.home-timeframe-dropdown-option:active{background:#f2f2f7}.home-timeframe-dropdown-option.active{color:#667eea;font-weight:600}.home-timeframe-dropdown-option .dropdown-check{color:#667eea;font-weight:600;font-size:1rem;display:none}.home-timeframe-dropdown-option.active .dropdown-check{display:inline}.home-timeframe-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;display:none}.home-timeframe-dropdown-overlay.show{display:block}.header .hamburger-button{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);margin-top:calc(env(safe-area-inset-top)/2)}.header-back-btn{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);margin-top:calc(env(safe-area-inset-top)/2);background:none;border:none;color:#fff;font-size:1rem;font-weight:400;cursor:pointer;padding:0;display:flex;align-items:center}.header-back-btn:hover{opacity:.7}.header-back-btn:active{opacity:.5}@media (min-width: 768px){.header{padding-left:max(1.25rem,calc(50vw - 300px));padding-right:max(1.25rem,calc(50vw - 300px))}.header .hamburger-button,.header-back-btn{left:max(1.25rem,calc(50vw - 300px))}.home-timeframe-pill,.home-timeframe-dropdown{right:max(1.25rem,calc(50vw - 300px))}}.header.hide-on-other-pages{display:block;transition:transform .3s ease}body.not-home .header.hide-on-other-pages,.header.show-on-likes-page,.header.show-on-shares-page,.header.show-on-settings-page{display:none}@media (min-width: 768px){.modal-popup{width:500px}}.add-friend-btn{display:block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;width:100%;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:1rem;cursor:pointer;box-shadow:0 4px 12px #667eea4d;transition:transform .1s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.add-friend-btn:active{transform:scale(.98)}.fab{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));right:1.25rem;width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:50%!important;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:transform .15s ease,box-shadow .15s ease;z-index:100;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fab:before,.fab:after{content:"";position:absolute;background:#fff;border-radius:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.fab:before{width:20px;height:3px}.fab:after{width:3px;height:20px}.fab:active{transform:scale(.92);box-shadow:0 2px 8px #667eea4d}@media (min-width: 768px){.fab{right:calc(50% - 300px + 1rem)}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;width:100%;cursor:pointer;box-shadow:0 4px 12px #667eea4d;transition:transform .1s ease}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#6c757d;color:#fff;border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s ease}.btn-secondary:active{transform:scale(.98);background:#5a6268}.btn-danger{background:#dc3545;color:#fff;border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s ease;box-shadow:0 4px 12px #dc35454d}.btn-danger:active{transform:scale(.98);background:#c82333}.alert{padding:.875rem;border-radius:12px;margin-top:.75rem;font-size:.9375rem}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.friend-card{background:#fff;border-radius:16px;padding:1rem;margin-bottom:.75rem;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:space-between;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,.05)}.friend-card:active{transform:scale(.98);background:#f8f8f8}.friend-card.inactive{background:#ffcdd2}.friend-card.inactive:active{background:#ffb3ba}.friend-name{font-size:1.1rem;font-weight:600;color:#333;flex:1;pointer-events:none}.friend-actions{display:flex;gap:.75rem;align-items:center;position:relative;z-index:10}.action-btn{background:none;border:none;font-size:1.75rem;cursor:pointer;padding:.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:10;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.action-btn:active{transform:scale(.85)}.heart-btn,.share-btn{filter:grayscale(100%);opacity:.3;transition:all .2s ease}.heart-btn.filled,.share-btn.filled{filter:grayscale(0%);opacity:1}.heart-btn.pulse{animation:heartPulse .4s cubic-bezier(.4,0,.2,1)}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#f8f9fa;border-radius:12px;padding:1rem;text-align:center}.stat-card-wide{grid-column:1 / -1}.stat-label{font-size:.8125rem;color:#666;margin-bottom:.5rem;font-weight:500}.stat-value{font-size:1.25rem;font-weight:700;color:#333}.stat-value.inactive{color:#d32f2f}.stat-value.active{color:#2e7d32}.history-item{background:#fff;border-radius:.75rem;padding:0;margin-bottom:.5rem;box-shadow:0 2px 6px #00000014;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.history-item-content{flex:1;min-width:0}.history-item-name{font-weight:600;font-size:1.05rem;color:#333;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-details{font-size:.85rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-actions{display:flex;gap:.5rem;flex-shrink:0;margin-left:1rem}.history-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.3rem;transition:transform .2s,opacity .2s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.history-btn:active{transform:scale(.9)}.history-btn:hover{opacity:.7}.history-item.share-card{background:#fff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 1px 3px #00000014}.history-item.share-card .card-content{background:#fff;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;width:100%}.history-item.share-card .direction-accent{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.history-item.share-card.sent .direction-accent{background:linear-gradient(180deg,#e879f9,#d946ef)}.history-item.share-card.received .direction-accent{background:linear-gradient(180deg,#a3e635,#84cc16)}.history-item.share-card .share-details{flex:1;min-width:0;overflow:hidden}.history-item.share-card .share-top-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.history-item.share-card .share-friend-name{font-weight:600;font-size:1rem;color:#1a1a1a}.history-item.share-card .direction-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px}.history-item.share-card.sent .direction-badge{background:#d946ef1f;color:#c026d3}.history-item.share-card.received .direction-badge{background:#84cc1626;color:#65a30d}.holo-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px;background:#6b728026;color:#4b5563}.new-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px;background:#3b82f626;color:#2563eb}.history-item.share-card .share-card-info{font-size:.875rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item.share-card .share-rarity{color:#9ca3af;letter-spacing:-1px}.history-item.share-card .chevron{color:#c7c7cc;font-size:1.25rem;flex-shrink:0;margin-left:auto}.history-item.like-card{background:#fff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 1px 3px #00000014}.history-item.like-card .like-content{background:#fff;padding:.875rem 1rem;display:flex;align-items:center;gap:.875rem;width:100%}.history-item.like-card .chevron{color:#c7c7cc;font-size:1.25rem;flex-shrink:0;margin-left:auto}.history-item.like-card .like-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff6b8a,#ff4757);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;box-shadow:0 2px 8px #ff47574d}.history-item.like-card .like-details{flex:1;min-width:0}.history-item.like-card .like-friend-name{font-weight:600;font-size:1rem;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item.like-card .like-subtitle{font-size:.8125rem;color:#8e8e93;margin-top:.125rem}.history-item.like-card:active,.history-item.like-card:active .like-content{background:#f8f8f8}.like-day-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden;margin-bottom:.75rem}.like-day-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem .5rem;border-bottom:1px solid #f0f0f0}.like-day-date{font-size:.8rem;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.like-day-count{font-size:.75rem;color:#adb5bd;font-weight:500}.like-day-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem 1rem .75rem}.like-chip{background:#f2f2f7;border:1px solid #e0e0e8;color:#3a3a4a;border-radius:50px;padding:.3125rem .75rem;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .1s ease;line-height:1.4}.like-chip:active{background:#e5e5ee;transform:scale(.96)}.date-group-header{color:#6c757d;padding:.5rem 0;font-weight:600;font-size:.85rem;margin-top:1.5rem;margin-bottom:.75rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}.date-group-header:first-child{margin-top:0}.empty-state{text-align:center;padding:3rem 1.5rem;color:#999}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.empty-state-text{font-size:1.1rem;margin-bottom:.5rem}.empty-state-subtext{font-size:.9rem;color:#bbb}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9375rem}.form-control{width:100%;padding:.875rem;border:2px solid #ddd;border-radius:12px!important;font-size:1rem;background:#fff;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:#667eea}.form-control::placeholder{color:#8e8e93}.form-control:read-only{background:#f5f5f5;color:#666}.form-control.field-error{border-color:#dc3545;background-color:#fff5f5!important}.form-control.field-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1;margin-bottom:0}select.form-control{cursor:pointer;background-color:#fff!important;padding-right:2.75rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:12px!important;font-weight:500;color:#333}select.form-control:not(:disabled){background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}select.form-control:hover:not(:disabled){border-color:#667eea;background-color:#f8f9ff!important;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}select.form-control:focus:not(:disabled){background-color:#fff!important;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}select.form-control:disabled{background-color:#e9ecef!important;background-image:none;color:#6c757d;cursor:not-allowed;opacity:.6}select.form-control option{background-color:#fff;color:#333;padding:.5rem}select.form-control option:first-child{color:#6c757d;font-style:italic}select.form-control.select-default{color:#8e8e93}select.form-control.select-active{color:#333}.checkbox-group{display:flex;flex-direction:column;gap:.25rem}.checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0!important}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#667eea}.checkbox-text{font-weight:600;color:#333;font-size:.9375rem}.checkbox-label input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.checkbox-label input[type=checkbox]:disabled+.checkbox-text{color:#999;opacity:.6}.ios-toggle-group{background:#f2f2f7;border-radius:12px;overflow:hidden;margin-bottom:1rem}.ios-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.ios-toggle-row:not(:last-child){border-bottom:.5px solid #c6c6c8}.ios-toggle-row:active{background:#f2f2f7}.ios-toggle-label{font-size:1rem;font-weight:500;color:#1a1a1a}.ios-toggle-input{position:absolute;opacity:0;width:0;height:0}.ios-toggle-switch{position:relative;width:51px;height:31px;background:#e9e9eb;border-radius:31px;transition:background .3s ease;flex-shrink:0}.ios-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease}.ios-toggle-input:checked+.ios-toggle-switch{background:#34c759}.ios-toggle-input:checked+.ios-toggle-switch:after{transform:translate(20px)}.ios-toggle-row.disabled{opacity:.5;cursor:not-allowed}.ios-toggle-row.disabled:active{background:#fff}.ios-toggle-input:disabled+.ios-toggle-switch{background:#e9e9eb;opacity:.5}.toggle-button{display:flex;position:relative;background:#e9ecef;border-radius:10px;padding:4px}.toggle-button:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea66}.toggle-button.received:before{transform:translate(100%)}.rarity-toggle:before{width:calc(25% - 8px);left:4px;transition:left .25s cubic-bezier(.4,0,.2,1);transform:none}.rarity-toggle.r-2:before{left:calc(25% + 4px)}.rarity-toggle.r-3:before{left:calc(50% + 4px)}.rarity-toggle.r-4:before{left:calc(75% + 4px)}.rarity-toggle .toggle-option{padding:.65rem .25rem;font-size:.9375rem;letter-spacing:.5px}.toggle-option{flex:1;padding:.75rem 1rem;text-align:center;cursor:pointer;background:transparent;color:#666;border:none;border-radius:8px;font-weight:600;font-size:1rem;transition:color .2s ease;position:relative;z-index:1}.toggle-option.active{color:#fff}.toggle-option:active{transform:scale(.98)}.toggle-option.disabled{opacity:.4;cursor:not-allowed}.toggle-option.disabled:active{transform:none}.ios-form-group{background:#fff;border-radius:12px;margin:0 1rem 1rem;overflow:hidden}.ios-form-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;min-height:44px}.ios-form-row:not(:last-child){border-bottom:.5px solid #c6c6c8}.ios-form-label{font-size:1rem;color:#1a1a1a;flex-shrink:0;margin-right:1rem}.ios-form-input,.ios-form-select{flex:1;text-align:right;border:none;background:transparent;font-size:1rem;color:#8e8e93;padding:0;min-width:0;outline:none}.ios-form-input::placeholder{color:#8e8e93}.ios-form-input:focus,.ios-form-select:focus{color:#1a1a1a}.ios-form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:0}.ios-form-date{color:#007aff}.ios-form-date::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%;height:100%;cursor:pointer}.ios-form-date:read-only{color:#8e8e93}.ios-form-date:read-only::-webkit-calendar-picker-indicator{display:none}.ios-form-row.field-error{background-color:#fff5f5}.ios-form-row.field-error .ios-form-label{color:#dc3545}.ios-delete-button{display:block;width:calc(100% - 2rem);margin:0 1rem 1rem;padding:.875rem;background:#fff;border:none;border-radius:12px;color:#ff3b30;font-size:1.0625rem;font-weight:400;text-align:center;cursor:pointer}.ios-delete-button:active{background:#f2f2f7}.ios-form-group .ios-toggle-row{cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0}.ios-form-group .ios-toggle-row:active{background:#f2f2f7}.ios-form-group .ios-form-label{font-weight:400}.form-control.date-locked{background-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed;background-image:none!important;opacity:.6}.button-container{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.25rem .5rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000001a;z-index:1000;display:flex;justify-content:center;gap:1rem;border-top:.5px solid rgba(0,0,0,.1)}.nav-button{background:transparent;color:#999;border:none;border-radius:8px;cursor:pointer;font-size:.7rem;font-weight:600;padding:.25rem .3rem;flex:0 0 auto;min-width:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:2.75rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:rgba(0,0,0,.05)}.nav-button.active{color:#667eea;transform:scale(1.05)}.nav-button:active{transform:scale(.95);background:#0000000d}.nav-icon{font-size:1.25rem;filter:grayscale(100%);opacity:.5;transition:all .2s ease}.nav-button.active .nav-icon{filter:grayscale(0%);opacity:1}.search-container{margin-bottom:1rem}.search-bar{width:100%;padding:.875rem 1rem;border:2px solid #ddd;border-radius:12px!important;font-size:1rem;background:#fff;transition:border-color .2s ease}.search-bar:focus{outline:none;border-color:#667eea}.search-counter{font-size:.8125rem;color:#8e8e93;text-align:center;margin-bottom:.75rem}.hamburger-button{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.hamburger-button:active{opacity:.7}.hamburger-icon{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.account-sidepanel{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:320px;background:#fff;z-index:1999;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a}.account-sidepanel.open{transform:translate(0)}.sidepanel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidepanel-overlay.open{opacity:1;pointer-events:auto}#appContainer.sidepanel-open{transform:translate(min(80vw,320px));transition:transform .3s ease}#appContainer{transition:transform .3s ease}.sidepanel-header{display:flex;align-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem;border-bottom:1px solid #f0f0f0;background:#fff}.sidepanel-close{background:none;border:none;font-size:1.5rem;color:#333;cursor:pointer;padding:0 .5rem 0 0;margin-right:.5rem}.sidepanel-title{font-size:1.125rem;font-weight:600;color:#333;flex:1}.sidepanel-header-spacer{width:0}.sidepanel-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;display:flex;flex-direction:column}.sidepanel-profile{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f5f5f5;border-radius:12px;margin-bottom:1.5rem}.sidepanel-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem;flex-shrink:0}.sidepanel-user-info{flex:1;min-width:0}.sidepanel-username-display{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sidepanel-username-display span{font-size:1rem;font-weight:600;color:#333}.sidepanel-username-edit-btn{background:none;border:none;color:#667eea;font-size:1rem;cursor:pointer;padding:.25rem;line-height:1;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.sidepanel-username-edit-btn:active{opacity:.6}.sidepanel-email{font-size:.8125rem;color:#8e8e93}.sidepanel-menu{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;overflow:hidden}.sidepanel-menu-item{display:flex;align-items:center;width:100%;padding:1rem;min-height:56px;background:#fff;border:none;border-radius:0;cursor:pointer;text-align:left;transition:background .15s ease;position:relative}.sidepanel-menu-item:active{background:#f2f2f7}.sidepanel-menu-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#f0f0f0}.sidepanel-menu-icon{font-size:1.25rem;margin-right:.875rem}.sidepanel-menu-label{flex:1;font-size:1rem;color:#333}.sidepanel-menu-chevron{font-size:1.25rem;color:#c7c7cc;font-weight:300}.sidepanel-toggle-item{cursor:pointer}.sidepanel-toggle-item .ios-toggle-input{position:absolute;opacity:0;width:0;height:0}.sidepanel-toggle-item .ios-toggle-switch{position:relative;width:51px;height:31px;background:#e9e9eb;border-radius:31px;transition:background .3s ease;flex-shrink:0}.sidepanel-toggle-item .ios-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease}.sidepanel-toggle-item .ios-toggle-input:checked+.ios-toggle-switch{background:#34c759}.sidepanel-toggle-item .ios-toggle-input:checked+.ios-toggle-switch:after{transform:translate(20px)}.sidepanel-logout-btn{width:100%;background:none;border:none;color:#ff3b30;font-size:1rem;padding:1rem;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.sidepanel-logout-btn:active{opacity:.6}.sidepanel-version{text-align:center;font-size:.75rem;color:#c7c7cc;padding:1rem;margin-top:auto}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:3000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-overlay.show{display:block}.modal-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:1.5rem;max-width:90%;width:400px;z-index:3001;box-shadow:0 20px 60px #0006;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2rem);overflow-y:auto}.modal-popup.show{display:block}#confirmOverlay{z-index:4000}#confirmPopup{z-index:4001}.modal-header{display:block;position:relative;text-align:center;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600;color:#333;text-align:center;width:100%}.modal-header-stacked{display:block;position:relative;text-align:center}.modal-title-full{font-size:1.5rem;padding-right:0;margin-bottom:0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.modal-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;position:absolute;right:0;top:0}.modal-close-absolute{position:absolute;top:.5rem;right:.5rem}.modal-close:active{background:#0000000d;color:#333}.modal-popup>.btn,.modal-popup>div:last-child:not(.form-group):not(.modal-header){margin-top:1.25rem}.modal-popup-small{max-width:400px;width:90%}.modal-popup-large{max-width:600px;width:90%}.confirm-message{padding:1.5rem 0;text-align:center;font-size:1rem;color:#333;line-height:1.5}.confirm-actions{display:flex;gap:.75rem;margin-top:1rem}.confirm-actions button{flex:1}.edit-friend-overlay{z-index:3500}.edit-friend-popup{z-index:3501}.ios-modal{padding:0!important;background:#f2f2f7!important;max-height:90vh;overflow-y:auto}.ios-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f2f2f7;position:sticky;top:0;z-index:10;border-bottom:.5px solid #c6c6c8}.ios-modal-title{font-size:1.0625rem;font-weight:600;color:#1a1a1a}.ios-modal-cancel,.ios-modal-action{background:none;border:none;font-size:1.0625rem;padding:0;cursor:pointer;min-width:60px}.ios-modal-cancel{color:#007aff;text-align:left}.ios-modal-action{color:#007aff;font-weight:600;text-align:right}.ios-modal-action:active,.ios-modal-cancel:active{opacity:.5}.ios-segmented-control{display:flex;background:#ebebf0;border-radius:50px;padding:3px;margin:.5rem 1rem 1rem;gap:2px}.ios-segment{flex:1;padding:.4375rem .25rem;border:none;background:transparent;border-radius:50px;font-size:.8125rem;font-weight:500;color:#8e8e93;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.ios-segment.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;box-shadow:0 2px 8px #667eea59}.ios-segment.disabled{color:#c7c7cc;opacity:.5;cursor:not-allowed}.friend-detail-modal{max-width:400px;width:90%;padding:2.5rem 1.5rem 1.5rem}.friend-detail-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.friend-detail-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 4px 12px #667eea4d}.friend-detail-avatar.inactive{background:linear-gradient(135deg,#ff6b8a,#ff4757);box-shadow:0 4px 12px #ff47574d}.friend-detail-avatar.warning{background:linear-gradient(135deg,#f7b731,#f39c12);box-shadow:0 4px 12px #f39c124d}.friend-detail-initial{color:#fff;font-size:2rem;font-weight:600;text-transform:uppercase}.friend-detail-name-display{font-size:1.5rem;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:.25rem}.friend-detail-score-badge{font-size:1rem;font-weight:600;padding:.35rem 1rem;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.friend-detail-score-label{font-size:.75rem;color:#8e8e93;margin-top:.25rem}.friend-score-timeframe{margin-bottom:1rem}.custom-date-range{margin-top:.75rem}.date-range-input{width:100%;padding:.625rem .875rem;border:1px solid #ddd;border-radius:12px;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;cursor:pointer}.date-range-input:focus{outline:none;border-color:#667eea}.date-range-input::placeholder{color:#8e8e93}.friend-score-card.score-card-static{cursor:default;box-shadow:none;margin-bottom:.75rem}.friend-score-card.score-card-static:hover{transform:none;box-shadow:none;background:#fff}.friend-score-card.score-card-static:active{transform:none}.friend-score-card:not(.score-card-static){border-color:#667eea4d}.friend-score-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.friend-score-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #00000014;border:1.5px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:80px}.friend-score-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;background:#fafafa}.friend-score-card:active{transform:translateY(0);box-shadow:0 1px 3px #00000014}.score-card-label{font-size:.75rem;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.score-card-value{font-size:1.5rem;font-weight:700;color:#1a1a1a}.friend-score-custom-section{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #00000014}.custom-date-selector{display:flex;flex-direction:column;gap:.5rem}.custom-date-label{font-size:.75rem;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.custom-date-selector input{width:100%;padding:.625rem .875rem;border:1px solid #ddd;border-radius:8px;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;cursor:pointer}.custom-date-selector input:focus{outline:none;border-color:#667eea}.custom-date-selector input::placeholder{color:#8e8e93}.custom-score-card{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5ea;text-align:center}.rarity-diamonds{display:inline-flex;align-items:center;color:#007aff;letter-spacing:-2px}.partial-diamond{display:inline-block;overflow:hidden;letter-spacing:0;line-height:1}.friend-detail-section{margin-bottom:1rem}.friend-detail-info-section{margin-bottom:.5rem}.friend-detail-value-with-copy{display:flex;align-items:center;gap:.5rem}.friend-detail-copy-btn{padding:.375rem;background:transparent;border:none;color:#667eea;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.friend-detail-copy-btn:hover{background:#667eea1a}.friend-detail-copy-btn:active{transform:scale(.95)}.friend-detail-group{background:#f2f2f7;border-radius:12px;overflow:hidden;margin-bottom:1rem}.friend-detail-group:last-child{margin-bottom:0}.friend-detail-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff}.friend-detail-row:not(:last-child){border-bottom:.5px solid #c6c6c8}.friend-detail-label{font-size:1rem;color:#1a1a1a;white-space:nowrap}.friend-detail-value{font-size:1rem;color:#8e8e93;text-align:right;white-space:nowrap}.friend-detail-section-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;margin-top:1rem}.friend-detail-section-header:first-child{margin-top:0}.friend-detail-section-header span{font-size:1.125rem;font-weight:700;color:#1a1a1a}.friend-detail-edit-row{display:flex;flex-direction:column;padding:.75rem 1rem;background:#fff}.friend-detail-edit-row:not(:last-child){border-bottom:.5px solid #c6c6c8}.friend-detail-edit-row .friend-detail-label{font-size:.75rem;color:#8e8e93;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.3px}.friend-detail-input{width:100%;padding:.5rem 0;border:none;border-radius:0!important;font-size:1rem;color:#1a1a1a;background:transparent}.friend-detail-input:focus{outline:none}.friend-detail-input::placeholder{color:#8e8e93}.friend-detail-actions{display:flex;flex-direction:column;gap:.625rem;margin-top:1.5rem}.friend-detail-btn{width:100%;padding:.875rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.friend-detail-btn:active{transform:scale(.98)}.friend-detail-btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.friend-detail-btn-save{background:#34c759;color:#fff;box-shadow:0 2px 8px #34c7594d}.friend-detail-btn-cancel{background:#f2f2f7;color:#8e8e93}.friend-detail-btn-delete{background:transparent;color:#ff3b30;box-shadow:none}.friend-detail-btn-delete:active{background:#ff3b301a}.detail-actions{display:none}#friendDetailPage .sub-page-content{max-width:100%;padding-left:0;padding-right:0;padding-bottom:env(safe-area-inset-bottom)}#friendDetailPage .sub-page-content>*{max-width:600px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:2999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.bottom-sheet-overlay.show{opacity:1;visibility:visible}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;z-index:3000;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s ease;max-height:70vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);visibility:hidden}.bottom-sheet.show{transform:translateY(0);visibility:visible}.bottom-sheet-handle{width:36px;height:5px;background:#c7c7cc;border-radius:3px;margin:8px auto 4px;flex-shrink:0}.bottom-sheet-header{text-align:center;font-size:.8125rem;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;flex-shrink:0}.bottom-sheet-content{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.bottom-sheet-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:transparent;border:none;border-bottom:1px solid #e5e5ea;border-radius:0!important;font-size:1rem;color:#000;text-align:left;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bottom-sheet-option:active{background:#f2f2f7}.bottom-sheet-option-text{flex:1;font-weight:400}.bottom-sheet-option-indicator{color:#667eea;font-weight:600;font-size:1.125rem;min-width:20px;text-align:right}.bottom-sheet-option:not(.active):not(.selected-asc):not(.selected-desc) .bottom-sheet-option-indicator{display:none}.bottom-sheet-option.selected-asc .bottom-sheet-option-indicator:after{content:"↑"}.bottom-sheet-option.selected-desc .bottom-sheet-option-indicator:after{content:"↓"}.bottom-sheet-option[data-sort=alphabetical].selected-asc .bottom-sheet-option-indicator:after{content:"↓"}.bottom-sheet-option[data-sort=alphabetical].selected-desc .bottom-sheet-option-indicator:after{content:"↑"}.bottom-sheet-divider{height:8px;background:#f2f2f7;border-top:.5px solid #e5e5ea;border-bottom:.5px solid #e5e5ea}.bottom-sheet-custom-date{padding:1rem 1.25rem;border-top:.5px solid #e5e5ea;background:#f2f2f7}.bottom-sheet-custom-date .form-control{background:#fff}.dark-mode .bottom-sheet{background:#1c1c1e}.dark-mode .bottom-sheet-option{color:#fff;border-bottom-color:#38383a}.dark-mode .bottom-sheet-option:active{background:#2c2c2e}.dark-mode .bottom-sheet-divider{background:#2c2c2e;border-top-color:#38383a;border-bottom-color:#38383a}.dark-mode .bottom-sheet-custom-date{background:#2c2c2e;border-top-color:#38383a}@media (min-width: 768px){.bottom-sheet{left:50%;transform:translate(-50%) translateY(100%);max-width:500px;border-radius:16px;margin-bottom:1rem}.bottom-sheet.show{transform:translate(-50%) translateY(0)}}.toast{position:fixed;bottom:calc(6rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(300px);background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:0 8px 32px #0000004d;z-index:5000;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;font-size:.9375rem;font-weight:500;pointer-events:none;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;opacity:0}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.pull-to-refresh{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:100}.pull-to-refresh.visible{opacity:1}.pull-to-refresh .spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}.ss-container{position:relative}.ss-trigger{display:flex;align-items:center;width:100%;padding:.875rem 2.75rem .875rem .875rem;border:2px solid #ddd;border-radius:12px!important;font-size:1rem;font-weight:500;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}.ss-trigger:hover:not(.ss-disabled){border-color:#667eea;background-color:#f8f9ff;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}.ss-trigger.ss-active{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M6 6.5L11 1.5L1 1.5" fill="none" stroke="%23667eea" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}.ss-trigger.ss-placeholder{color:#8e8e93}.ss-trigger.ss-has-value{color:#333}.ss-trigger.ss-disabled{background-color:#e9ecef!important;background-image:none;color:#6c757d;cursor:not-allowed;opacity:.6}.ss-trigger.field-error,.ss-container.field-error .ss-trigger{border-color:#dc3545;background-color:#fff5f5!important}.ss-trigger.field-error.ss-active,.ss-container.field-error .ss-trigger.ss-active{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.ss-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 16px #0000001f;z-index:100;display:none;flex-direction:column;overflow:hidden;max-height:280px}.ss-dropdown.ss-open{display:flex}.ss-search-wrap{padding:.5rem;border-bottom:1px solid #e5e5ea;flex-shrink:0}.ss-search{width:100%;padding:.625rem .75rem;border:1.5px solid #e5e5ea;border-radius:8px;font-size:1rem;background:#f8f9fa;outline:none;transition:border-color .2s ease}.ss-search:focus{border-color:#667eea;background:#fff}.ss-search::placeholder{color:#8e8e93}.ss-options{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ss-option{display:flex;align-items:center;padding:.75rem 1rem;min-height:44px;cursor:pointer;transition:background-color .1s ease;-webkit-tap-highlight-color:transparent;gap:.625rem}.ss-option:not(:last-child){border-bottom:.5px solid #f0f0f0}.ss-option:active{background-color:#f2f2f7}.ss-option.ss-selected{background-color:#f0f2ff;color:#667eea;font-weight:600}.ss-checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid #c7c7cc;border-radius:6px;flex-shrink:0;transition:all .15s ease}.ss-option.ss-selected .ss-checkbox{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.ss-option.ss-selected .ss-checkbox:after{content:"";display:block;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-1px}.ss-option-label{font-size:1rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-option.ss-selected .ss-option-label{color:#667eea}.ss-no-results{padding:1.25rem;text-align:center;color:#8e8e93;font-size:.9375rem}body.dark-mode .ss-trigger{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}body.dark-mode .ss-trigger:hover:not(.ss-disabled){background-color:var(--bg-tertiary);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}body.dark-mode .ss-trigger.ss-active{background-color:var(--bg-input);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M6 6.5L11 1.5L1 1.5" fill="none" stroke="%23667eea" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}body.dark-mode .ss-trigger.ss-placeholder{color:var(--text-placeholder)}body.dark-mode .ss-trigger.ss-has-value{color:var(--text-primary)}body.dark-mode .ss-trigger.ss-disabled{background-color:var(--bg-tertiary)!important;color:var(--text-muted)}body.dark-mode .ss-trigger.field-error{border-color:#dc3545;background-color:#dc354526!important}body.dark-mode .ss-dropdown{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 16px #0000004d}body.dark-mode .ss-search-wrap{border-bottom-color:var(--border-color)}body.dark-mode .ss-search{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .ss-search:focus{border-color:#667eea;background:var(--bg-input)}body.dark-mode .ss-search::placeholder{color:var(--text-placeholder)}body.dark-mode .ss-option:not(:last-child){border-bottom-color:var(--border-color)}body.dark-mode .ss-option:active{background-color:var(--card-active)}body.dark-mode .ss-option.ss-selected{background-color:#667eea26}body.dark-mode .ss-option-label{color:var(--text-primary)}body.dark-mode .ss-option.ss-selected .ss-option-label{color:#8ba3ff}body.dark-mode .ss-checkbox{border-color:var(--border-color)}body.dark-mode .ss-no-results{color:var(--text-muted)}.auth-page{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary, #f5f5f5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.auth-page.hidden{display:none}.auth-container{width:100%;max-width:400px}.auth-form{display:none}.auth-form.active{display:block}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo-icon{font-size:3rem;margin-bottom:.5rem}.auth-logo h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin:0}.auth-logo p{font-size:.9375rem;color:var(--text-muted, #8e8e93);margin:.25rem 0 0}.auth-form-card{background:var(--card-bg, white);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px var(--card-shadow, rgba(0, 0, 0, .08))}.auth-form-card h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 1.25rem;text-align:center}.auth-input-group{margin-bottom:1rem}.auth-input-group label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--text-secondary, #333);font-size:.875rem}.auth-input{width:100%;padding:.875rem;border:2px solid var(--border-color, #ddd);border-radius:12px;font-size:16px;background:var(--bg-input, white);color:var(--text-primary, #1a1a1a);transition:border-color .2s ease;-webkit-appearance:none;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.auth-input::placeholder{color:var(--text-placeholder, #c7c7cc)}.auth-input.field-error{border-color:#dc3545;background-color:#fff5f5}.auth-btn{display:block;width:100%;padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #667eea4d;transition:transform .1s ease,opacity .2s ease;-webkit-appearance:none;margin-top:.5rem}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:10px;font-size:.875rem;margin-bottom:1rem;display:none;text-align:center}.auth-error.visible{display:block}.auth-success{background:#d4edda;color:#155724;padding:.75rem;border-radius:10px;font-size:.875rem;margin-bottom:1rem;display:none;text-align:center}.auth-success.visible{display:block}.auth-footer{text-align:center;margin-top:1.25rem}.auth-footer p{margin:.5rem 0;font-size:.875rem;color:var(--text-muted, #8e8e93)}.auth-link{color:#667eea;text-decoration:none;font-weight:500;cursor:pointer}.auth-link:active{opacity:.7}.auth-mfa-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;font-weight:600;font-family:monospace}.auth-qr-container{text-align:center;margin:1rem 0}.auth-qr-container img{max-width:200px;border-radius:12px;border:2px solid var(--border-color, #ddd)}.auth-qr-secret{font-family:monospace;font-size:.8rem;color:var(--text-muted, #8e8e93);word-break:break-all;margin-top:.5rem;-webkit-user-select:text;user-select:text;cursor:pointer;padding:.5rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px;transition:background .15s ease}.auth-qr-secret:active{background:var(--bg-tertiary, #e8e8e8)}.auth-qr-label{font-size:.8125rem;color:var(--text-muted, #8e8e93);margin-top:.25rem}.auth-reset-info{font-size:.875rem;color:var(--text-tertiary, #666);text-align:center;margin-bottom:1rem;line-height:1.4}.auth-password-requirements{font-size:.8125rem;color:var(--text-muted, #8e8e93);margin-top:.25rem}.auth-btn .auth-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .6s linear infinite;vertical-align:middle;margin-right:.5rem}@keyframes auth-spin{to{transform:rotate(360deg)}}.mfa-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 0}.mfa-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.8125rem;font-weight:600}.mfa-status-badge.enabled{background:#d4edda;color:#155724}.mfa-status-badge.disabled{background:#f8f9fa;color:#6c757d}.home-stats-bar{display:flex;align-items:center;justify-content:space-around;background:#fff;border-radius:16px;padding:1rem .5rem;margin-bottom:1rem;box-shadow:0 1px 3px #00000014}.home-stat{display:flex;flex-direction:column;align-items:center;flex:1}.home-stat-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.home-stat-label{font-size:.6875rem;color:#8e8e93;text-transform:uppercase;letter-spacing:.3px;margin-top:.125rem}.home-stat-divider{width:1px;height:2rem;background:#e5e5ea}.home-search-row{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:568px;display:flex;align-items:center;gap:.625rem;z-index:100;transition:bottom .15s ease}.home-search-wrapper{flex:1;display:flex;align-items:center;background:#e5e5ea;border-radius:50px;padding:0 1rem;gap:.625rem;height:52px}.home-search-wrapper:focus-within{background:#d1d1d6}.home-search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-search-icon svg{width:20px;height:20px;fill:#8e8e93}.home-search-wrapper .search-bar{flex:1;background:transparent;border:none;border-radius:0!important;padding:0;color:#1a1a1a;font-size:1rem}.home-search-wrapper .search-bar::placeholder{color:#8e8e93}.search-clear-btn{display:none;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:50%!important;background:#aeaeb2;border:none;color:#fff;font-size:.625rem;line-height:1;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.search-clear-btn.visible{display:flex}.home-sort-btn{width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:50%!important;background:linear-gradient(135deg,#667eea,#764ba2);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;box-shadow:0 4px 12px #667eea66}.home-sort-btn:active{transform:scale(.92);box-shadow:0 2px 8px #667eea4d}.home-sort-btn svg{width:20px;height:20px;fill:#fff}.home-sort-wrapper{position:relative}.home-sort-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;display:none}.home-sort-dropdown-overlay.show{display:block}.home-sort-dropdown{position:absolute;right:0;bottom:calc(100% + 8px);background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;min-width:200px;z-index:3001;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.home-sort-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.home-sort-dropdown-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid #e5e5ea;border-radius:0!important;font-size:.9375rem;color:#1a1a1a;text-align:left;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-sort-dropdown-option:last-child{border-bottom:none}.home-sort-dropdown-option:active{background:#f2f2f7}.home-sort-dropdown-option.selected-asc,.home-sort-dropdown-option.selected-desc{color:#667eea;font-weight:600}.sort-option-text{flex:1}.sort-option-indicator{font-weight:600;font-size:1.125rem;min-width:20px;text-align:right;color:#667eea;display:flex;align-items:center;justify-content:flex-end;line-height:1}.home-sort-dropdown-option:not(.selected-asc):not(.selected-desc) .sort-option-indicator{display:none}.home-sort-dropdown-option.selected-asc .sort-option-indicator:after{content:"↑";transform:translateY(-3px)}.home-sort-dropdown-option.selected-desc .sort-option-indicator:after{content:"↓";transform:translateY(-3px)}.home-sort-dropdown-option[data-sort=alphabetical].selected-asc .sort-option-indicator:after{content:"↓"}.home-sort-dropdown-option[data-sort=alphabetical].selected-desc .sort-option-indicator:after{content:"↑"}.dark-mode .home-sort-dropdown{background:#1c1c1e}.dark-mode .home-sort-dropdown-option{color:#fff;border-bottom-color:#38383a}.dark-mode .home-sort-dropdown-option:active{background:#2c2c2e}.dark-mode .home-sort-dropdown-option.selected-asc,.dark-mode .home-sort-dropdown-option.selected-desc{color:#667eea}.home-search-wrapper .search-bar:focus{border-color:transparent;outline:none}.home-search-row .home-add-btn{flex-shrink:0}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding:0 .25rem}.home-section-title{font-size:1.375rem;font-weight:700;color:#1a1a1a}.home-add-btn{width:52px;height:52px;border-radius:50%!important;background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea66}.home-add-btn:before,.home-add-btn:after{content:"";position:absolute;background:#fff;border-radius:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.home-add-btn:before{width:20px;height:3px}.home-add-btn:after{width:3px;height:20px}.home-add-btn:active{transform:scale(.92);box-shadow:0 2px 8px #667eea4d}#homePage{padding-bottom:calc(138px + env(safe-area-inset-bottom))}.home-friends-header{padding:0 .25rem .5rem;max-width:600px;margin-left:auto;margin-right:auto;text-align:center}.home-friends-count{font-size:.8125rem;color:#8e8e93;font-weight:500}.home-friends-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;max-width:600px;margin-left:auto;margin-right:auto}.home-friend-card{display:flex;align-items:center;padding:.875rem 1rem;background:#fff;cursor:pointer;transition:background .15s ease;position:relative}.home-friend-card:active{background:#f2f2f7}.home-friend-card:not(:last-child):after{content:"";position:absolute;bottom:0;left:4rem;right:0;height:.5px;background:#c6c6c8}.home-friend-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.875rem}.home-friend-avatar.inactive{background:linear-gradient(135deg,#ff6b8a,#ff4757)}.home-friend-avatar.warning{background:linear-gradient(135deg,#f7b731,#f39c12)}.home-friend-initial{color:#fff;font-size:1.125rem;font-weight:600;text-transform:uppercase}.home-friend-info{flex:1;min-width:0}.home-friend-name{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-friend-status{font-size:.8125rem;color:#8e8e93}.home-friend-status.active-status{color:#34c759}.home-friend-status.inactive-status{color:#ff3b30}.home-friend-score{font-size:.9rem;font-weight:600;color:#667eea;margin-left:auto;padding:.25rem .5rem;background:#f0f2ff;border-radius:8px;min-width:50px;text-align:center}.home-friend-score.inactive{color:#ff3b30;background:#fff0f0}.home-friend-actions{display:flex;align-items:center;gap:.25rem;margin-left:.75rem}.home-action-btn{width:44px;height:44px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.375rem;transition:transform .15s ease,background .15s ease;position:relative;z-index:5}.home-action-btn:active{transform:scale(.88);background:#0000000d}.home-action-btn.heart-btn,.home-action-btn.share-btn{filter:grayscale(100%);opacity:.35;transition:all .2s ease}.home-action-btn.heart-btn.filled,.home-action-btn.share-btn.filled{filter:grayscale(0%);opacity:1}.home-action-btn.heart-btn.pulse{animation:heartPulse .4s cubic-bezier(.4,0,.2,1)}.home-friend-chevron{color:#c7c7cc;font-size:1.25rem;margin-left:.25rem;flex-shrink:0}.home-empty-state{padding:3rem 1.5rem;text-align:center}.home-empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.3}.home-empty-text{font-size:1.1rem;color:#8e8e93;margin-bottom:.375rem}.home-empty-subtext{font-size:.9rem;color:#c7c7cc}.friends-footer,.version-number{display:none}.filter-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.filter-label{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:0;text-transform:uppercase;letter-spacing:.5px}.filter-clear-btn{background:transparent;border:1px solid #6c757d;color:#6c757d;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-clear-btn:hover{background:#6c757d;color:#fff}.filter-clear-btn:active{transform:scale(.98)}.filter-container{margin-bottom:0}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.filter-grid:last-child{margin-bottom:0}.flatpickr-calendar{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:99;overflow:hidden}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{display:none}.flatpickr-months{background:#fff;padding:.75rem 0;display:flex;align-items:center;justify-content:center}.flatpickr-month{color:var(--text-primary);font-weight:600;flex:0 0 auto}.flatpickr-current-month{position:relative!important;left:auto!important;width:auto!important}.flatpickr-current-month input.cur-year{color:var(--text-primary)}.flatpickr-prev-month,.flatpickr-next-month{color:var(--text-primary);position:static!important;display:inline-flex!important;align-items:center;justify-content:center;padding:.25rem;height:auto!important;top:auto!important;left:auto!important;right:auto!important;margin-top:8px;margin-left:.5rem;margin-right:.5rem}.flatpickr-prev-month svg,.flatpickr-next-month svg{fill:var(--text-primary)!important}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{background:#e6e6e6;border-radius:4px}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:var(--text-primary)!important}.flatpickr-weekdays{background:#fff;color:var(--text-tertiary)}.flatpickr-days{background:#fff}.flatpickr-day{color:var(--text-primary);border-color:transparent;padding:.5rem;display:flex!important;align-items:center!important;justify-content:center!important}.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.disabled:hover,.flatpickr-day.empty:hover{background:var(--bg-tertiary)}.flatpickr-day.today{border-color:#667eea}.litepicker{--litepicker-day-color-hover: #667eea;--litepicker-is-today-color: #667eea;--litepicker-is-in-range-color: rgba(102, 126, 234, .12);--litepicker-is-start-color: #fff;--litepicker-is-start-color-bg: #667eea;--litepicker-is-end-color: #fff;--litepicker-is-end-color-bg: #764ba2;z-index:9999!important}.litepicker .container--months{border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden}.litepicker .month-item-header{font-weight:600}.litepicker .day-item{font-size:.875rem}.litepicker .day-item.is-start-date,.litepicker .day-item.is-end-date{border-radius:50%}.litepicker .day-item.is-in-range{border-radius:0}.flatpickr-time{background:#fff;border-top:1px solid var(--border-color)}.flatpickr-time input,.flatpickr-time.time24hr:after{color:var(--text-primary)}.flatpickr-am-pm,.flatpickr-am-pm:focus{background:transparent;color:var(--text-primary)}#likesListContainer,#sharesListContainer,#likesLoadMoreContainer,#sharesLoadMoreContainer{max-width:600px;margin-left:auto;margin-right:auto}.settings-page-content{padding:1.25rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom));max-width:600px;margin:0 auto}.settings-menu{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.settings-menu-item{display:flex;align-items:center;width:100%;padding:1rem;background:#fff;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.settings-menu-item:active{background:#f2f2f7}.settings-menu-item:not(:last-child){border-bottom:1px solid #f0f0f0}.settings-menu-icon{font-size:1.25rem;margin-right:.875rem}.settings-menu-label{flex:1;font-size:1rem;color:#333}.settings-menu-chevron{font-size:1.25rem;color:#c7c7cc;font-weight:300}.settings-section-label{font-size:.8125rem;font-weight:600;color:var(--text-muted, #8e8e93);text-transform:uppercase;letter-spacing:.03em;padding:1.25rem .25rem .5rem}.settings-account-header{text-align:center;padding:.5rem 0 1.25rem}.settings-account-email{font-size:.875rem;color:var(--text-muted, #8e8e93)}.settings-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.settings-section-content{padding-top:0}.settings-section-content .settings-menu-item:first-of-type{border-top:1px solid #f0f0f0}.settings-account-email-display{font-size:.875rem;color:var(--text-muted, #8e8e93);padding:1rem 1rem .5rem;text-align:center}.settings-logout-btn{display:block;width:100%;padding:1rem;background:transparent;border:none;color:#ff3b30;font-size:1rem;cursor:pointer;text-align:center;transition:background .15s ease;border-top:1px solid #f0f0f0}.settings-logout-btn:active{background:#ff3b301a}.settings-menu-label-danger{color:#ff3b30!important}.mfa-status-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:50px;margin-right:.5rem}.mfa-status-badge.enabled{background:#28a7451a;color:#28a745}.mfa-status-badge.disabled{background:#8e8e931f;color:#8e8e93}.settings-page-footer{text-align:center;margin-top:.5rem}.settings-page-version{font-size:.75rem;color:#c7c7cc}.sets-list{background:#fff;border-radius:12px;overflow:hidden;margin:1rem;position:relative}.settings-list-item{display:flex;align-items:center;padding:.875rem 1rem;background:#fff;cursor:pointer;transition:background .15s ease}.settings-list-item:active{background:#f2f2f7}.settings-list-item:not(:last-child){border-bottom:1px solid #f0f0f0}.settings-list-item-content{flex:1;min-width:0}.settings-list-item-title{font-size:1rem;color:#333;font-weight:500}.settings-list-item-subtitle{font-size:.8125rem;color:#8e8e93;margin-top:.125rem}.settings-list-item-chevron{font-size:1.25rem;color:#c7c7cc;font-weight:300;margin-left:.5rem;cursor:pointer}.drag-handle{color:#c7c7cc;font-size:1rem;margin-right:.75rem;cursor:grab;user-select:none;-webkit-user-select:none}.drag-handle:active{cursor:grabbing}.settings-list-item.dragging{opacity:.5;background:#f0f0f5}.drag-drop-indicator{position:absolute;height:2px;background:#667eea;border-radius:1px;transition:top .1s ease;pointer-events:none;z-index:10;left:0;right:0;transform:translateY(-50%)}.settings-toggle-item{cursor:pointer}.settings-toggle-item .ios-toggle-input{position:absolute;opacity:0;width:0;height:0}.settings-toggle-item .ios-toggle-switch{position:relative;width:51px;height:31px;background:#e9e9eb;border-radius:31px;transition:background .3s ease;flex-shrink:0}.settings-toggle-item .ios-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease}.settings-toggle-item .ios-toggle-input:checked+.ios-toggle-switch{background:#34c759}.settings-toggle-item .ios-toggle-input:checked+.ios-toggle-switch:after{transform:translate(20px)}.sub-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f5f5;z-index:2000;transform:translate(100%);transition:transform .3s ease}.sub-page.active{transform:translate(0)}.sub-page-header{background:linear-gradient(135deg,#667eea,#764ba2);padding-top:env(safe-area-inset-top)}.sub-page-header-inner{display:flex;align-items:center;position:relative;padding:1rem 1.25rem;max-width:600px;margin:0 auto}.sub-page-back{background:none;border:none;color:#fff;font-size:1rem;padding:0;cursor:pointer;display:flex;align-items:center}.sub-page-title{position:absolute;left:50%;transform:translate(-50%);color:#fff;font-size:1.125rem;font-weight:600}.sub-page-content{padding:1.25rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));overflow-y:auto;height:calc(100% - 60px - env(safe-area-inset-top));-webkit-overflow-scrolling:touch;max-width:600px;margin:0 auto}.sub-page-footer{position:absolute;bottom:0;left:0;right:0;background:#f5f5f5;border-top:1px solid #e0e0e0;padding-bottom:env(safe-area-inset-bottom)}.sub-page-footer-inner{max-width:600px;margin:0 auto;padding:1rem 1.25rem}.sub-page-footer .btn{width:100%}.sub-page-footer-buttons{display:flex;gap:.75rem}.sub-page-footer-buttons .btn{flex:1}.settings-group{background:#fff;border-radius:12px;margin-bottom:1rem;overflow:hidden;box-shadow:0 1px 3px #00000014}.settings-group-header{background:#f8f9fa;padding:.75rem 1rem;font-weight:600;font-size:.9rem;color:#333;border-bottom:1px solid #eee}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid #f0f0f0}.settings-row:last-child{border-bottom:none}.settings-row label{font-size:.95rem;color:#333}.settings-input{width:80px;padding:.5rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;text-align:right;background:#f8f9fa;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.settings-input::-webkit-outer-spin-button,.settings-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.settings-input:focus{outline:none;border-color:#667eea;background:#fff}.page-container{display:none;position:absolute;top:0;left:0;right:0;width:100%;will-change:transform}.page-container.active{display:block;position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(0);overflow-y:scroll;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-width:100%;overscroll-behavior:none}.page-container.from-left{display:block;position:absolute;transform:translate(-100%)}.page-container.from-right{display:block;position:absolute;transform:translate(100%)}.page-container.to-left{transform:translate(-100%)}.page-container.to-right{transform:translate(100%)}.filter-fab{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));right:calc(2rem + 52px);width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:50%!important;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;z-index:100;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-fab:active{transform:scale(.92);box-shadow:0 2px 8px #667eea4d}.filter-fab svg{width:24px;height:24px;fill:#fff}.filter-fab-badge{position:absolute;top:4px;right:4px;width:12px;height:12px;background:#ff4757;border-radius:50%;border:2px solid white;display:none}.filter-fab-badge.active{display:block}@media (min-width: 700px){.filter-fab{right:calc(50% - 248px + 1.75rem)}}.filter-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.filter-sidebar-overlay.show{opacity:1;visibility:visible}.filter-sidebar{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:320px;background:#fff;z-index:3000;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026}.filter-sidebar.show{transform:translate(0)}.filter-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));border-bottom:1px solid #dee2e6;flex-shrink:0}.filter-sidebar-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1c1c1e}.filter-sidebar-close{width:36px;height:36px;border-radius:50%;border:none;background:#f0f0f0;color:#666;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.filter-sidebar-close:hover{background:#e0e0e0}.filter-sidebar-close:active{transform:scale(.95)}.filter-sidebar-content{flex:1;overflow-y:auto;padding:1.25rem;-webkit-overflow-scrolling:touch}.filter-group{margin-bottom:1.25rem}.filter-group:last-child{margin-bottom:0}.filter-group-label{display:block;font-size:.8125rem;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.filter-group .form-control{width:100%}.filter-sidebar-footer{padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid #dee2e6;flex-shrink:0}.filter-sidebar-footer .btn{width:100%}.date-range-inputs{display:flex;align-items:center;gap:.5rem}.date-range-field{flex:1;min-width:0}.date-range-sep{flex-shrink:0;color:#8e8e93;font-size:.875rem;line-height:1}body.dark-mode{color-scheme:dark;--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-input: #4a4a4c;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #ffffff;--text-secondary: #f5f5f5;--text-tertiary: #ebebf5;--text-muted: #98989d;--text-placeholder: #8e8e93;--border-color: #5a5a5c;--border-light: #48484a;--border-separator: #48484a;--border-card: #3a3a3c;--card-bg: #2c2c2e;--card-active: #3a3a3c;--card-shadow: rgba(0, 0, 0, .3);--ios-toggle-bg: #39393d;--ios-form-bg: #1c1c1e;--nav-bg: rgba(28, 28, 30, .95);--nav-border: rgba(255, 255, 255, .1);--nav-inactive: #8e8e93;--search-bg: #3a3a3c;--search-focus: #48484a;--toast-bg: rgba(72, 72, 74, .95);--toast-text: white;--inactive-card-bg: #4a2c2c;--inactive-card-active: #5a3535;--score-badge-bg: #2a2a3e;--score-badge-inactive-bg: #3a2525}body.dark-mode~html,html:has(body.dark-mode){background:linear-gradient(135deg,#4a4a6a,#3a2a4a)}body.dark-mode .search-bar{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .search-bar::placeholder{color:var(--text-placeholder)}body.dark-mode .friend-card,body.dark-mode .home-friend-card,body.dark-mode .history-item,body.dark-mode .history-item.share-card,body.dark-mode .history-item.like-card{background:var(--card-bg)}body.dark-mode .friend-card:active,body.dark-mode .home-friend-card:active{background:var(--card-active)}body.dark-mode .history-item.share-card .card-content,body.dark-mode .history-item.like-card .like-content{background:var(--card-bg)}body.dark-mode .history-item.share-card:active .card-content,body.dark-mode .history-item.like-card:active .like-content{background:var(--card-active)}body.dark-mode .friend-card.inactive{background:var(--inactive-card-bg)}body.dark-mode .friend-card.inactive:active{background:var(--inactive-card-active)}body.dark-mode .friend-name,body.dark-mode .home-friend-name{color:var(--text-primary)}body.dark-mode .home-friend-status{color:var(--text-muted)}body.dark-mode .home-friend-card:not(:last-child):after{background:var(--border-separator)}body.dark-mode .home-friend-score{background:var(--score-badge-bg)}body.dark-mode .home-friend-score.inactive{background:var(--score-badge-inactive-bg)}body.dark-mode .home-stats-bar{background:var(--card-bg)}body.dark-mode .home-stat-divider{background:var(--border-light)}body.dark-mode .home-stat-label{color:var(--text-muted)}body.dark-mode .home-friends-list{background:var(--card-bg)}body.dark-mode .home-section-title{color:var(--text-primary)}body.dark-mode .home-empty-text{color:var(--text-muted)}body.dark-mode .home-empty-subtext{color:var(--text-placeholder)}body.dark-mode .home-footer-count{color:var(--text-muted)}body.dark-mode .home-footer-version,body.dark-mode .settings-page-version{color:var(--text-placeholder)}body.dark-mode .home-timeframe-dropdown{background:var(--bg-secondary);box-shadow:0 4px 20px #0006}body.dark-mode .home-timeframe-dropdown-option{color:var(--text-primary);border-bottom-color:var(--border-separator)}body.dark-mode .home-timeframe-dropdown-option:active{background:var(--card-active)}body.dark-mode .home-timeframe-dropdown-option.active{color:#667eea}body.dark-mode .home-search-wrapper{background:var(--search-bg)}body.dark-mode .home-search-wrapper:focus-within{background:var(--search-focus)}body.dark-mode .home-search-wrapper .search-bar{background:transparent;color:var(--text-primary)}body.dark-mode .button-container{background:var(--nav-bg);border-top-color:var(--nav-border)}body.dark-mode .nav-button{color:var(--nav-inactive)}body.dark-mode .nav-button.active{color:#667eea}body.dark-mode .nav-button:active{background:#ffffff0d}body.dark-mode .modal-popup{background:var(--card-bg)}body.dark-mode .modal-title{color:var(--text-primary)}body.dark-mode .modal-close{color:var(--text-muted)}body.dark-mode .form-group label{color:var(--text-primary)}body.dark-mode .form-control{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .form-control:focus{border-color:#667eea}body.dark-mode .form-control:read-only{background:var(--bg-tertiary);color:var(--text-muted)}body.dark-mode .form-control::placeholder{color:var(--text-placeholder)}body.dark-mode .form-control.field-error{border-color:#dc3545;background-color:#dc354526!important}body.dark-mode .form-control.field-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354533}body.dark-mode select.form-control:not(:disabled){background-color:var(--bg-input)!important;color:var(--text-primary);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}body.dark-mode select.form-control{background-color:var(--bg-input)!important;color:var(--text-primary)}body.dark-mode select.form-control:hover:not(:disabled){background-color:var(--bg-tertiary)!important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}body.dark-mode select.form-control:focus:not(:disabled){background-color:var(--bg-input)!important;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1.5L6 6.5L11 1.5" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(100% - 14px) center;background-size:12px 8px;background-repeat:no-repeat}body.dark-mode select.form-control:disabled{background-color:var(--bg-tertiary)!important;color:var(--text-muted)}body.dark-mode select.form-control option{background-color:var(--bg-input);color:var(--text-primary)}body.dark-mode select.form-control.select-default{color:var(--text-placeholder)}body.dark-mode select.form-control.select-active{color:var(--text-primary)}body.dark-mode .ios-modal{background:var(--ios-form-bg)!important}body.dark-mode .ios-modal-header{background:var(--ios-form-bg);border-bottom-color:var(--border-separator)}body.dark-mode .ios-modal-title{color:var(--text-primary)}body.dark-mode .ios-form-group{background:var(--card-bg)}body.dark-mode .ios-form-row:not(:last-child){border-bottom-color:var(--border-separator)}body.dark-mode .ios-form-row.field-error{background-color:#dc35451a}body.dark-mode .ios-form-row.field-error .ios-form-label{color:#ff6b7a}body.dark-mode .ios-form-label{color:var(--text-primary)}body.dark-mode .ios-form-input,body.dark-mode .ios-form-select{color:var(--text-muted)}body.dark-mode .ios-form-input:focus,body.dark-mode .ios-form-select:focus{color:var(--text-primary)}body.dark-mode .ios-delete-button{background:var(--card-bg)}body.dark-mode .ios-delete-button:active{background:var(--card-active)}body.dark-mode .ios-toggle-group{background:var(--ios-form-bg)}body.dark-mode .ios-toggle-row{background:var(--card-bg)}body.dark-mode .ios-toggle-row:not(:last-child){border-bottom-color:var(--border-separator)}body.dark-mode .ios-toggle-row:active{background:var(--card-active)}body.dark-mode .ios-toggle-label{color:var(--text-primary)}body.dark-mode .ios-toggle-switch{background:var(--ios-toggle-bg)}body.dark-mode .ios-segmented-control{background:#ffffff1a}body.dark-mode .ios-segment{color:#8e8e93}body.dark-mode .ios-segment.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}body.dark-mode .toggle-button{background:var(--ios-toggle-bg)}body.dark-mode .toggle-option{color:var(--text-muted)}body.dark-mode .toggle-option.active{color:#fff}body.dark-mode .stat-card{background:var(--bg-tertiary)}body.dark-mode .stat-label{color:var(--text-muted)}body.dark-mode .stat-value,body.dark-mode .friend-detail-name-display{color:var(--text-primary)}body.dark-mode .friend-detail-group{background:var(--ios-form-bg)}body.dark-mode .friend-detail-row{background:var(--card-bg)}body.dark-mode .friend-detail-row:not(:last-child){border-bottom-color:var(--border-separator)}body.dark-mode .friend-detail-label{color:var(--text-primary)}body.dark-mode .friend-detail-value{color:var(--text-muted)}body.dark-mode .friend-detail-edit-row{background:var(--card-bg)}body.dark-mode .friend-detail-edit-row:not(:last-child){border-bottom-color:var(--border-separator)}body.dark-mode .friend-detail-edit-row .friend-detail-label{color:var(--text-muted)}body.dark-mode .friend-detail-input{color:var(--text-primary)}body.dark-mode .friend-detail-btn-cancel{background:var(--card-active);color:var(--text-muted)}body.dark-mode .friend-detail-section-header span{color:var(--text-primary)}body.dark-mode .friend-score-card{background:var(--card-bg);box-shadow:0 1px 3px #0000004d}body.dark-mode .friend-score-card:hover{background:var(--card-active);box-shadow:0 4px 12px #667eea4d}body.dark-mode .friend-score-card.score-card-static:hover{background:var(--card-bg);box-shadow:0 1px 3px #0000004d}body.dark-mode .score-card-label{color:var(--text-muted)}body.dark-mode .score-card-value{color:var(--text-primary)}body.dark-mode .date-range-input{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .date-range-input:focus{border-color:#667eea}body.dark-mode .date-range-input::placeholder{color:var(--text-placeholder)}body.dark-mode .sub-page,body.dark-mode .sub-page-content{background:var(--bg-primary)}body.dark-mode .sub-page-footer{background:var(--bg-primary);border-top-color:var(--border-color)}body.dark-mode .settings-menu,body.dark-mode .settings-menu-item{background:var(--card-bg)}body.dark-mode .settings-menu-item:active{background:var(--card-active)}body.dark-mode .settings-menu-item:not(:last-child){border-bottom-color:var(--border-card)}body.dark-mode .settings-menu-label{color:var(--text-primary)}body.dark-mode .settings-menu-chevron{color:var(--text-placeholder)}body.dark-mode .sets-list,body.dark-mode .settings-list-item{background:var(--card-bg)}body.dark-mode .settings-list-item:active{background:var(--card-active)}body.dark-mode .settings-list-item:not(:last-child){border-bottom-color:var(--border-card)}body.dark-mode .settings-list-item-title{color:var(--text-primary)}body.dark-mode .settings-list-item-subtitle{color:var(--text-tertiary)}body.dark-mode .settings-list-item-chevron,body.dark-mode .drag-handle{color:var(--text-placeholder)}body.dark-mode .settings-list-item.dragging{background:var(--card-active)}body.dark-mode .drag-drop-indicator{background:#667eea}body.dark-mode .settings-group{background:var(--card-bg)}body.dark-mode .settings-group-header{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-color:var(--border-color)}body.dark-mode .settings-row{border-bottom-color:var(--border-card)}body.dark-mode .settings-row label{color:var(--text-primary)}body.dark-mode .settings-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .settings-input:focus{background:var(--bg-input)}body.dark-mode .settings-toggle-item .ios-toggle-switch{background:var(--ios-toggle-bg)}body.dark-mode .toast{background:var(--toast-bg);color:var(--toast-text)}body.dark-mode .filter-box{background:var(--bg-tertiary);border-color:var(--border-color)}body.dark-mode .filter-label{color:var(--text-muted)}body.dark-mode .filter-clear-btn{border-color:var(--text-muted);color:var(--text-muted)}body.dark-mode .filter-clear-btn:hover{background:var(--text-muted);color:var(--bg-primary)}body.dark-mode .date-group-header{color:var(--text-muted)}body.dark-mode .history-item.share-card .share-friend-name{color:var(--text-primary)}body.dark-mode .history-item.share-card .share-card-info{color:var(--text-muted)}body.dark-mode .history-item.share-card .chevron,body.dark-mode .history-item.like-card .chevron{color:var(--text-placeholder)}body.dark-mode .history-item.like-card .like-friend-name{color:var(--text-primary)}body.dark-mode .history-item.like-card .like-subtitle{color:var(--text-muted)}body.dark-mode .like-day-card{background:var(--bg-secondary)}body.dark-mode .like-day-header{border-bottom-color:var(--border-color)}body.dark-mode .like-day-date{color:var(--text-muted)}body.dark-mode .like-day-count{color:var(--text-tertiary)}body.dark-mode .like-chip{background:#ffffff12;border-color:#ffffff1f;color:var(--text-primary)}body.dark-mode .like-chip:active{background:#ffffff21}body.dark-mode .home-friend-chevron{color:var(--text-placeholder)}body.dark-mode .alert-warning{background:#4a3f1a;color:#ffd93d;border-color:#665a2e}body.dark-mode .alert-info{background:#1a3a4a;color:#5cc9f5;border-color:#2e5a6a}body.dark-mode .alert-danger{background:#4a1a1a;color:#ff6b6b;border-color:#6a2e2e}body.dark-mode .alert-success{background:#1a4a2a;color:#6bff8a;border-color:#2e6a3e}body.dark-mode .confirm-message,body.dark-mode .history-item-name{color:var(--text-primary)}body.dark-mode .history-item-details,body.dark-mode .empty-state{color:var(--text-muted)}body.dark-mode .empty-state-subtext{color:var(--text-placeholder)}body.dark-mode .search-counter{color:var(--text-muted)}body.dark-mode .filter-sidebar{background:var(--bg-secondary);box-shadow:-4px 0 20px #0006}body.dark-mode .filter-sidebar-header{border-bottom-color:var(--border-color)}body.dark-mode .filter-sidebar-header h3{color:var(--text-primary)}body.dark-mode .filter-sidebar-close{background:var(--bg-tertiary);color:var(--text-secondary)}body.dark-mode .filter-sidebar-close:hover{background:var(--bg-input)}body.dark-mode .filter-sidebar-footer{border-top-color:var(--border-color)}body.dark-mode .filter-group-label{color:var(--text-muted)}body.dark-mode .filter-sidebar-overlay{background:#000000b3}body.dark-mode .flatpickr-calendar{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 12px #0006!important}body.dark-mode .flatpickr-months{background:var(--bg-secondary)}body.dark-mode .flatpickr-month{color:var(--text-primary)}body.dark-mode .flatpickr-current-month input.cur-year{color:var(--text-primary);background:var(--bg-secondary)}body.dark-mode .flatpickr-prev-month,body.dark-mode .flatpickr-next-month{color:var(--text-primary)}body.dark-mode .flatpickr-prev-month svg,body.dark-mode .flatpickr-next-month svg{fill:var(--text-primary)!important}body.dark-mode .flatpickr-prev-month:hover,body.dark-mode .flatpickr-next-month:hover{background:var(--bg-tertiary)}body.dark-mode .flatpickr-prev-month:hover svg,body.dark-mode .flatpickr-next-month:hover svg{fill:var(--text-primary)!important}body.dark-mode .flatpickr-weekdays{background:var(--bg-secondary)}body.dark-mode .flatpickr-weekday{color:#fff}body.dark-mode .flatpickr-days{background:var(--bg-secondary)}body.dark-mode .flatpickr-day{color:var(--text-primary);display:flex!important;align-items:center!important;justify-content:center!important}body.dark-mode .flatpickr-day.flatpickr-disabled{color:#888!important;cursor:not-allowed!important}body.dark-mode .flatpickr-day:not(.startRange):not(.endRange):not(.selected):hover{background:var(--bg-tertiary)}body.dark-mode .flatpickr-day.inRange{background:#3b415d!important;color:var(--text-primary)!important;border-color:transparent!important;box-shadow:-5px 0 #3b415d,5px 0 #3b415d!important;border-radius:0!important}body.dark-mode .flatpickr-day.startRange,body.dark-mode .flatpickr-day.endRange{color:#000!important}body.dark-mode .flatpickr-input,body.dark-mode input.flatpickr-input,body.dark-mode .flatpickr-calendar input{background:#333!important;color:#fff!important;border-color:#555!important}body.dark-mode .flatpickr-time{background:var(--bg-secondary);border-top-color:var(--border-color)}body.dark-mode .flatpickr-time input,body.dark-mode .flatpickr-time.time24hr:after{color:var(--text-primary);background:var(--bg-secondary)}body.dark-mode .flatpickr-current-month input.cur-year{background:var(--bg-secondary)!important}body.dark-mode .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}body.dark-mode .numInputWrapper span.arrowDown:after{border-top-color:#fff}body.dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months,body.dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months option{background:var(--bg-secondary);color:var(--text-primary)}body.dark-mode .flatpickr-am-pm{color:var(--text-primary);background:var(--bg-secondary)}body.dark-mode .litepicker{--litepicker-container-months-color-bg: #2c2c2e;--litepicker-month-header-color: #ffffff;--litepicker-button-prev-month-color: #ebebf5;--litepicker-button-next-month-color: #ebebf5;--litepicker-month-weekday-color: #98989d;--litepicker-day-color: #ffffff;--litepicker-is-locked-color: #48484a;--litepicker-is-in-range-color: rgba(102, 126, 234, .2)}body.dark-mode .litepicker .container--months{box-shadow:0 4px 20px #00000080}body.dark-mode .form-control.date-locked{background-color:var(--bg-tertiary)!important;color:var(--text-muted)!important;cursor:not-allowed;background-image:none!important;opacity:.6}body.dark-mode .auth-page{background:var(--bg-primary)}body.dark-mode .auth-logo h1{color:var(--text-primary)}body.dark-mode .auth-logo p{color:var(--text-muted)}body.dark-mode .auth-form-card{background:var(--card-bg);box-shadow:0 2px 8px #0000004d}body.dark-mode .auth-form-card h2{color:var(--text-primary)}body.dark-mode .auth-input{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .auth-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}body.dark-mode .auth-input::placeholder{color:var(--text-placeholder)}body.dark-mode .auth-input-group label{color:var(--text-secondary)}body.dark-mode .auth-footer p{color:var(--text-muted)}body.dark-mode .auth-error{background:#dc354526;color:#ff6b6b}body.dark-mode .auth-success{background:#28a74526;color:#6bff8a}body.dark-mode .auth-reset-info{color:var(--text-tertiary)}body.dark-mode .auth-qr-container img{border-color:var(--border-color)}body.dark-mode .auth-qr-secret,body.dark-mode .auth-qr-label,body.dark-mode .settings-section-label,body.dark-mode .settings-account-email{color:var(--text-muted)}body.dark-mode .settings-menu-label-danger{color:#ff453a!important}body.dark-mode .settings-section{background:var(--bg-secondary)}body.dark-mode .settings-account-email-display{color:var(--text-muted)}body.dark-mode .settings-section-content .settings-menu-item:first-of-type{border-top-color:var(--border-color)}body.dark-mode .settings-logout-btn{color:#ff453a;border-top-color:var(--border-color)}body.dark-mode .settings-logout-btn:active{background:#ff453a1a}body.dark-mode .account-sidepanel{background:var(--bg-secondary);box-shadow:2px 0 8px #0000004d}body.dark-mode .sidepanel-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}body.dark-mode .sidepanel-close,body.dark-mode .sidepanel-title{color:var(--text-primary)}body.dark-mode .sidepanel-profile{background:var(--bg-tertiary)}body.dark-mode .sidepanel-username-input{color:var(--text-primary)}body.dark-mode .sidepanel-username-input:focus{color:#667eea}body.dark-mode .sidepanel-email{color:var(--text-muted)}body.dark-mode .header-back-btn{color:var(--text-primary)}body.dark-mode .sidepanel-menu,body.dark-mode .sidepanel-menu-item{background:var(--bg-tertiary)}body.dark-mode .sidepanel-menu-item:active{background:var(--bg-secondary)}body.dark-mode .sidepanel-menu-item:not(:last-child):after{background:var(--border-separator)}body.dark-mode .sidepanel-menu-label{color:var(--text-primary)}body.dark-mode .sidepanel-menu-chevron{color:var(--text-muted)}body.dark-mode .sidepanel-toggle-item .ios-toggle-switch{background:var(--ios-toggle-bg)}body.dark-mode .sidepanel-username-display span{color:var(--text-primary)}body.dark-mode .sidepanel-menu-label-danger{color:#ff453a}body.dark-mode .sidepanel-version{color:var(--text-muted)}body.dark-mode .mfa-status-badge.enabled{background:#28a74526;color:#6bff8a}body.dark-mode .mfa-status-badge.disabled{background:var(--bg-tertiary);color:var(--text-muted)}body.dark-mode .holo-badge{background:#9ca3af33;color:#d1d5db}