:root{--bg-primary: #f2f2f7;--bg-secondary: white;--bg-tertiary: #f8f9fa;--bg-input: white;--bg-overlay: rgba(0, 0, 0, .5);--bg-overlay-dim: rgba(0, 0, 0, .35);--text-primary: #000000;--text-secondary: rgba(60, 60, 67, .6);--text-tertiary: rgba(60, 60, 67, .3);--text-muted: #8e8e93;--text-placeholder: #c7c7cc;--border-color: rgba(60, 60, 67, .29);--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);--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;--color-primary: #667eea;--color-primary-dark: #764ba2;--color-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-primary-shadow: rgba(102, 126, 234, .3);--color-primary-bg: #f0f2ff;--color-primary-bg-hover: #e0e4ff;--color-success: #34c759;--color-success-bg: rgba(52, 199, 89, .12);--color-success-text: #1a8a36;--color-error: #ff3b30;--color-error-gradient: linear-gradient(135deg, #ff6b8a 0%, #ff4757 100%);--color-error-bg: rgba(255, 59, 48, .12);--color-error-text: #c0392b;--color-error-border: #ff3b30;--color-error-field-bg: #fff5f5;--color-warning: #ff9500;--color-warning-bg: rgba(255, 149, 0, .12);--color-warning-text: #a05f00;--color-info: #667eea;--color-info-bg: rgba(102, 126, 234, .12);--color-info-text: #4a5dc0;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, .08);--shadow-floating: 0 4px 12px rgba(102, 126, 234, .3);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .4);--shadow-header: 0 2px 10px rgba(0, 0, 0, .1);--shadow-popup-color: rgba(0, 0, 0, .15);--shadow-light-color: rgba(0, 0, 0, .1);--shadow-heavy-color: rgba(0, 0, 0, .2);--shadow-deep-color: rgba(0, 0, 0, .3);--shadow-toast: 0 8px 32px rgba(0, 0, 0, .3);--color-secondary: #6c757d;--color-secondary-active: #5a6268;--tooltip-bg: #333333;--tooltip-text: #ffffff;--color-sent-bg: #ede9fe;--color-sent-text: #6d28d9;--color-sent-gradient: linear-gradient( 180deg, rgba(139, 92, 246, .92) 0%, rgba(109, 40, 217, .92) 100% );--color-received-bg: #dcfce7;--color-received-text: #15803d;--color-received-gradient: linear-gradient( 180deg, rgba(34, 197, 94, .92) 0%, rgba(21, 128, 61, .92) 100% );--holo-badge-bg: rgba(107, 114, 128, .15);--holo-badge-text: #4b5563;--color-new: #3b82f6;--color-streak-band: rgba(102, 126, 234, .18);--color-streak: #e8620a;--ptr-bg: rgba(0, 0, 0, .28);--btn-overlay-bg: rgba(0, 0, 0, .15);--btn-overlay-bg-active: rgba(0, 0, 0, .25);--action-btn-active-bg: rgba(0, 0, 0, .05);--surface-tint-faint: rgba(0, 0, 0, .04);--toggle-thumb-bg: white;--shadow-toggle: rgba(0, 0, 0, .2);--color-on-primary: white;--color-ios-blue: #007aff;--color-primary-tint: #667eea;--color-warning-amber: #f7b731;--color-warning-amber-text: #b07600;--color-gray-mid: #aeaeb2;--bg-disabled: #e9ecef;--bg-hover-primary: #f8f9ff;--ios-gray-tint: rgba(142, 142, 147, .12);--color-error-shadow: rgba(255, 59, 48, .3);--alert-warning-bg: #fff3cd;--alert-warning-text: #856404;--alert-warning-border: #ffeaa7;--alert-info-bg: #d1ecf1;--alert-info-text: #0c5460;--alert-info-border: #bee5eb;--alert-danger-bg: #f8d7da;--alert-danger-text: #721c24;--alert-danger-border: #f5c6cb;--alert-success-bg: #d4edda;--alert-success-text: #155724;--alert-success-border: #c3e6cb;--glass-white-faint: rgba(255, 255, 255, .3);--glass-white-mid: rgba(255, 255, 255, .5);--glass-white-inset: rgba(255, 255, 255, .35);--glass-white-bright: rgba(255, 255, 255, .8);--glass-black-shadow: rgba(0, 0, 0, .3);--glass-black-dim: rgba(0, 0, 0, .25)}*{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:var(--color-primary-gradient)}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:var(--color-primary-gradient);color:var(--color-on-primary);padding:1rem 1.25rem;text-align:center;box-shadow:var(--shadow-header);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.125rem;font-weight:600;flex:1}.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:var(--color-on-primary);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))}}.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}.fp-day-tooltip{position:fixed;background:var(--tooltip-bg);color:var(--tooltip-text);font-size:.7rem;line-height:1.3;padding:.3rem .55rem;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:100000;transform:translate(-50%,calc(-100% - 6px));opacity:0;transition:opacity .1s ease}.fp-day-tooltip.visible{opacity:1}@media (min-width: 768px){.modal-popup{width:500px}}.add-friend-btn{display:block;background:var(--color-primary-gradient);color:var(--color-on-primary);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:var(--shadow-floating);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:var(--color-primary-gradient);color:var(--color-on-primary);border:none;cursor:pointer;box-shadow:var(--shadow-floating);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:var(--color-on-primary);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 var(--color-primary-shadow)}@media (min-width: 768px){.fab{right:calc(50% - 300px + 1rem)}}.btn-primary{background:var(--color-primary-gradient);color:var(--color-on-primary);border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;width:100%;cursor:pointer;box-shadow:var(--shadow-floating);transition:transform .1s ease}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--color-secondary);color:var(--color-on-primary);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:var(--color-secondary-active)}.btn-danger{background:var(--color-error);color:var(--color-on-primary);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 var(--color-error-shadow)}.btn-danger:active{transform:scale(.98);background:var(--color-error);opacity:.85}.btn-danger:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.alert{padding:.875rem;border-radius:12px;margin-top:.75rem;font-size:.9375rem}.alert-warning{background:var(--alert-warning-bg);color:var(--alert-warning-text);border:1px solid var(--alert-warning-border)}.alert-info{background:var(--alert-info-bg);color:var(--alert-info-text);border:1px solid var(--alert-info-border)}.alert-danger{background:var(--alert-danger-bg);color:var(--alert-danger-text);border:1px solid var(--alert-danger-border)}.alert-success{background:var(--alert-success-bg);color:var(--alert-success-text);border:1px solid var(--alert-success-border)}.friend-card{background:var(--card-bg);border-radius:16px;padding:1rem;margin-bottom:.75rem;box-shadow:var(--shadow-card-hover);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:var(--action-btn-active-bg)}.friend-card:active{transform:scale(.98);background:var(--card-active)}.friend-card.inactive{background:var(--inactive-card-bg)}.friend-card.inactive:active{background:var(--inactive-card-active)}.friend-name{font-size:1.1rem;font-weight:600;color:var(--text-secondary);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:var(--bg-tertiary);border-radius:12px;padding:1rem;text-align:center}.stat-card-wide{grid-column:1 / -1}.stat-label{font-size:.8125rem;color:var(--text-tertiary);margin-bottom:.5rem;font-weight:500}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-secondary)}.stat-value.inactive{color:var(--color-error)}.stat-value.active{color:var(--color-success)}.history-item{background:var(--card-bg);border-radius:.75rem;padding:0;margin-bottom:.5rem;box-shadow:var(--shadow-card-hover);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:var(--text-secondary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-details{font-size:.85rem;color:var(--text-tertiary);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}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:.5rem;margin-bottom:.75rem}.share-tile{border-radius:10px;position:relative;cursor:pointer;background:var(--card-bg);box-shadow:var(--shadow-card);-webkit-tap-highlight-color:transparent;transition:transform .15s ease;min-width:0;container-type:inline-size}.share-tile:active{transform:scale(.96)}.share-tile-image-wrap{position:relative;width:100%;aspect-ratio:5 / 7;background:var(--border-card);overflow:hidden}.share-tile-img{width:100%;height:100%;object-fit:cover;display:block}.share-tile-placeholder{width:100%;height:100%;background:var(--color-primary-gradient);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8cqw 6cqw}.share-tile-placeholder-top{display:flex;flex-direction:column;align-items:center;gap:2cqw;width:100%}.share-tile-placeholder-name{font-size:11cqw;font-weight:700;color:var(--color-on-primary);text-align:center;line-height:1.2;word-break:break-word}.share-tile-placeholder-id{font-size:8cqw;color:var(--glass-white-bright);letter-spacing:.02em;text-align:center}.share-tile-placeholder-set{font-size:8cqw;color:var(--glass-white-bright);text-align:center;word-break:break-word;line-height:1.2}.share-tile-header{display:flex;align-items:center;justify-content:center;gap:clamp(2px,2cqw,6px);padding:clamp(3px,3cqw,7px) clamp(3px,3cqw,6px);background:var(--card-bg);border-radius:8px 8px 0 0}.share-tile-avatar{width:clamp(14px,14cqw,22px);height:clamp(14px,14cqw,22px);border-radius:50%;flex-shrink:0;background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;overflow:hidden}.share-tile-avatar-img{width:100%;height:100%;object-fit:cover}.share-tile-avatar-initial{font-size:clamp(6px,5cqw,9px);font-weight:700;color:var(--color-on-primary)}.share-tile-name{font-size:clamp(9px,8cqw,13px);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.share-tile-direction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(2px,2cqw,5px);padding:clamp(4px,3cqw,9px) clamp(8px,7cqw,20px);border-radius:50px;pointer-events:none;font-size:clamp(9px,9cqw,15px);font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-on-primary);white-space:nowrap;border:1.5px solid var(--glass-white-mid);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 3px var(--glass-black-shadow);box-shadow:0 2px 8px var(--glass-black-dim),inset 0 1px 0 var(--glass-white-inset)}.share-tile-direction.sent{background:var(--color-sent-gradient)}.share-tile-direction.received{background:var(--color-received-gradient)}.share-tile .new-dot{position:absolute;top:-5px;right:-5px;z-index:2}.share-tile-footer{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:clamp(3px,3cqw,7px) clamp(3px,3cqw,6px);background:var(--card-bg);border-radius:0 0 8px 8px}.share-tile-set{font-size:clamp(9px,8cqw,13px);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}.history-item.share-card{background:var(--card-bg);border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--shadow-card)}.history-item.share-card .card-content{background:var(--card-bg);padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;width:100%}.history-item.share-card .share-card-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;overflow:hidden}.history-item.share-card .share-card-avatar-img{width:100%;height:100%;object-fit:cover}.history-item.share-card .share-card-avatar-initial{font-size:.9375rem;font-weight:700;color:var(--color-on-primary)}.direction-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:.125rem .4375rem;border-radius:4px;flex-shrink:0;white-space:nowrap}.direction-badge.sent{background:var(--color-sent-bg);color:var(--color-sent-text)}.direction-badge.received{background:var(--color-received-bg);color:var(--color-received-text)}.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:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.holo-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px;background:var(--holo-badge-bg);color:var(--holo-badge-text);flex-shrink:0;white-space:nowrap}.share-card-thumb-wrap{position:relative;flex-shrink:0}.new-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--color-new);border:1px solid var(--card-bg)}.history-item.share-card .share-card-info{display:flex;align-items:center;gap:.375rem}.history-item.share-card .share-card-text{font-size:.875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.history-item.share-card .share-rarity{color:var(--text-muted);letter-spacing:-1px}.history-item.share-card .chevron{color:var(--text-placeholder);font-size:1.25rem;flex-shrink:0;margin-left:auto}.share-card-thumb{width:44px;height:62px;object-fit:cover;border-radius:4px;flex-shrink:0;display:block}.history-item.like-card{background:var(--card-bg);border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--shadow-card)}.history-item.like-card .like-content{background:var(--card-bg);padding:.875rem 1rem;display:flex;align-items:center;gap:.875rem;width:100%}.history-item.like-card .chevron{color:var(--text-placeholder);font-size:1.25rem;flex-shrink:0;margin-left:auto}.history-item.like-card .like-icon{width:36px;height:36px;border-radius:50%;background:var(--color-error-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;box-shadow:0 2px 8px var(--color-error-bg)}.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:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item.like-card .like-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem}.history-item.like-card:active,.history-item.like-card:active .like-content{background:var(--card-active)}.like-day-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-card);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 var(--border-card)}.like-day-date{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.like-day-count{font-size:.75rem;color:var(--text-placeholder);font-weight:500}.like-day-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem 1rem .75rem}.like-chip{background:var(--card-active);border:1px solid var(--border-light);color:var(--text-secondary);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:var(--border-light);transform:scale(.96)}.likes-friend-selector-row{display:flex;justify-content:center;margin-bottom:.875rem;max-width:600px;margin-left:auto;margin-right:auto;padding:0 .25rem}.likes-friend-select-container{width:100%;max-width:280px}.likes-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem;padding:0 .25rem;max-width:600px;margin-left:auto;margin-right:auto}.likes-cal-nav-btn{width:36px;height:36px;border:none;background:transparent;border-radius:50%;font-size:1.5rem;color:var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .15s ease;flex-shrink:0}.likes-cal-nav-btn:active{background:var(--color-info-bg)}.likes-cal-nav-selects{display:flex;gap:.375rem;align-items:center}.likes-cal-select-wrapper{position:relative;display:inline-flex;align-items:center}.likes-cal-select-wrapper:after{content:"▾";position:absolute;right:.5rem;pointer-events:none;color:var(--color-primary);font-size:.7rem;line-height:1}.likes-cal-select{font-size:.9375rem;font-weight:500;color:var(--text-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary-bg-hover);border-radius:20px;padding:.25rem 1.625rem .25rem .75rem;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.likes-cal-today-btn{font-size:.8125rem;font-weight:600;color:var(--color-primary);background:var(--color-info-bg);border:1px solid var(--color-primary-bg-hover);border-radius:20px;padding:.25rem .75rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease;white-space:nowrap}.likes-cal-today-btn:active{background:var(--color-primary-bg-hover)}.likes-cal-dow-row{display:grid;grid-template-columns:repeat(7,1fr);max-width:600px;margin:0 auto .25rem}.likes-cal-dow{text-align:center;font-size:.6875rem;font-weight:600;color:var(--text-placeholder);text-transform:uppercase;letter-spacing:.5px;padding:.25rem 0}.likes-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;max-width:600px;margin:0 auto}.cal-loading,.cal-error{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-placeholder);font-size:.875rem}.cal-error{color:var(--color-error)}.cal-cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:2px;border-right:1px solid var(--border-separator);border-bottom:1px solid var(--border-separator)}.cal-cell-top{border-top:1px solid var(--border-separator)}.cal-cell-left{border-left:1px solid var(--border-separator)}.cal-cell-blank{cursor:default;pointer-events:none;border-top:none;border-left:none;border-right:none}.cal-cell-junction{border-right:1px solid var(--border-separator)}.cal-cell:active{background:var(--card-active)}.cal-day-num{position:absolute;top:4px;left:5px;font-size:.625rem;color:var(--text-placeholder);font-weight:500;line-height:1;z-index:1}.cal-cell-today .cal-day-num{color:var(--color-primary);font-weight:700}.cal-badge{width:30px;height:30px;border-radius:50%;background:var(--color-primary-gradient);color:var(--color-on-primary);font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 2px 6px var(--color-primary-shadow)}.cal-streak-start:before,.cal-streak-mid:before,.cal-streak-end:before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:30px;background:var(--color-streak-band);z-index:0}.cal-streak-start:before{left:50%;right:0}.cal-streak-mid:before{left:0;right:0}.cal-streak-end:before{left:0;right:50%}.cal-friend-badge{position:relative;width:30px;height:30px;z-index:1}.cal-friend-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}.cal-friend-avatar-placeholder{width:30px;height:30px;border-radius:50%;background:var(--color-primary-gradient)}.cal-streak-badge{position:absolute;top:-5px;right:-8px;font-size:.75rem;font-weight:700;color:var(--color-streak);z-index:2;line-height:1;white-space:nowrap;text-shadow:0 0 3px var(--glass-white-bright)}.likes-no-likes-hint{text-align:center;color:var(--text-placeholder);font-size:.875rem;margin-top:1rem;padding:0 1rem}.likes-day-sheet{position:fixed;bottom:0;left:0;right:0;top:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:20px 20px 0 0;max-width:600px;margin:0 auto;padding:0;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;background:var(--card-bg);box-shadow:0 -4px 24px var(--shadow-popup-color);z-index:3001;visibility:hidden}.likes-day-sheet.show{transform:translateY(0);visibility:visible}.likes-day-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border-light);margin:10px auto 0;flex-shrink:0}.likes-day-sheet-header{display:flex;align-items:center;padding:.75rem 1rem .625rem;border-bottom:1px solid var(--border-card);flex-shrink:0}.likes-day-sheet-date{flex:1;font-size:1rem;font-weight:700;color:var(--text-primary);text-align:center}.likes-day-sheet-list{overflow-y:auto;flex:0 1 auto;min-height:0;max-height:calc(70vh - 140px);-webkit-overflow-scrolling:touch}.likes-sheet-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;border-radius:0!important;background:transparent;text-align:left;cursor:pointer;border-bottom:1px solid var(--border-light);-webkit-tap-highlight-color:transparent;transition:background .15s ease}.likes-sheet-row:active{background:var(--card-active)}.likes-sheet-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.likes-sheet-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);flex-shrink:0}.likes-sheet-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);flex:1}.likes-sheet-streak{font-size:.8125rem;font-weight:600;color:var(--color-streak);flex-shrink:0}.likes-day-sheet-footer{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-card);flex-shrink:0}.likes-day-sheet-footer .btn{width:100%}.date-group-header{color:var(--text-muted);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:var(--text-muted)}.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:var(--text-placeholder)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9375rem}.form-control{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:12px!important;font-size:1rem;background:var(--bg-input);transition:border-color .2s ease}.form-control:focus{outline:none;border-color:var(--color-primary)}.form-control::placeholder{color:var(--text-muted)}.form-control:read-only{background:var(--bg-tertiary);color:var(--text-muted)}.form-control.field-error{border-color:var(--color-error);background-color:var(--color-error-field-bg)!important}.form-control.field-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}.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:var(--bg-input)!important;padding-right:2.75rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:12px!important;font-weight:500;color:var(--text-primary)}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:var(--color-primary);background-color:var(--bg-hover-primary)!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:var(--bg-input)!important;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-info-bg);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:var(--bg-disabled)!important;background-image:none;color:var(--color-secondary);cursor:not-allowed;opacity:.6}select.form-control option{background-color:var(--bg-input);color:var(--text-primary);padding:.5rem}select.form-control option:first-child{color:var(--color-secondary);font-style:italic}select.form-control.select-default{color:var(--text-muted)}select.form-control.select-active{color:var(--text-primary)}.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:var(--color-primary)}.checkbox-text{font-weight:600;color:var(--text-primary);font-size:.9375rem}.checkbox-label input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.checkbox-label input[type=checkbox]:disabled+.checkbox-text{color:var(--text-muted);opacity:.6}.ios-toggle-group{background:var(--ios-form-bg);border-radius:12px;overflow:hidden;margin-bottom:1rem}.ios-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--card-bg);cursor:pointer;-webkit-tap-highlight-color:transparent}.ios-toggle-row:not(:last-child){border-bottom:.5px solid var(--border-separator)}.ios-toggle-row:active{background:var(--card-active)}.ios-toggle-label{font-size:1rem;font-weight:500;color:var(--text-primary)}.ios-toggle-input{position:absolute;opacity:0;width:0;height:0}.ios-toggle-switch{position:relative;width:51px;height:31px;background:var(--ios-toggle-bg);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:var(--toggle-thumb-bg);border-radius:50%;box-shadow:0 2px 4px var(--shadow-toggle);transition:transform .3s ease}.ios-toggle-input:checked+.ios-toggle-switch{background:var(--color-success)}.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:var(--card-bg)}.ios-toggle-input:disabled+.ios-toggle-switch{background:var(--ios-toggle-bg);opacity:.5}.toggle-button{display:flex;position:relative;background:var(--bg-disabled);border-radius:10px;padding:4px}.toggle-button:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--color-primary-gradient);border-radius:8px;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px var(--color-primary-shadow)}.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:var(--text-muted);border:none;border-radius:8px;font-weight:600;font-size:1rem;transition:color .2s ease;position:relative;z-index:1}.toggle-option.active{color:var(--color-on-primary)}.toggle-option:active{transform:scale(.98)}.toggle-option.disabled{opacity:.4;cursor:not-allowed}.toggle-option.disabled:active{transform:none}.ios-form-group{background:var(--card-bg);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 var(--border-separator)}.ios-form-label{font-size:1rem;color:var(--text-primary);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:var(--text-muted);padding:0;min-width:0;outline:none}.ios-form-input::placeholder{color:var(--text-muted)}.ios-form-input:focus,.ios-form-select:focus{color:var(--text-primary)}.ios-form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:0}.ios-form-date{color:var(--color-ios-blue)}.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:var(--text-muted)}.ios-form-date:read-only::-webkit-calendar-picker-indicator{display:none}.ios-form-row.field-error{background-color:var(--color-error-field-bg)}.ios-form-row.field-error .ios-form-label{color:var(--color-error)}.ios-delete-button{display:block;width:calc(100% - 2rem);margin:0 1rem 1rem;padding:.875rem;background:var(--card-bg);border:none;border-radius:12px;color:var(--color-error);font-size:1.0625rem;font-weight:400;text-align:center;cursor:pointer}.ios-delete-button:active{background:var(--card-active)}.ios-form-group .ios-toggle-row{cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0}.ios-form-group .ios-toggle-row:active{background:var(--card-active)}.ios-form-group .ios-form-label{font-weight:400}.form-control.date-locked{background-color:var(--bg-disabled)!important;color:var(--color-secondary)!important;cursor:not-allowed;background-image:none!important;opacity:.6}.button-container{position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg);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 var(--shadow-light-color);z-index:1000;display:flex;justify-content:center;gap:1rem;border-top:.5px solid var(--nav-border)}.nav-button{background:transparent;color:var(--text-primary);border:none;border-radius:8px;cursor:pointer;padding:.5rem;flex:1;max-width:8rem;display:flex;align-items:center;justify-content:center;min-height:2.75rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:var(--action-btn-active-bg)}.nav-button:active{transform:scale(.95);background:var(--action-btn-active-bg)}.nav-icon{display:grid;align-items:center;justify-items:center}.nav-icon img{grid-area:1 / 1}.nav-button:not(.active) .nav-icon{opacity:.4}.nav-icon img{opacity:0}.nav-button:not(.active) .nav-icon .icon-outline.icon-light,.nav-button.active .nav-icon .icon-filled.icon-light{opacity:1}body.dark-mode .nav-button:not(.active) .nav-icon .icon-outline.icon-light,body.dark-mode .nav-button.active .nav-icon .icon-filled.icon-light{opacity:0}body.dark-mode .nav-button:not(.active) .nav-icon .icon-outline.icon-dark,body.dark-mode .nav-button.active .nav-icon .icon-filled.icon-dark{opacity:1}.search-container{margin-bottom:1rem}.search-bar{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:12px!important;font-size:1rem;background:var(--bg-input);transition:border-color .2s ease}.search-bar:focus{outline:none;border-color:var(--color-primary)}.search-counter{font-size:.8125rem;color:var(--text-muted);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:var(--color-on-primary);border-radius:2px;transition:all .3s ease}.account-sidepanel{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:320px;background:var(--card-bg);z-index:1999;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 8px var(--shadow-light-color)}.account-sidepanel.open{transform:translate(0)}.sidepanel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay-dim);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 var(--border-card);background:var(--card-bg)}.sidepanel-close{background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:0 .5rem 0 0;margin-right:.5rem}.sidepanel-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);flex:1}.sidepanel-header-spacer{width:0}.sidepanel-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;display:flex;flex-direction:column}.sidepanel-content>*{flex-shrink:0}.sidepanel-profile{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:12px;margin-bottom:1.5rem}.sidepanel-avatar{width:52px;height:52px;border-radius:50%;background:var(--color-primary-gradient);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem;flex-shrink:0;overflow:hidden}.sidepanel-avatar.has-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.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:var(--text-primary)}.sidepanel-username-edit-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:.25rem;line-height:1;display:flex;align-items:center;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.sidepanel-username-edit-btn:active{opacity:.6}.sidepanel-email{font-size:.8125rem;color:var(--text-muted)}.sidepanel-menu{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-card);margin-bottom:1.5rem;overflow:hidden}.sidepanel-menu-item{display:flex;align-items:center;width:100%;padding:1rem;min-height:56px;background:var(--card-bg);border:none;border-radius:0;cursor:pointer;text-align:left;transition:background .15s ease;position:relative}.sidepanel-menu-item:active{background:var(--card-active)}.sidepanel-menu-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border-card)}.sidepanel-menu-icon{font-size:1.25rem;margin-right:.875rem}.sidepanel-menu-label{flex:1;font-size:1rem;color:var(--text-primary)}.sidepanel-menu-chevron{font-size:1.25rem;color:var(--text-placeholder);font-weight:300}.sidepanel-section-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding:0 .25rem;margin-bottom:.5rem}.sidepanel-admin-section{margin-bottom:1.5rem}.sidepanel-admin-section .sidepanel-menu{margin-bottom:0}.account-history-day-group{background:var(--card-bg);border-radius:12px;overflow:hidden;margin:0 1rem;box-shadow:var(--shadow-card)}.account-history-filters{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.account-history-filter-row{display:flex;gap:.5rem;width:100%}.account-history-filter-row .date-range-inputs{width:100%}.account-history-count{font-size:.8125rem;color:var(--text-muted);text-align:center;margin-bottom:.75rem}.account-history-event-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:50px;flex-shrink:0;background:var(--color-info-bg);color:var(--color-primary)}.account-history-event-signup{background:var(--color-info-bg);color:var(--color-primary)}.account-history-event-verified{background:var(--color-success-bg);color:var(--color-success)}.account-history-event-deleted{background:var(--color-error-bg);color:var(--color-error)}.manage-users-list{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.manage-users-row{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}.manage-users-card{display:flex;align-items:center;padding:.875rem 1rem;cursor:pointer;-webkit-tap-highlight-color:transparent;gap:.5rem}.manage-users-card:active{background:var(--surface-tint-faint)}.manage-users-info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.manage-users-email{font-size:.9375rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-users-meta{font-size:.8125rem;color:var(--text-muted)}.manage-users-chevron{font-size:1.25rem;color:var(--text-placeholder);flex-shrink:0;transition:transform .2s ease;line-height:1}.manage-users-chevron.open{transform:rotate(90deg)}.manage-users-status-col{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.status-badge{font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:50px;white-space:nowrap}.status-badge--suspended{background:var(--color-error-bg);color:var(--color-error)}.status-badge--unverified{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge--mfa{background:var(--color-success-bg);color:var(--color-success)}.manage-users-action-list{display:none;border-top:1px solid var(--border-color)}.manage-users-action-list.show{display:block}.manage-users-action-item{display:block;width:100%;padding:.8rem 1rem;text-align:left;border:none;background:none;cursor:pointer;font-size:.9375rem;color:var(--text-primary);-webkit-tap-highlight-color:transparent;position:relative}.manage-users-action-item+.manage-users-action-item:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:var(--border-color)}.manage-users-action-item:active{background:var(--surface-tint-faint)}.manage-users-action-item--warning{color:var(--color-warning)}.manage-users-action-meta{color:var(--text-muted);font-weight:400}.manage-users-action-item--danger{color:var(--color-error)}.manage-users-ban-duration{display:flex;gap:.5rem}.manage-users-ban-duration .ban-value{width:80px;flex-shrink:0}.manage-users-ban-duration .ban-unit{flex:1}.manage-users-ban-permanent{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer;margin-top:1.25rem}.manage-users-ban-permanent input[type=checkbox]{width:1rem;height:1rem;flex-shrink:0}.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:var(--ios-toggle-bg);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:var(--toggle-thumb-bg);border-radius:50%;box-shadow:0 2px 4px var(--shadow-toggle);transition:transform .3s ease}.sidepanel-toggle-item .ios-toggle-input:checked+.ios-toggle-switch{background:var(--color-success)}.sidepanel-toggle-item .ios-toggle-input:checked+.ios-toggle-switch:after{transform:translate(20px)}.sidepanel-logout-btn{width:100%;background:none;border:none;color:var(--color-error);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}.delete-account-warning{color:var(--text-muted);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.modal-body-padded{padding:1rem 1.25rem}.field-error-banner{background:var(--color-error-bg);color:var(--color-error);font-size:.85rem;padding:.6rem .75rem;border-radius:8px;margin-bottom:.75rem}.sidepanel-version{text-align:center;font-size:.75rem;color:var(--text-placeholder);padding:1rem;margin-top:auto}.manage-users-filters{background:var(--card-bg);border-radius:12px;padding:.75rem;margin-bottom:.75rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.625rem}.manage-users-search-row .form-control{width:100%}.manage-users-filter-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.manage-users-toggle-row{display:flex;gap:.5rem;flex-wrap:wrap}.manage-users-toggle-btn{padding:.375rem .875rem;border:1.5px solid var(--border-light);border-radius:50px;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.manage-users-toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.manage-users-toggle-btn:active{opacity:.75}.manage-users-filter-clear-btn{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;padding:.25rem 0;cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.manage-users-filter-clear-btn:active{opacity:.6}.manage-users-fabs{position:absolute;bottom:calc(1.5rem + env(safe-area-inset-bottom));right:max(1.25rem,calc((100% - 600px)/2 + 1.25rem));z-index:10;display:flex;align-items:flex-end;gap:.75rem}.manage-users-sort-fab-wrapper{position:relative}#manageUsersSortDropdown .home-sort-dropdown-option.selected-asc .sort-option-indicator:after{content:"↓"}#manageUsersSortDropdown .home-sort-dropdown-option.selected-desc .sort-option-indicator:after{content:"↑"}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);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:var(--card-bg);border-radius:20px;padding:1.5rem;max-width:90%;width:400px;z-index:3001;box-shadow:var(--shadow-modal);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:var(--text-primary);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:var(--text-muted);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:var(--action-btn-active-bg);color:var(--text-primary)}.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:var(--text-primary);line-height:1.5}.confirm-actions{display:flex;gap:.75rem;margin-top:1rem}.confirm-actions button{flex:1}#addLikePopup,#editLikePopup{overflow:visible}.edit-friend-overlay{z-index:3500}.edit-friend-popup{z-index:3501}.ios-modal{padding:0!important;background:var(--ios-form-bg)!important;max-height:90vh;overflow-y:auto}.ios-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--ios-form-bg);position:sticky;top:0;z-index:10;border-bottom:.5px solid var(--border-separator)}.ios-modal-title{font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.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:var(--color-ios-blue);text-align:left}.ios-modal-action{color:var(--color-ios-blue);font-weight:600;text-align:right}.ios-modal-action:active,.ios-modal-cancel:active{opacity:.5}.ios-segmented-control{display:flex;background:var(--ios-toggle-bg);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:var(--text-muted);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:var(--color-primary-gradient);color:var(--color-on-primary);font-weight:600;box-shadow:0 2px 8px var(--color-primary-shadow)}.ios-segment.disabled{color:var(--text-placeholder);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{position:relative;width:80px;height:80px;border-radius:50%;background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:var(--shadow-floating)}.friend-detail-initial{color:var(--color-on-primary);font-size:2rem;font-weight:600;text-transform:uppercase}.friend-detail-name-display{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:.375rem}.friend-detail-status-badge{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;position:relative}.friend-detail-status-badge.hidden{display:none}.friend-detail-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.friend-detail-status-badge.warning .friend-detail-status-dot{background:var(--color-warning-amber)}.friend-detail-status-badge.inactive .friend-detail-status-dot{background:var(--color-error)}.friend-detail-status-badge.warning .friend-detail-status-text{color:var(--color-warning-amber-text)}.friend-detail-status-badge.inactive .friend-detail-status-text{color:var(--color-error)}.friend-detail-status-help{width:15px;height:15px;border-radius:50%;border:1.5px solid currentColor;background:none;font-size:.6rem;font-weight:700;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.55;-webkit-tap-highlight-color:transparent;flex-shrink:0}.friend-detail-status-help:active{opacity:.3}.friend-detail-status-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--tooltip-bg);color:var(--tooltip-text);font-size:.75rem;font-weight:400;line-height:1.4;padding:.5rem .75rem;border-radius:8px;width:220px;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10;white-space:normal}.friend-detail-status-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--tooltip-bg)}.friend-detail-status-help:hover~.friend-detail-status-tooltip,.friend-detail-status-badge.tooltip-open .friend-detail-status-tooltip{opacity:1;pointer-events:none}.friend-detail-score-badge{font-size:1rem;font-weight:600;padding:.35rem 1rem;border-radius:16px;background:var(--color-primary-gradient);color:var(--color-on-primary);box-shadow:0 2px 8px var(--color-primary-shadow)}.friend-detail-score-label{font-size:.75rem;color:var(--text-muted);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 var(--border-color);border-radius:12px;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-input);cursor:pointer}.date-range-input:focus{outline:none;border-color:var(--color-primary)}.date-range-input::placeholder{color:var(--text-muted)}.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:var(--card-bg)}.friend-score-card.score-card-static:active{transform:none}.friend-score-card:not(.score-card-static){border-color:var(--color-primary-shadow)}.friend-score-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.friend-score-card{background:var(--card-bg);border-radius:12px;padding:1rem;box-shadow:var(--shadow-card);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 var(--color-primary-shadow);background:var(--bg-tertiary)}.friend-score-card:active{transform:translateY(0);box-shadow:var(--shadow-card)}.score-card-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.score-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.friend-score-custom-section{background:var(--card-bg);border-radius:12px;padding:1rem;box-shadow:var(--shadow-card)}.custom-date-selector{display:flex;flex-direction:column;gap:.5rem}.custom-date-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.custom-date-selector input{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-input);cursor:pointer}.custom-date-selector input:focus{outline:none;border-color:var(--color-primary)}.custom-date-selector input::placeholder{color:var(--text-muted)}.custom-score-card{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);text-align:center}.rarity-diamonds{display:inline-flex;align-items:center;color:var(--color-ios-blue);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:var(--color-primary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.friend-detail-copy-btn:hover{background:var(--color-info-bg)}.friend-detail-copy-btn:active{transform:scale(.95)}.friend-detail-group{background:var(--ios-form-bg);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:var(--card-bg)}.friend-detail-row:not(:last-child){border-bottom:.5px solid var(--border-separator)}.friend-detail-label{font-size:1rem;color:var(--text-primary);white-space:nowrap}.friend-detail-value{font-size:1rem;color:var(--text-muted);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:var(--text-primary)}.friend-detail-edit-row{display:flex;flex-direction:column;padding:.75rem 1rem;background:var(--card-bg)}.friend-detail-edit-row:not(:last-child){border-bottom:.5px solid var(--border-separator)}.friend-detail-edit-row .friend-detail-label{font-size:.75rem;color:var(--text-muted);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:var(--text-primary);background:transparent}.friend-detail-input:focus{outline:none}.friend-detail-input::placeholder{color:var(--text-muted)}.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:var(--color-primary-gradient);color:var(--color-on-primary);box-shadow:0 2px 8px var(--color-primary-shadow)}.friend-detail-btn-save{background:var(--color-success);color:var(--color-on-primary);box-shadow:0 2px 8px var(--color-success-bg)}.friend-detail-btn-cancel{background:var(--card-active);color:var(--text-muted)}.friend-detail-btn-delete{background:transparent;color:var(--color-error);box-shadow:none}.friend-detail-btn-delete:active{background:var(--color-error-bg)}.friend-detail-avoid-row{padding-top:.5rem;padding-bottom:.5rem}.friend-detail-avoid-btn{font-size:.8125rem;font-weight:500;padding:.3rem .875rem;border-radius:50px;border:1.5px solid var(--color-error);color:var(--color-error);background:transparent;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.friend-detail-avoid-btn.active{background:var(--color-error-gradient);color:var(--color-on-primary);border-color:transparent}.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}.modal-avatar-top,.profile-modal-avatar-section{display:flex;justify-content:center;margin-bottom:1.25rem}.modal-avatar-wrapper{position:relative;display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.modal-avatar-wrapper:active .modal-avatar-circle{opacity:.85}.modal-avatar-circle{width:72px;height:72px;border-radius:50%;background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;overflow:hidden}.modal-avatar-initial{color:var(--color-on-primary);font-size:1.75rem;font-weight:600;text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none}.modal-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.modal-avatar-img.hidden,.modal-avatar-initial.hidden{display:none}.modal-avatar-pencil{position:absolute;bottom:0;right:-4px;width:24px;height:24px;border-radius:50%;background:var(--card-bg);border:1.5px solid var(--border-light);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;color:var(--color-primary);pointer-events:none}.modal-avatar-pencil[id]{pointer-events:auto;cursor:pointer}.avatar-picker-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:3600;align-items:center;justify-content:center;padding:1rem}.avatar-picker-overlay.show{display:flex}.avatar-picker-panel{background:var(--card-bg);border-radius:20px;width:100%;max-width:480px;height:60vh;display:flex;flex-direction:column;overflow:hidden}.avatar-picker-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:.5px solid var(--border-separator);flex-shrink:0}.avatar-picker-title{font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.avatar-picker-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-tap-highlight-color:transparent}.avatar-picker-close:active{background:var(--action-btn-active-bg)}.avatar-picker-search-row{padding:.75rem 1rem;flex-shrink:0}.avatar-picker-search-wrap{position:relative;display:flex;align-items:center}.avatar-picker-search{width:100%;padding:.625rem 2.5rem .625rem 1rem;border:1px solid var(--border-light);border-radius:50px;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--ios-form-bg);outline:none;box-sizing:border-box;-webkit-appearance:none}.avatar-picker-search:focus{border-color:var(--color-primary);background:var(--bg-input)}.avatar-picker-search-clear{position:absolute;right:.5rem;display:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;background:var(--color-gray-mid);color:var(--color-on-primary);font-size:.65rem;cursor:pointer;padding:0;line-height:1;-webkit-tap-highlight-color:transparent;flex-shrink:0}.avatar-picker-search-clear.visible{display:flex}.avatar-picker-search-clear:active{background:var(--text-muted)}.avatar-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));align-items:start;align-content:start;gap:.25rem;padding:.5rem .75rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.avatar-picker-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;padding:.5rem .25rem;border-radius:12px;border:2px solid transparent;transition:border-color .12s ease,background .12s ease;-webkit-tap-highlight-color:transparent}.avatar-picker-item:active{background:var(--color-primary-bg)}.avatar-picker-item.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.avatar-picker-item-img{width:52px;height:52px;border-radius:50%;object-fit:cover}.avatar-picker-item-label{font-size:.6rem;color:var(--text-muted);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:68px}.avatar-picker-item-none{width:52px;height:52px;border-radius:50%;background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;color:var(--color-on-primary);font-size:1.25rem;font-weight:600}.friend-detail-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.friend-detail-avatar.has-avatar .friend-detail-initial{display:none}.import-backup-meta{font-size:.8rem;color:var(--text-muted);text-align:center;margin-bottom:1rem}.import-table-list{margin-bottom:1rem}.import-table-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-card)}.import-table-row:last-child{border-bottom:none}.import-table-name{font-weight:500;font-size:.9rem}.import-table-counts{font-size:.8rem}.import-count-new{color:var(--color-primary);font-weight:600}.import-count-skip{color:var(--text-muted)}.import-count-sep{color:var(--border-color)}.import-note{font-size:.78rem;color:var(--text-muted);text-align:center;margin:0 0 .5rem}.import-note.import-warning{color:var(--text-primary);margin-bottom:1.25rem}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay-dim);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:var(--bg-secondary);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:var(--text-placeholder);border-radius:3px;margin:8px auto 4px;flex-shrink:0}.bottom-sheet-header{text-align:center;font-size:.8125rem;font-weight:600;color:var(--text-muted);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 var(--border-light);border-radius:0!important;font-size:1rem;color:var(--text-primary);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:var(--card-active)}.bottom-sheet-option-text{flex:1;font-weight:400}.bottom-sheet-option-indicator{color:var(--color-primary);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:var(--ios-form-bg);border-top:.5px solid var(--border-light);border-bottom:.5px solid var(--border-light)}.bottom-sheet-custom-date{padding:1rem 1.25rem;border-top:.5px solid var(--border-light);background:var(--ios-form-bg)}.bottom-sheet-custom-date .form-control{background:var(--bg-input)}@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:var(--toast-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--toast-text);padding:1rem 1.5rem;border-radius:16px;box-shadow:var(--shadow-toast);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 var(--glass-white-faint);border-radius:50%;border-top-color:var(--toast-text);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 var(--border-light);border-top:3px solid var(--color-primary);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 var(--border-color);border-radius:12px!important;font-size:1rem;font-weight:500;background:var(--bg-input);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:var(--color-primary);background-color:var(--bg-hover-primary);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:var(--color-primary);box-shadow:0 0 0 3px var(--color-info-bg);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:var(--text-muted)}.ss-trigger.ss-has-value{color:var(--text-primary)}.ss-trigger.ss-disabled{background-color:var(--bg-disabled)!important;background-image:none;color:var(--color-secondary);cursor:not-allowed;opacity:.6}.ss-trigger.field-error,.ss-container.field-error .ss-trigger{border-color:var(--color-error);background-color:var(--color-error-field-bg)!important}.ss-trigger.field-error.ss-active,.ss-container.field-error .ss-trigger.ss-active{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}.ss-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px var(--shadow-popup-color);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 var(--border-light);flex-shrink:0}.ss-search{width:100%;padding:.625rem .75rem;border:1.5px solid var(--border-light);border-radius:8px;font-size:1rem;background:var(--bg-tertiary);outline:none;transition:border-color .2s ease}.ss-search:focus{border-color:var(--color-primary);background:var(--bg-input)}.ss-search::placeholder{color:var(--text-muted)}.ss-clear-x{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:none;border:none;padding:.25rem .4rem;color:var(--text-muted);font-size:.8rem;line-height:1;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent}.ss-clear-x:active{color:var(--color-primary)}.ss-container.ss-has-selections .ss-trigger{background-image:none}.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 var(--border-card)}.ss-option:active{background-color:var(--card-active)}.ss-option.ss-selected{background-color:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.ss-checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--text-placeholder);border-radius:6px;flex-shrink:0;transition:all .15s ease}.ss-option.ss-selected .ss-checkbox{background:var(--color-primary-gradient);border-color:transparent}.ss-option.ss-selected .ss-checkbox:after{content:"";display:block;width:6px;height:10px;border:solid var(--color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-1px}.ss-option-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--color-primary-gradient);color:var(--color-on-primary);font-size:.8125rem;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden}.ss-option-avatar-img{width:100%;height:100%;object-fit:cover}.ss-option-net{color:var(--text-muted)}.ss-option-net.positive{color:var(--color-success)}.ss-option-net.negative{color:var(--color-error)}.ss-option-text{display:flex;flex-direction:column;flex:1;min-width:0}.ss-option-label{font-size:1rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-option.ss-selected .ss-option-label{color:var(--color-primary)}.ss-option-sublabel{font-size:.6875rem;color:var(--text-muted);margin-top:.1rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-option.ss-muted{opacity:.5}.ss-option.ss-muted:active{opacity:.8}.ss-no-results{padding:1.25rem;text-align:center;color:var(--text-muted);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,body.dark-mode .ss-container.field-error .ss-trigger{border-color:var(--color-error);background-color:var(--color-error-bg)!important}body.dark-mode .ss-trigger.field-error.ss-active,body.dark-mode .ss-container.field-error .ss-trigger.ss-active{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}body.dark-mode .ss-dropdown{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 16px var(--shadow-popup-color)}body.dark-mode .ss-clear-x{color:var(--text-muted)}body.dark-mode .ss-clear-x:active{color:var(--color-primary-tint)}body.dark-mode .ss-container.ss-has-selections .ss-trigger{background-image:none}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:var(--color-primary);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:var(--color-primary-bg)}body.dark-mode .ss-option-label{color:var(--text-primary)}body.dark-mode .ss-option.ss-selected .ss-option-label{color:var(--color-primary-tint)}body.dark-mode .ss-checkbox{border-color:var(--border-color)}body.dark-mode .ss-no-results,body.dark-mode .ss-option-sublabel{color:var(--text-muted)}.card-picker-section{display:flex;flex-direction:column;margin-bottom:1rem}.card-picker-search-panel{display:flex;flex-direction:column;gap:.5rem}.card-picker-name-row{position:relative}.card-picker-name-row .card-picker-input{padding-right:2.5rem}.card-picker-clear{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;padding:.25rem;color:var(--text-muted);font-size:.875rem;cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent;z-index:1}.card-picker-clear:hover{color:var(--text-tertiary)}.card-picker-clear.hidden{display:none}.card-picker-filter-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.cpf-rarity-group{display:flex;gap:.25rem;flex-shrink:0}.cpf-rarity-btn{padding:.375rem .5rem;border:1.5px solid var(--border-color);border-radius:8px;background:var(--bg-input);font-size:.6875rem;color:var(--text-primary);cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s}.cpf-rarity-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.cpf-set-select{flex:1;min-width:0;font-size:.8125rem!important;padding-top:.375rem!important;padding-bottom:.375rem!important;height:auto!important}.cpf-holo-label{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.cpf-holo-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.card-picker-results{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg)}.card-picker-option{cursor:pointer;border-radius:4px;overflow:hidden;-webkit-tap-highlight-color:transparent;position:relative;container-type:inline-size}.card-picker-option-img{width:100%;height:auto;display:block;border-radius:4px}.card-picker-option-img-placeholder{width:100%;aspect-ratio:367 / 512;border-radius:4px;background:var(--color-primary-gradient);display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:8cqw 6cqw}.card-picker-option-placeholder-top{display:flex;flex-direction:column;align-items:center;gap:2cqw;width:100%}.card-picker-option-placeholder-set{font-size:8cqw;color:var(--glass-white-bright);text-align:center;word-break:break-word;line-height:1.2}.card-picker-option-placeholder-name{font-size:11cqw;font-weight:700;color:var(--color-on-primary);text-align:center;line-height:1.2;word-break:break-word}.card-picker-option-placeholder-id{font-size:8cqw;color:var(--glass-white-bright);letter-spacing:.02em;text-align:center}.card-picker-option-set{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:3px 8px;border-radius:50px;background:var(--color-sent-gradient);border:1.5px solid var(--glass-white-mid);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-primary);text-shadow:0 1px 3px var(--glass-black-shadow);box-shadow:0 2px 8px var(--glass-black-dim),inset 0 1px 0 var(--glass-white-inset);white-space:nowrap;pointer-events:none}.card-picker-option:active{opacity:.7}.card-picker-no-results{grid-column:1 / -1;padding:.875rem 1rem;font-size:.875rem;color:var(--text-muted);text-align:center}.card-picker-preview{display:none;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:var(--color-primary-bg);border:1.5px solid var(--color-primary-bg-hover);border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-picker-preview.visible{display:flex}.card-picker-preview:active{opacity:.8}.card-preview-img{width:220px;height:auto;border-radius:10px;box-shadow:0 4px 16px var(--shadow-popup-color);pointer-events:none}.card-preview-img-placeholder{width:220px;aspect-ratio:367 / 512;border-radius:10px;background:var(--color-primary-gradient);display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:1.1rem .85rem;pointer-events:none}.card-preview-placeholder-top{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.card-preview-img-placeholder-name{font-size:1.5rem;font-weight:700;color:var(--color-on-primary);text-align:center;line-height:1.2;word-break:break-word}.card-preview-img-placeholder-id{font-size:1.1rem;color:var(--glass-white-bright);letter-spacing:.02em}.card-preview-img-placeholder-set{font-size:1.1rem;color:var(--glass-white-bright);text-align:center;line-height:1.2;word-break:break-word}.card-preview-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;pointer-events:none}.card-preview-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.card-preview-meta{font-size:.8125rem;color:var(--text-muted)}.card-preview-change-hint{font-size:.75rem;color:var(--color-primary);pointer-events:none}body.dark-mode .cpf-rarity-btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .cpf-rarity-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}body.dark-mode .cpf-holo-label{color:var(--text-secondary)}body.dark-mode .card-picker-results{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .card-picker-option:active{background:var(--card-active)}body.dark-mode .card-picker-preview{background:var(--color-primary-bg);border-color:var(--border-color)}body.dark-mode .card-preview-name{color:var(--text-primary)}body.dark-mode .card-preview-meta{color:var(--text-muted)}.card-preview-img-wrap{position:relative;display:inline-flex}.card-preview-points{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.25rem .75rem;background:#0000009e;border-radius:50px;font-size:.9375rem;font-weight:700;color:#fff;pointer-events:none;white-space:nowrap}.auth-page{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);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:before{content:"";position:absolute;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--bg-primary);pointer-events:none}.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);margin:0}.auth-logo p{font-size:.9375rem;color:var(--text-muted);margin:.25rem 0 0}.auth-form-card{background:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px var(--card-shadow)}.auth-form-card h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);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);font-size:.875rem}.auth-input{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:12px;font-size:16px;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s ease;-webkit-appearance:none;box-sizing:border-box}.auth-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-info-bg)}.auth-input::placeholder{color:var(--text-placeholder)}.auth-input.field-error{border-color:var(--color-error);background-color:var(--color-error-field-bg)}.auth-btn{display:block;width:100%;padding:.875rem;background:var(--color-primary-gradient);color:var(--color-on-primary);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-floating);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:var(--alert-danger-bg);color:var(--alert-danger-text);padding:.75rem;border-radius:10px;font-size:.875rem;margin-bottom:1rem;display:none;text-align:center}.auth-error.visible{display:block}.auth-success{background:var(--alert-success-bg);color:var(--alert-success-text);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)}.auth-link{color:var(--color-primary);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)}.auth-qr-secret{font-family:monospace;font-size:.8rem;color:var(--text-muted);word-break:break-all;margin-top:.5rem;-webkit-user-select:text;user-select:text;cursor:pointer;padding:.5rem;background:var(--bg-secondary);border-radius:8px;transition:background .15s ease}.auth-qr-secret:active{background:var(--bg-tertiary)}.auth-qr-label{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.auth-reset-info{font-size:.875rem;color:var(--text-tertiary);text-align:center;margin-bottom:1rem;line-height:1.4}.pw-req-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.25rem}.pw-req{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);transition:color .15s ease}.pw-req:before{content:"○";font-size:.7rem;flex-shrink:0;width:1em;text-align:center}.pw-req.met{color:var(--color-success)}.pw-req.met:before{content:"✓";font-weight:700}.pw-req.failed{color:var(--color-error)}.pw-req.failed:before{content:"✕";font-weight:700}.auth-btn .auth-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--glass-white-faint);border-top-color:var(--color-on-primary);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:var(--color-success-bg);color:var(--color-success-text)}.mfa-status-badge.disabled{background:var(--bg-tertiary);color:var(--color-secondary)}.home-stats-bar{display:flex;align-items:center;justify-content:space-around;background:var(--card-bg);border-radius:16px;padding:1rem .5rem;margin-bottom:1rem;box-shadow:var(--shadow-card)}.home-stat{display:flex;flex-direction:column;align-items:center;flex:1}.home-stat-value{font-size:1.5rem;font-weight:700;background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.home-stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:.125rem}.home-stat-divider{width:1px;height:2rem;background:var(--border-light)}.home-search-row{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 2.5rem);max-width:568px;display:flex;align-items:center;gap:.75rem;z-index:100;transition:bottom .15s ease}.home-search-wrapper{flex:1;display:flex;align-items:center;background:var(--search-bg);border-radius:50px;padding:0 1rem;gap:.625rem;height:52px}.home-search-wrapper:focus-within{background:var(--search-focus)}.home-search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-search-icon svg{width:20px;height:20px;fill:var(--text-muted)}.home-search-wrapper .search-bar{flex:1;background:transparent;border:none;border-radius:0!important;padding:0;color:var(--text-primary);font-size:1rem}.home-search-wrapper .search-bar::placeholder{color:var(--text-muted)}.search-clear-btn{display:none;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:50%!important;background:var(--color-gray-mid);border:none;color:var(--color-on-primary);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:var(--color-primary-gradient);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:var(--shadow-floating)}.home-sort-btn:active{transform:scale(.92);box-shadow:0 2px 8px var(--color-primary-shadow)}.home-sort-btn svg{width:20px;height:20px;fill:var(--color-on-primary)}.home-sort-wrapper{position:relative}.home-sort-dropdown{position:absolute;right:0;bottom:calc(100% + 8px);background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px var(--shadow-popup-color);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 var(--border-light);border-radius:0!important;font-size:.9375rem;color:var(--text-primary);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:var(--card-active)}.home-sort-dropdown-option.selected-asc,.home-sort-dropdown-option.selected-desc{color:var(--color-primary);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:var(--color-primary);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-option{color:var(--text-primary);border-bottom-color:var(--border-separator)}.dark-mode .home-sort-dropdown-option:active{background:var(--card-active)}.dark-mode .home-sort-dropdown-option.selected-asc,.dark-mode .home-sort-dropdown-option.selected-desc{color:var(--color-primary)}.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:var(--text-primary)}.home-add-btn{width:52px;height:52px;border-radius:50%!important;background:var(--color-primary-gradient);border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-floating)}.home-add-btn:before,.home-add-btn:after{content:"";position:absolute;background:var(--color-on-primary);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 var(--color-primary-shadow)}#homePage{padding-top:.75rem;padding-bottom:calc(138px + env(safe-area-inset-bottom))}.home-friends-header{display:flex;justify-content:center;padding:0 .25rem .75rem;max-width:600px;margin-left:auto;margin-right:auto}.home-timeframe-segments{display:flex;background:var(--border-light);border-radius:8px;padding:2px;gap:1px}.home-segment{padding:.3rem .75rem;border:none;border-radius:6px;background:transparent;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.home-segment.active{background:var(--card-bg);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-card)}.home-friends-footer{text-align:center;padding:.625rem .25rem 0;max-width:600px;margin-left:auto;margin-right:auto}.home-friends-count{font-size:.8125rem;color:var(--text-muted);font-weight:500}.home-friends-list{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);max-width:600px;margin-left:auto;margin-right:auto}.home-friend-card{display:flex;align-items:center;padding:.875rem 1rem;background:var(--card-bg);cursor:pointer;transition:background .15s ease;position:relative}.home-friend-card:active{background:var(--card-active)}.home-friend-card:not(:last-child):after{content:"";position:absolute;bottom:0;left:4rem;right:0;height:.5px;background:var(--border-separator)}.home-friend-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.875rem}.home-friend-avatar.warning:after,.home-friend-avatar.inactive:after{content:"";position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:3px solid var(--card-bg)}.home-friend-avatar.warning:after{background:var(--color-warning-amber)}.home-friend-avatar.inactive:after{background:var(--color-error)}.home-friend-initial{color:var(--color-on-primary);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:var(--text-primary);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-friend-status{font-size:.8125rem;color:var(--text-muted)}.home-friend-status .score-value{color:var(--color-primary);font-weight:600}.home-friend-status .score-zero{color:var(--color-error);font-weight:600}.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:var(--action-btn-active-bg)}.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:var(--text-placeholder);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:var(--text-muted);margin-bottom:.375rem}.home-empty-subtext{font-size:.9rem;color:var(--text-placeholder)}.friends-footer,.version-number{display:none}.home-friend-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.home-friend-avatar.has-avatar .home-friend-initial{display:none}.filter-box{background:var(--bg-tertiary);border:1px solid var(--border-color);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:var(--text-primary);margin-bottom:0;text-transform:uppercase;letter-spacing:.5px}.filter-clear-btn{background:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary);padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-clear-btn:hover{background:var(--color-secondary);color:var(--color-on-primary)}.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:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow-popup-color);z-index:99;overflow:hidden}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{display:none}.flatpickr-months{background:var(--card-bg);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:var(--card-active);border-radius:4px}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:var(--text-primary)!important}.flatpickr-weekdays{background:var(--card-bg);color:var(--text-tertiary)}.flatpickr-days{background:var(--card-bg)}.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:var(--color-primary)}.litepicker{--litepicker-day-color-hover: var(--color-primary);--litepicker-is-today-color: var(--color-primary);--litepicker-is-in-range-color: var(--color-info-bg);--litepicker-is-start-color: var(--color-on-primary);--litepicker-is-start-color-bg: var(--color-primary);--litepicker-is-end-color: var(--color-on-primary);--litepicker-is-end-color-bg: var(--color-primary-dark);z-index:9999!important}.litepicker .container--months{border-radius:12px;box-shadow:0 4px 20px var(--shadow-popup-color);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:var(--card-bg);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:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}.settings-menu-item{display:flex;align-items:center;width:100%;padding:1rem;background:var(--card-bg);border:none;cursor:pointer;text-align:left;transition:background .15s ease}.settings-menu-item:active{background:var(--card-active)}.settings-menu-item:not(:last-child){border-bottom:1px solid var(--border-card)}.settings-menu-icon{font-size:1.25rem;margin-right:.875rem}.settings-menu-label{flex:1;font-size:1rem;color:var(--text-primary)}.settings-menu-chevron{font-size:1.25rem;color:var(--text-placeholder);font-weight:300}.settings-section-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);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)}.settings-section{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}.settings-section-content{padding-top:0}.settings-section-content .settings-menu-item:first-of-type{border-top:1px solid var(--border-card)}.settings-account-email-display{font-size:.875rem;color:var(--text-muted);padding:1rem 1rem .5rem;text-align:center}.settings-logout-btn{display:block;width:100%;padding:1rem;background:transparent;border:none;color:var(--color-error);font-size:1rem;cursor:pointer;text-align:center;transition:background .15s ease;border-top:1px solid var(--border-card)}.settings-logout-btn:active{background:var(--color-error-bg)}.settings-menu-label-danger{color:var(--color-error)!important}.mfa-status-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:50px;margin-right:.5rem}.mfa-status-badge.enabled{background:var(--color-success-bg);color:var(--color-success)}.mfa-status-badge.disabled{background:var(--ios-gray-tint);color:var(--text-muted)}.settings-page-footer{text-align:center;margin-top:.5rem}.settings-page-version{font-size:.75rem;color:var(--text-placeholder)}.sets-list{background:var(--card-bg);border-radius:12px;overflow:hidden;margin:1rem;position:relative}.settings-list-item{display:flex;align-items:center;padding:.875rem 1rem;background:var(--card-bg);cursor:pointer;transition:background .15s ease}.settings-list-item:active{background:var(--card-active)}.settings-list-item--static{cursor:default}.settings-list-item--static:active{background:var(--card-bg)}.settings-list-item:not(:last-child){border-bottom:1px solid var(--border-card)}.settings-list-item-content{flex:1;min-width:0}.settings-list-item-title{font-size:1rem;color:var(--text-primary);font-weight:500}.settings-list-item-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem}.settings-list-item-chevron{font-size:1.25rem;color:var(--text-placeholder);font-weight:300;margin-left:.5rem;cursor:pointer}.drag-handle{color:var(--text-placeholder);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:var(--card-active)}.drag-drop-indicator{position:absolute;height:2px;background:var(--color-primary);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:var(--ios-toggle-bg);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:var(--toggle-thumb-bg);border-radius:50%;box-shadow:0 2px 4px var(--shadow-toggle);transition:transform .3s ease}.settings-toggle-item .ios-toggle-input:checked+.ios-toggle-switch{background:var(--color-success)}.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:var(--bg-primary);z-index:2000;transform:translate(100%);transition:transform .3s ease}.sub-page.active{transform:translate(0)}.sub-page-header{background:var(--color-primary-gradient);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:var(--color-on-primary);font-size:1rem;padding:0;cursor:pointer;display:flex;align-items:center}.sub-page-title{position:absolute;left:50%;transform:translate(-50%);color:var(--color-on-primary);font-size:1.125rem;font-weight:600}.sets-sort-btn{margin-left:auto;background:var(--btn-overlay-bg);border:none;border-radius:20px;padding:.375rem .75rem;color:var(--color-on-primary);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.sets-sort-btn:active{background:var(--btn-overlay-bg-active)}.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:var(--bg-primary);border-top:1px solid var(--border-color);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:var(--card-bg);border-radius:12px;margin-bottom:1rem;overflow:hidden;box-shadow:var(--shadow-card)}.settings-group-header{background:var(--bg-tertiary);padding:.75rem 1rem;font-weight:600;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-card)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--border-card)}.settings-row:last-child{border-bottom:none}.settings-row label{font-size:.95rem;color:var(--text-primary)}.settings-input{width:80px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;text-align:right;background:var(--bg-tertiary);-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:var(--color-primary);background:var(--bg-input)}.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:var(--color-primary-gradient);border:none;box-shadow:var(--shadow-floating);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 var(--color-primary-shadow)}.filter-fab svg{width:24px;height:24px;fill:var(--color-on-primary)}.filter-fab-badge{position:absolute;top:4px;right:4px;width:12px;height:12px;background:var(--color-error);border-radius:50%;border:2px solid var(--color-on-primary);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:var(--bg-overlay);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:var(--bg-secondary);z-index:3000;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 20px var(--shadow-popup-color)}.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 var(--border-color);flex-shrink:0}.filter-sidebar-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.filter-sidebar-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--border-card);color:var(--text-muted);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:var(--border-light)}.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:var(--text-muted);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 var(--border-color);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:var(--text-muted);font-size:.875rem;line-height:1}.ptr-indicator{position:fixed;left:50%;transform:translate(-50%) scale(.5);width:40px;height:40px;border-radius:50%;background:var(--ptr-bg);box-shadow:0 2px 8px var(--shadow-popup-color);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:2500;will-change:transform,opacity}.ptr-icon{width:18px;height:18px;flex-shrink:0}.ptr-spinning .ptr-icon{animation:ptr-spin .75s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}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(44, 44, 46, .95);--nav-border: rgba(255, 255, 255, .1);--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;--color-primary-tint: #8ba3ff;--color-primary-bg: rgba(102, 126, 234, .15);--bg-disabled: #3a3a3c;--bg-hover-primary: #1e1e3a;--ios-gray-tint: rgba(142, 142, 147, .08);--color-gray-mid: #636366;--shadow-popup-color: rgba(0, 0, 0, .3);--shadow-heavy-color: rgba(0, 0, 0, .4);--shadow-deep-color: rgba(0, 0, 0, .5);--alert-warning-bg: rgba(255, 243, 205, .1);--alert-warning-text: #ffd166;--alert-warning-border: rgba(255, 243, 205, .2);--alert-info-bg: rgba(209, 236, 241, .1);--alert-info-text: #7ecae3;--alert-info-border: rgba(209, 236, 241, .2);--alert-danger-bg: rgba(255, 59, 48, .12);--alert-danger-text: #ff8a80;--alert-danger-border: rgba(255, 59, 48, .2);--alert-success-bg: rgba(52, 199, 89, .12);--alert-success-text: #6bff8a;--alert-success-border: rgba(52, 199, 89, .2);--color-success-text: #6bff8a;--color-success-bg: rgba(52, 199, 89, .15);--color-error-text: #ff6b7a;--color-error-bg: rgba(255, 59, 48, .15);--color-error-field-bg: rgba(255, 59, 48, .1);--color-warning-text: #f7b731;--color-warning-bg: rgba(255, 149, 0, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, .3);--color-streak-band: rgba(102, 126, 234, .28);--color-streak: #ff9944;--color-sent-bg: rgba(167, 139, 250, .2);--color-sent-text: #c4b5fd;--color-received-bg: rgba(74, 222, 128, .15);--color-received-text: #86efac;--holo-badge-bg: rgba(156, 163, 175, .2);--holo-badge-text: #d1d5db;--tooltip-bg: #e8e8e8;--tooltip-text: #1c1c1e}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 .home-friend-avatar.warning:after,body.dark-mode .home-friend-avatar.inactive:after{border-color:var(--card-bg)}body.dark-mode .friend-detail-status-badge.warning .friend-detail-status-text{color:var(--color-warning-amber)}body.dark-mode .friend-detail-status-tooltip{background:var(--tooltip-bg);color:var(--tooltip-text)}body.dark-mode .friend-detail-status-tooltip:after{border-top-color:var(--tooltip-bg)}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,body.dark-mode .share-tile,body.dark-mode .share-tile-header,body.dark-mode .share-tile-footer{background:var(--card-bg)}body.dark-mode .share-tile-name,body.dark-mode .share-tile-set{color:var(--text-primary)}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-segments{background:var(--bg-tertiary)}body.dark-mode .home-segment{color:var(--text-muted)}body.dark-mode .home-segment.active{background:var(--bg-secondary);color:var(--color-primary-tint);box-shadow:var(--shadow-card)}body.dark-mode .home-friend-status .score-value{color:var(--color-primary-tint)}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: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:var(--color-primary)}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:var(--color-error);background-color:var(--color-error-field-bg)!important}body.dark-mode .form-control.field-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}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:var(--color-error-bg)}body.dark-mode .ios-form-row.field-error .ios-form-label{color:var(--color-error-text)}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:var(--text-placeholder)}body.dark-mode .ios-segment.active{background:var(--color-primary-gradient);color:var(--color-on-primary)}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:var(--color-on-primary)}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-avoid-btn{border-color:var(--color-error);color:var(--color-error)}body.dark-mode .friend-detail-avoid-btn.active{color:var(--color-on-primary);border-color:transparent}body.dark-mode .friend-detail-section-header span{color:var(--text-primary)}body.dark-mode .friend-score-card{background:var(--card-bg);box-shadow:var(--shadow-card)}body.dark-mode .friend-score-card:hover{background:var(--card-active);box-shadow:var(--shadow-floating)}body.dark-mode .friend-score-card.score-card-static:hover{background:var(--card-bg);box-shadow:var(--shadow-card)}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:var(--color-primary)}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--static:active{background:var(--card-bg)}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:var(--color-primary)}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 .direction-badge.sent{background:var(--color-sent-bg);color:var(--color-sent-text)}body.dark-mode .direction-badge.received{background:var(--color-received-bg);color:var(--color-received-text)}body.dark-mode .history-item.share-card .share-card-info,body.dark-mode .history-item.share-card .share-card-text{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 .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 var(--shadow-heavy-color)}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:var(--bg-overlay)}body.dark-mode .flatpickr-calendar{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-heavy-color)!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:var(--text-primary)}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:var(--text-muted)!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:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!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:var(--text-primary)}body.dark-mode .numInputWrapper span.arrowDown:after{border-top-color:var(--text-primary)}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 var(--shadow-deep-color)}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 var(--shadow-popup-color)}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:var(--color-primary);box-shadow:0 0 0 3px var(--color-info-bg)}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:var(--color-error-bg);color:var(--color-error-text)}body.dark-mode .auth-success{background:var(--color-success-bg);color:var(--color-success-text)}body.dark-mode .auth-reset-info{color:var(--text-tertiary)}body.dark-mode .pw-req{color:var(--text-muted)}body.dark-mode .pw-req.met{color:var(--color-success-text)}body.dark-mode .pw-req.failed{color:var(--color-error-text)}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 .mfa-status-badge.enabled{background:var(--color-success-bg);color:var(--color-success-text)}body.dark-mode .mfa-status-badge.disabled{background:var(--bg-tertiary);color:var(--text-muted)}body.dark-mode .settings-menu-label-danger{color:var(--color-error)!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:var(--color-error);border-top-color:var(--border-color)}body.dark-mode .settings-logout-btn:active{background:var(--color-error-bg)}body.dark-mode .account-sidepanel{background:var(--bg-secondary);box-shadow:2px 0 8px var(--shadow-popup-color)}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:var(--color-primary)}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:var(--color-error)}body.dark-mode .sidepanel-section-label{color:var(--text-muted)}body.dark-mode .account-history-day-group{background:var(--card-bg)}body.dark-mode .account-history-count{color:var(--text-muted)}body.dark-mode .manage-users-row{background:var(--card-bg)}body.dark-mode .manage-users-ban-picker{border-top-color:var(--border-color)}body.dark-mode .manage-users-card:active,body.dark-mode .manage-users-action-item:active{background:#ffffff0d}body.dark-mode .status-badge--suspended{background:var(--color-error-bg)}body.dark-mode .status-badge--unverified{background:var(--color-warning-bg);color:var(--color-warning-text)}body.dark-mode .status-badge--mfa{background:var(--color-success-bg)}body.dark-mode .sidepanel-version{color:var(--text-muted)}body.dark-mode .delete-account-warning{color:var(--text-secondary)}body.dark-mode .field-error-banner{background:var(--color-error-bg);color:var(--color-error-text)}body.dark-mode .holo-badge{background:var(--holo-badge-bg);color:var(--holo-badge-text)}body.dark-mode .avatar-picker-panel{background:var(--bg-primary)}body.dark-mode .avatar-picker-header{border-bottom-color:var(--border-light)}body.dark-mode .avatar-picker-title{color:var(--text-primary)}body.dark-mode .avatar-picker-close{color:var(--text-placeholder)}body.dark-mode .avatar-picker-close:active{background:#ffffff14}body.dark-mode .avatar-picker-search{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-primary)}body.dark-mode .avatar-picker-search::placeholder{color:var(--text-placeholder)}body.dark-mode .avatar-picker-search:focus{background:var(--bg-tertiary);border-color:var(--color-primary)}body.dark-mode .avatar-picker-search-clear{background:var(--color-gray-mid)}body.dark-mode .avatar-picker-search-clear:active{background:var(--border-light)}body.dark-mode .avatar-picker-item:active{background:var(--score-badge-bg)}body.dark-mode .avatar-picker-item.selected{border-color:var(--color-primary);background:var(--score-badge-bg)}body.dark-mode .avatar-picker-item-label{color:var(--text-placeholder)}body.dark-mode .modal-avatar-pencil{background:var(--card-bg);border-color:var(--border-light);color:var(--text-primary);box-shadow:var(--shadow-card)}body.dark-mode .sidepanel-username-edit-btn{color:var(--text-primary)}body.dark-mode .import-backup-meta{color:var(--color-gray-mid)}body.dark-mode .import-table-row{border-bottom-color:var(--border-card)}body.dark-mode .import-table-name{color:var(--text-primary)}body.dark-mode .import-count-skip{color:var(--color-gray-mid)}body.dark-mode .import-count-sep{color:var(--bg-tertiary)}body.dark-mode .import-note{color:var(--color-gray-mid)}body.dark-mode .import-note.import-warning{color:var(--text-primary)}body.dark-mode .manage-users-filters{background:var(--card-bg)}body.dark-mode .manage-users-toggle-btn{border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .manage-users-toggle-btn.active{border-color:var(--color-primary);color:var(--color-on-primary)}body.dark-mode .manage-users-filter-clear-btn{color:var(--color-primary-tint)}body.dark-mode .likes-cal-header{background:var(--card-bg);border-bottom-color:var(--border-separator)}body.dark-mode .likes-cal-nav-btn{color:var(--text-primary)}body.dark-mode .likes-cal-nav-btn:active{background:#ffffff14}body.dark-mode .likes-cal-select-wrapper:after{color:var(--text-secondary)}body.dark-mode .likes-cal-select{color:var(--text-primary);background:var(--bg-input);border-color:var(--border-color)}body.dark-mode .likes-cal-select option{background:var(--bg-input);color:var(--text-primary)}body.dark-mode .likes-cal-today-btn{color:var(--text-secondary);background:var(--bg-input);border-color:var(--border-color)}body.dark-mode .likes-cal-dow{color:var(--text-muted)}body.dark-mode .cal-cell{background:transparent;border-right-color:#ffffff12;border-bottom-color:#ffffff12}body.dark-mode .cal-cell-top{border-top-color:#ffffff12}body.dark-mode .cal-cell-left{border-left-color:#ffffff12}body.dark-mode .cal-cell:active{background:#ffffff0f}body.dark-mode .cal-day-num{color:var(--text-placeholder)}body.dark-mode .cal-streak-start:before,body.dark-mode .cal-streak-mid:before,body.dark-mode .cal-streak-end:before{background:var(--color-streak-band)}body.dark-mode .cal-streak-badge{color:var(--color-streak);text-shadow:0 0 4px rgba(0,0,0,.6)}body.dark-mode .likes-day-sheet{background:var(--bg-secondary)}body.dark-mode .likes-day-sheet-handle{background:var(--border-color)}body.dark-mode .likes-day-sheet-header{border-bottom-color:var(--border-separator)}body.dark-mode .likes-day-sheet-date{color:var(--text-primary)}body.dark-mode .likes-sheet-row{border-bottom-color:var(--border-separator)}body.dark-mode .likes-sheet-row:active{background:var(--card-active)}body.dark-mode .likes-sheet-name{color:var(--text-primary)}body.dark-mode .likes-sheet-streak{color:var(--text-muted)}body.dark-mode .likes-day-sheet-footer{border-top-color:var(--border-separator)}body.dark-mode .likes-no-likes-hint{color:var(--text-muted)}