.action-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10100;background:rgba(0,0,0,0.4);display:flex;align-items:flex-end;justify-content:center;animation:action-sheet-fade-in 0.2s ease}.action-sheet-container{width:100%;max-width:480px;padding:8px 8px calc(env(safe-area-inset-bottom,0px) + 8px);display:flex;flex-direction:column;gap:8px;animation:action-sheet-slide-up 380ms cubic-bezier(0.32,0.72,0,1)}.action-sheet-main{background:var(--glass-bg-heavy, rgba(255, 248, 220, 0.92));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:14px;overflow:hidden;border:1px solid var(--glass-border, rgba(201, 168, 76, 0.35));box-shadow:0 8px 40px rgba(0,0,0,0.15)}.action-sheet-header{padding:14px 16px 10px;text-align:center;border-bottom:1px solid var(--divider, rgba(201, 168, 76, 0.3))}.action-sheet-title{font-size:0.78rem;font-weight:600;color:var(--text-muted, #8a9aaa);text-transform:uppercase;letter-spacing:0.03em;margin-bottom:2px}.action-sheet-message{font-size:0.8rem;color:var(--text-muted, #8a9aaa);line-height:1.4}.action-sheet-actions{display:flex;flex-direction:column}.action-sheet-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;padding:0 16px;background:transparent;border:none;border-bottom:1px solid var(--divider, rgba(201, 168, 76, 0.3));font-family:inherit;font-size:1rem;font-weight:400;color:var(--text-primary, #0d1b2a);cursor:pointer;transition:background 0.15s ease;-webkit-tap-highlight-color:transparent}.action-sheet-btn:last-child{border-bottom:none}.action-sheet-btn:active{background:rgba(0,0,0,0.06)}.action-sheet-btn.destructive{color:#ef4444}.action-sheet-btn-icon{display:flex;align-items:center;font-size:1.1rem}.action-sheet-cancel{background:var(--glass-bg-heavy, rgba(255, 248, 220, 0.92));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:14px;overflow:hidden;border:1px solid var(--glass-border, rgba(201, 168, 76, 0.35));box-shadow:0 8px 40px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;height:56px;width:100%;padding:0 16px;background-color:var(--glass-bg-heavy, rgba(255, 248, 220, 0.92));font-family:inherit;font-size:1rem;font-weight:600;color:var(--text-primary, #0d1b2a);cursor:pointer;transition:background 0.15s ease;-webkit-tap-highlight-color:transparent}.action-sheet-cancel:active{background:rgba(0,0,0,0.06)}[data-theme=dark] .action-sheet-main,[data-theme=dark] .action-sheet-cancel{background:rgba(22,33,62,0.95);border-color:rgba(255,255,255,0.1);box-shadow:0 8px 40px rgba(0,0,0,0.4)}[data-theme=dark] .action-sheet-btn:active{background:rgba(255,255,255,0.08)}[data-theme=dark] .action-sheet-cancel:active{background:rgba(255,255,255,0.08)}@keyframes action-sheet-slide-up{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes action-sheet-fade-in{from{opacity:0}to{opacity:1}}.comparison-legend{position:absolute;bottom:24px;left:12px;z-index:1000;background:var(--glass-bg, rgba(255, 255, 255, 0.92));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border-subtle, rgba(0, 0, 0, 0.08));border-radius:12px;padding:10px 14px;min-width:170px;box-shadow:0 4px 20px rgba(0,0,0,0.1);font-size:0.82rem;pointer-events:auto}.comparison-legend-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.comparison-legend-friend{display:flex;align-items:center;gap:8px}.comparison-legend-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.comparison-legend-avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a84c,#d4b866);color:#fff;font-size:0.55rem;font-weight:700}.comparison-legend-name{font-weight:600;color:var(--text-primary, #2c1f14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.comparison-legend-close{border:none;background:none;font-size:1.1rem;color:var(--text-muted, #95a5a6);cursor:pointer;padding:2px 4px;border-radius:4px;line-height:1;transition:all 0.15s}.comparison-legend-close:hover{background:var(--hover-bg, rgba(0, 0, 0, 0.06));color:var(--text-primary, #2c1f14)}.comparison-legend-items{display:flex;flex-direction:column;gap:4px}.comparison-legend-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #64748b);font-size:0.78rem}.comparison-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.comparison-legend-dot-empty{background:#cfd8dc;opacity:0.6}.comparison-stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;padding:20px;animation:comp-fade-in 0.2s ease}@keyframes comp-fade-in{from{opacity:0}to{opacity:1}}.comparison-stats-modal{background:var(--glass-bg, #fff);border:1px solid var(--glass-border-subtle, rgba(0, 0, 0, 0.08));border-radius:16px;width:100%;max-width:400px;padding:20px 24px;box-shadow:0 8px 40px rgba(0,0,0,0.15);animation:comp-slide-up 0.25s ease}.comparison-stats-modal.comparison-stats-embedded{max-width:none;border:none;border-radius:0;background:transparent;box-shadow:none;padding:16px}@keyframes comp-slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.comparison-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.comparison-stats-header h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary, #2c1f14)}.comparison-stats-close{border:none;background:none;font-size:1.3rem;color:var(--text-muted, #95a5a6);cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1;transition:all 0.15s}.comparison-stats-close:hover{background:var(--hover-bg, rgba(0, 0, 0, 0.06));color:var(--text-primary, #2c1f14)}.comparison-stats-versus{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding:12px;background:var(--glass-bg-subtle, rgba(0, 0, 0, 0.02));border-radius:12px}.comparison-stats-user{display:flex;flex-direction:column;align-items:center;gap:4px}.comparison-stats-emoji{font-size:1.8rem;line-height:1}.comparison-stats-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.comparison-stats-user-label{font-size:0.8rem;font-weight:600;color:var(--text-primary, #2c1f14)}.comparison-stats-vs{font-size:0.9rem;font-weight:800;color:var(--text-muted, #95a5a6);letter-spacing:0.05em}.comparison-stats-bars{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.comparison-stats-bar-row{display:flex;align-items:center;gap:10px}.comparison-stats-bar-label{width:52px;font-size:0.78rem;font-weight:600;color:var(--text-secondary, #64748b);flex-shrink:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-stats-bar-track{flex:1;height:10px;background:var(--glass-bg-subtle, rgba(0, 0, 0, 0.05));border-radius:5px;overflow:hidden}.comparison-stats-bar-fill{height:100%;border-radius:5px;transition:width 0.6s ease}.comparison-stats-bar-fill.you{background:linear-gradient(90deg,#c9a84c,#a08030)}.comparison-stats-bar-fill.friend{background:linear-gradient(90deg,#e67e22,#d35400)}.comparison-stats-bar-value{font-size:0.73rem;color:var(--text-muted, #95a5a6);white-space:nowrap;min-width:90px}.comparison-stats-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comparison-stats-card{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:10px;gap:4px}.comparison-stats-card.both{background:rgba(201,168,76,0.1)}.comparison-stats-card.only-me{background:rgba(201,168,76,0.1)}.comparison-stats-card.only-friend{background:rgba(230,126,34,0.1)}.comparison-stats-card-number{font-size:1.4rem;font-weight:800;color:var(--text-primary, #2c1f14)}.comparison-stats-card.both .comparison-stats-card-number{color:#d4b866}.comparison-stats-card.only-me .comparison-stats-card-number{color:#a08030}.comparison-stats-card.only-friend .comparison-stats-card-number{color:#d35400}.comparison-stats-card-label{font-size:0.7rem;font-weight:600;color:var(--text-muted, #95a5a6);text-align:center}.comparison-stats-footer{margin:14px 0 0;text-align:center;font-size:0.75rem;color:var(--text-muted, #95a5a6)}.fp-compare-btn{border:none;background:rgba(201,168,76,0.1);color:#c9a84c;padding:4px 10px;border-radius:5px;font-size:0.72rem;font-weight:600;cursor:pointer;transition:all 0.15s;flex-shrink:0;white-space:nowrap}.fp-compare-btn:hover:not(:disabled){background:rgba(201,168,76,0.2);box-shadow:0 1px 4px rgba(201,168,76,0.15)}.fp-compare-btn:disabled{opacity:0.5;cursor:not-allowed}.fp-compare-btn.active{background:#c9a84c;color:#fff}.fp-compare-btn.active:hover{background:#a08030}.fp-friend-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.comparison-stats-trigger{position:absolute;bottom:24px;right:12px;z-index:1000;border:none;background:var(--glass-bg, rgba(255, 255, 255, 0.92));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border-subtle, rgba(0, 0, 0, 0.08));border-radius:10px;padding:8px 14px;font-size:0.82rem;font-weight:600;color:var(--text-primary, #2c1f14);cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:all 0.2s;pointer-events:auto}.comparison-stats-trigger:hover{box-shadow:0 4px 24px rgba(0,0,0,0.15);transform:translateY(-1px)}[data-theme=dark] .comparison-legend{background:rgba(30,30,50,0.92);border-color:rgba(255,255,255,0.08)}[data-theme=dark] .comparison-stats-modal{background:rgba(30,30,50,0.98);border-color:rgba(255,255,255,0.08)}[data-theme=dark] .comparison-stats-card.both{background:rgba(201,168,76,0.08)}[data-theme=dark] .comparison-stats-card.only-me{background:rgba(201,168,76,0.08)}[data-theme=dark] .comparison-stats-card.only-friend{background:rgba(230,126,34,0.08)}[data-theme=dark] .comparison-stats-trigger{background:rgba(30,30,50,0.92);border-color:rgba(255,255,255,0.08)}@media(max-width:768px){.comparison-legend{bottom:calc(var(--sheet-height, 20vh) + 12px);left:8px;padding:8px 12px;min-width:150px;font-size:0.76rem}.comparison-stats-modal{max-width:340px;padding:16px 18px}.comparison-stats-trigger{bottom:calc(var(--sheet-height, 20vh) + 12px);right:8px}.comparison-stats-bar-value{min-width:70px;font-size:0.68rem}}.badge-icon{display:inline-flex;align-items:center;justify-content:center;min-height:24px}.badge-icon-asset{width:24px;height:24px;display:block}.achievement-badge{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color 0.15s,background 0.15s;min-height:56px}.achievement-badge.achievement-badge-expanded{grid-column:1 / -1;background:linear-gradient(135deg,rgba(201,168,76,0.1),rgba(201,168,76,0.04));border:1.5px solid rgba(201,168,76,0.4);border-radius:14px;padding:14px 16px;position:relative;animation:achievement-fade-in 0.2s ease-out}@keyframes achievement-fade-in{from{opacity:0}to{opacity:1}}.achievement-detail-close{position:absolute;top:0;right:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:15px;color:rgba(255,255,255,0.3);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:0 14px 0 14px}.achievement-detail-close:hover{color:rgba(255,255,255,0.6)}.achievement-detail{width:100%;text-align:left}.achievement-detail-desc{font-size:12px;color:rgba(255,255,255,0.5);margin:4px 0 8px;line-height:1.4;padding-right:32px}.achievement-detail-pill{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;margin-bottom:12px}.achievement-detail-pill-unlocked{background:rgba(80,180,100,0.12);color:#6dc882;border:1px solid rgba(80,180,100,0.25)}.achievement-detail-pill-in-progress{background:rgba(201,168,76,0.12);color:#c9a84c;border:1px solid rgba(201,168,76,0.25)}.achievement-detail-pill-locked{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.1)}.achievement-detail-bar-wrap{width:100%;margin-bottom:14px}.achievement-detail-bar-track{background:rgba(255,255,255,0.08);height:7px;border-radius:4px;overflow:hidden}.achievement-detail-bar-fill{background:linear-gradient(90deg,#c9a84c,#d4b866);height:100%;border-radius:4px;transition:width 0.4s ease-out}.achievement-detail-bar-label{display:block;font-size:12px;color:#c9a84c;font-weight:600;margin-top:5px}.achievement-detail-section{display:flex;align-items:center;gap:6px;margin:12px 0 7px}.achievement-detail-section-label{font-size:11px;text-transform:uppercase;letter-spacing:0.7px;color:rgba(255,255,255,0.35);font-weight:700}.achievement-detail-section-count{background:rgba(255,255,255,0.07);border-radius:8px;padding:1px 6px;font-size:11px;color:rgba(255,255,255,0.4)}.achievement-chip-list{display:flex;flex-wrap:wrap;gap:6px;animation:achievement-fade-in 0.15s ease-out both}.achievement-chip-list:first-of-type{animation-delay:0.1s}.achievement-chip-list:last-of-type{animation-delay:0.15s}.achievement-chip{min-height:28px;display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:0 10px;border-radius:20px;line-height:1}.achievement-chip-visited{background:rgba(80,180,100,0.12);color:#7dd89a;border:1px solid rgba(80,180,100,0.22)}.achievement-chip-remaining{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.45);border:1px solid rgba(255,255,255,0.1)}.achievement-chip-more{background:transparent;color:rgba(255,255,255,0.25);border:1px dashed rgba(255,255,255,0.12)}.achievement-detail-hint{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:12px 14px;font-size:13px;color:rgba(255,255,255,0.4);text-align:center;line-height:1.6;margin-top:4px;width:100%;box-sizing:border-box}[data-theme=light] .achievement-badge.achievement-badge-expanded{background:linear-gradient(135deg,rgba(180,130,20,0.08),rgba(180,130,20,0.03));border-color:rgba(180,130,20,0.35)}[data-theme=light] .achievement-chip-visited{background:rgba(30,140,60,0.1);color:#1a7a38;border-color:rgba(30,140,60,0.25)}[data-theme=light] .achievement-chip-remaining{background:rgba(0,0,0,0.04);color:rgba(0,0,0,0.45);border-color:rgba(0,0,0,0.12)}[data-theme=light] .achievement-detail-section-label{color:rgba(0,0,0,0.4)}[data-theme=light] .achievement-detail-section-count{background:rgba(0,0,0,0.06);color:rgba(0,0,0,0.45)}[data-theme=light] .achievement-detail-bar-track{background:rgba(0,0,0,0.08)}[data-theme=light] .achievement-detail-hint{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.45)}[data-theme=light] .achievement-detail-close{color:rgba(0,0,0,0.25)}[data-theme=light] .achievement-detail-close:hover{color:rgba(0,0,0,0.5)}[data-theme=light] .achievement-detail-desc{color:rgba(0,0,0,0.5)}[data-theme=light] .achievement-detail-bar-label{color:#a07820}[data-theme=light] .achievement-detail-pill-unlocked{background:rgba(30,140,60,0.1);color:#1a7a38;border-color:rgba(30,140,60,0.25)}[data-theme=light] .achievement-detail-pill-in-progress{background:rgba(180,130,20,0.1);color:#a07820;border-color:rgba(180,130,20,0.25)}.share-card{position:fixed;left:-9999px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;font-family:"Inter",system-ui,sans-serif;overflow:hidden}.share-card-portrait{width:450px;height:800px;padding:36px 36px 24px}.share-card-square{width:560px;height:560px;padding:32px 40px 24px}.share-card-dark{background:linear-gradient(160deg,#040d1a 0%,#091629 50%,#040d1a 100%);color:#fff;border:1px solid rgba(201,168,76,0.2);box-shadow:inset 0 0 80px rgba(201,168,76,0.04),0 0 0 1px rgba(201,168,76,0.08)}.share-card-dark::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(201,168,76,0.045) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:0}.share-card-light{background:#f5f2eb;color:#0a1628;border-top:8px solid #0a1628}.share-card-light::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(10,22,40,0.06) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:0}.sc-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.share-card-dark .sc-watermark{opacity:0.038;filter:blur(1px)}.share-card-light .sc-watermark{opacity:0.042;filter:blur(0.5px)}.share-card>*:not(.sc-watermark){position:relative;z-index:1}.sc-header{display:flex;align-items:center;width:100%;gap:8px;margin-bottom:20px;flex-shrink:0}.share-card-square .sc-header{margin-bottom:14px}.sc-brand-mark{font-size:14px;line-height:1;flex-shrink:0}.share-card-dark .sc-brand-mark{color:#c9a84c}.share-card-light .sc-brand-mark{color:#0a1628}.sc-brand{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;flex:1}.share-card-dark .sc-brand{color:#c9a84c}.share-card-light .sc-brand{color:#0a1628}.sc-year-tag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:20px;flex-shrink:0}.share-card-dark .sc-year-tag{background:rgba(201,168,76,0.12);color:#c9a84c;border:1px solid rgba(201,168,76,0.3)}.share-card-light .sc-year-tag{background:rgba(10,22,40,0.07);color:#0a1628;border:1px solid rgba(10,22,40,0.18)}.sc-hero{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:14px;flex-shrink:0;position:relative}.sc-hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:340px;height:240px;background:radial-gradient(ellipse,rgba(201,168,76,0.13) 0%,transparent 68%);border-radius:50%;pointer-events:none;z-index:0}.sc-pct-row{display:flex;align-items:flex-start;gap:2px;line-height:1;position:relative;z-index:1}.sc-pct-num{font-size:112px;font-weight:900;letter-spacing:-6px;line-height:0.88}.share-card-square .sc-pct-num{font-size:84px;letter-spacing:-4px}.share-card-dark .sc-pct-num{color:#fff}.share-card-light .sc-pct-num{color:#0a1628}.sc-pct-symbol{font-size:44px;font-weight:900;margin-top:14px;position:relative;z-index:1}.share-card-square .sc-pct-symbol{font-size:34px;margin-top:10px}.share-card-dark .sc-pct-symbol{color:#c9a84c}.share-card-light .sc-pct-symbol{color:#b8862a}.sc-pct-label{font-size:12px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;margin-top:8px;margin-bottom:10px;position:relative;z-index:1}.share-card-dark .sc-pct-label{color:rgba(255,255,255,0.4)}.share-card-light .sc-pct-label{color:rgba(10,22,40,0.45)}.sc-prog-bar{width:100%;height:3px;border-radius:2px;overflow:hidden;margin-bottom:7px;position:relative;z-index:1}.share-card-dark .sc-prog-bar{background:rgba(255,255,255,0.07)}.share-card-light .sc-prog-bar{background:rgba(10,22,40,0.1)}.sc-prog-fill{height:100%;border-radius:2px;min-width:2px}.share-card-dark .sc-prog-fill{background:linear-gradient(90deg,#c9a84c,#e0c870)}.share-card-light .sc-prog-fill{background:linear-gradient(90deg,#b8862a,#c9a84c)}.sc-pct-detail{font-size:11px;font-weight:500;position:relative;z-index:1}.share-card-dark .sc-pct-detail{color:rgba(255,255,255,0.28)}.share-card-light .sc-pct-detail{color:rgba(10,22,40,0.38)}.sc-flags{display:flex;flex-wrap:nowrap;gap:3px;justify-content:center;margin-bottom:14px;width:100%;flex-shrink:0}.sc-flag{font-size:22px;line-height:1}.share-card-square .sc-flag{font-size:20px}.sc-flag-more{font-size:11px;font-weight:700;display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;align-self:center}.share-card-dark .sc-flag-more{color:#c9a84c;background:rgba(201,168,76,0.12);border:1px solid rgba(201,168,76,0.25)}.share-card-light .sc-flag-more{color:#0a1628;background:rgba(10,22,40,0.06);border:1px solid rgba(10,22,40,0.15)}.sc-divider{width:100%;height:1px;margin-bottom:14px;flex-shrink:0}.share-card-dark .sc-divider{background:linear-gradient(90deg,transparent,rgba(201,168,76,0.45),transparent)}.share-card-light .sc-divider{background:linear-gradient(90deg,transparent,rgba(10,22,40,0.18),transparent)}.sc-continents{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px;width:100%;flex-shrink:0}.sc-continent-pill{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px}.share-card-dark .sc-continent-pill{background:rgba(201,168,76,0.08);border:1px solid rgba(201,168,76,0.22)}.share-card-light .sc-continent-pill{background:rgba(10,22,40,0.05);border:1px solid rgba(10,22,40,0.12)}.sc-continent-abbrev{font-size:9px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase}.share-card-dark .sc-continent-abbrev{color:rgba(201,168,76,0.7)}.share-card-light .sc-continent-abbrev{color:rgba(10,22,40,0.5)}.sc-continent-count{font-size:12px;font-weight:700}.share-card-dark .sc-continent-count{color:#fff}.share-card-light .sc-continent-count{color:#0a1628}.sc-stats{display:flex;gap:8px;width:100%;flex-shrink:0;margin-bottom:14px}.sc-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 6px;border-radius:12px}.share-card-dark .sc-stat{background:rgba(201,168,76,0.06);border:1px solid rgba(201,168,76,0.16)}.share-card-light .sc-stat{background:rgba(10,22,40,0.04);border:1px solid rgba(10,22,40,0.1)}.share-card-square .sc-stat{padding:12px 4px;border-radius:10px}.sc-stat-num{font-size:26px;font-weight:800;line-height:1}.share-card-square .sc-stat-num{font-size:22px}.share-card-dark .sc-stat-num{color:#c9a84c}.share-card-light .sc-stat-num{color:#0a1628}.sc-stat-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;margin-top:5px;text-align:center}.share-card-dark .sc-stat-label{color:rgba(255,255,255,0.3)}.share-card-light .sc-stat-label{color:rgba(10,22,40,0.38)}.sc-top-tracker{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:12px;margin-bottom:10px;flex-shrink:0}.share-card-dark .sc-top-tracker{background:rgba(255,255,255,0.04);border:1px solid rgba(201,168,76,0.14)}.share-card-light .sc-top-tracker{background:rgba(10,22,40,0.04);border:1px solid rgba(10,22,40,0.1)}.sc-top-tracker-flag{font-size:28px;line-height:1;flex-shrink:0}.sc-top-tracker-info{flex:1;display:flex;flex-direction:column;gap:2px}.sc-top-tracker-label{font-size:9px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase}.share-card-dark .sc-top-tracker-label{color:rgba(201,168,76,0.6)}.share-card-light .sc-top-tracker-label{color:rgba(10,22,40,0.45)}.sc-top-tracker-name{font-size:15px;font-weight:700}.share-card-dark .sc-top-tracker-name{color:#fff}.share-card-light .sc-top-tracker-name{color:#0a1628}.sc-top-tracker-count{font-size:12px;font-weight:700;flex-shrink:0;text-align:right}.share-card-dark .sc-top-tracker-count{color:#c9a84c}.share-card-light .sc-top-tracker-count{color:#b8862a}.sc-vs-prev{font-size:12px;font-weight:600;padding:5px 14px;border-radius:20px;letter-spacing:0.3px;margin-bottom:10px;flex-shrink:0;align-self:flex-start}.share-card-dark .sc-vs-up{background:rgba(52,199,89,0.12);border:1px solid rgba(52,199,89,0.3);color:#34c759}.share-card-dark .sc-vs-down{background:rgba(255,59,48,0.1);border:1px solid rgba(255,59,48,0.25);color:#ff6b6b}.share-card-dark .sc-vs-first{background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.28);color:#c9a84c}.share-card-light .sc-vs-up{background:rgba(52,199,89,0.1);border:1px solid rgba(52,199,89,0.25);color:#1d8a3a}.share-card-light .sc-vs-down{background:rgba(200,0,0,0.07);border:1px solid rgba(200,0,0,0.18);color:#c00}.share-card-light .sc-vs-first{background:rgba(10,22,40,0.05);border:1px solid rgba(10,22,40,0.15);color:#0a1628}.sc-mrz{margin-top:auto;width:100%;padding-top:14px;border-top:1px solid rgba(10,22,40,0.12);font-family:"Courier New","OCR A Std",monospace;font-size:9px;letter-spacing:0.3px;color:rgba(10,22,40,0.3);line-height:1.7;word-break:break-all}.sc-footer{margin-top:auto;padding-top:10px;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0}.share-card-dark .sc-footer{color:rgba(255,255,255,0.15)}.share-card-light .sc-footer{color:rgba(10,22,40,0.22)}.yir-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;animation:yir-fade-in 0.3s ease}.yir-embedded-wrap{min-height:100%;display:flex;justify-content:center;padding:16px}@keyframes yir-fade-in{from{opacity:0}to{opacity:1}}.yir-container{position:relative;width:100%;max-width:440px;height:85vh;max-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border-radius:24px;background:linear-gradient(165deg,#0d1b2a 0%,#0a1628 40%,#061220 100%);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 80px rgba(201,168,76,0.1);overflow:hidden;-webkit-user-select:none;user-select:none}.yir-container.yir-empty{height:auto;max-height:400px}.yir-embedded-container{width:100%;height:100%;max-width:520px;max-height:none}.yir-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,0.1);border:none;color:rgba(255,255,255,0.7);font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:10}.yir-close:hover{background:rgba(255,255,255,0.2);color:#fff}.yir-dots{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.yir-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.2);cursor:pointer;transition:all 0.3s}.yir-dot-active{background:#fff;transform:scale(1.3)}.yir-dot-done{background:rgba(201,168,76,0.6)}.yir-card-wrapper{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.yir-slide-in{animation:yir-slide-in 0.35s ease-out}.yir-slide-left{animation:yir-slide-out-left 0.25s ease-in}.yir-slide-right{animation:yir-slide-out-right 0.25s ease-in}@keyframes yir-slide-in{from{opacity:0;transform:scale(0.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes yir-slide-out-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-60px)}}@keyframes yir-slide-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(60px)}}.yir-card{width:100%;text-align:center;color:#fff}.yir-card-icon{font-size:48px;margin-bottom:16px;animation:yir-bounce-in 0.6s ease-out}@keyframes yir-bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.yir-globe{font-size:80px;margin-bottom:16px;animation:yir-spin 4s linear infinite}@keyframes yir-spin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}.yir-year-text{font-size:36px;font-weight:800;margin:0;background:linear-gradient(135deg,#fff 0%,#d4b866 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.yir-subtitle{font-size:20px;font-weight:400;color:rgba(255,255,255,0.7);margin:8px 0 0}.yir-tagline{font-size:14px;color:rgba(255,255,255,0.4);margin-top:24px;animation:yir-fade-up 1s ease-out 0.5s both}@keyframes yir-fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.yir-big-number{font-size:72px;font-weight:900;line-height:1;margin:8px 0;background:linear-gradient(135deg,#c9a84c 0%,#d4b866 50%,#e0c870 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.yir-card-label{font-size:18px;color:rgba(255,255,255,0.8);margin:4px 0}.yir-card-detail{font-size:14px;color:rgba(255,255,255,0.5);margin:4px 0}.yir-card-highlight{font-size:14px;color:#d4b866;margin:12px 0 4px;font-weight:600}.yir-tracker-list{margin-top:20px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.yir-tracker-row{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,0.05);border-radius:10px;animation:yir-fade-up 0.4s ease-out both}.yir-tracker-row:nth-child(1){animation-delay:0.1s}.yir-tracker-row:nth-child(2){animation-delay:0.2s}.yir-tracker-row:nth-child(3){animation-delay:0.3s}.yir-tracker-row:nth-child(4){animation-delay:0.4s}.yir-tracker-row:nth-child(5){animation-delay:0.5s}.yir-tracker-row:nth-child(6){animation-delay:0.6s}.yir-tracker-row:nth-child(7){animation-delay:0.7s}.yir-tracker-flag{font-size:20px;flex-shrink:0}.yir-tracker-name{flex:1;text-align:left;font-size:14px;color:rgba(255,255,255,0.8)}.yir-tracker-count{font-weight:700;font-size:18px}.yir-top-tracker-flag{font-size:56px;margin:8px 0}.yir-top-tracker-name{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff}.yir-month-chart{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100px;margin-top:20px;padding:0 8px}.yir-month-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.yir-month-bar{width:100%;max-width:24px;min-height:3px;background:linear-gradient(to top,#c9a84c,#d4b866);border-radius:4px 4px 0 0;animation:yir-bar-grow 0.5s ease-out both}@keyframes yir-bar-grow{from{height:0!important}}.yir-month-label{font-size:10px;color:rgba(255,255,255,0.4);margin-top:4px}.yir-comp-text{font-size:28px;font-weight:700;margin:8px 0;color:#fff}.yir-comp-number{font-size:64px}.yir-summary-title{font-size:28px;font-weight:800;margin:4px 0 16px;color:#fff}.yir-summary-divider{width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.6),transparent);margin-bottom:20px}.yir-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 auto;max-width:300px}.yir-summary-stat{background:rgba(201,168,76,0.08);border:1px solid rgba(201,168,76,0.22);border-radius:14px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;animation:yir-fade-up 0.5s ease-out both}.yir-summary-stat:nth-child(1){animation-delay:0.1s}.yir-summary-stat:nth-child(2){animation-delay:0.2s}.yir-summary-stat:nth-child(3){animation-delay:0.3s}.yir-summary-stat:nth-child(4){animation-delay:0.4s}.yir-summary-num{font-size:32px;font-weight:800;background:linear-gradient(135deg,#c9a84c,#d4b866);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.yir-summary-label{font-size:11px;color:rgba(255,255,255,0.5);margin-top:4px;text-transform:uppercase;letter-spacing:0.5px;text-align:center}.yir-summary-top-tracker{margin-top:16px}.yir-nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:16px}.yir-nav-btn{background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:18px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.yir-nav-btn:hover:not(:disabled){background:rgba(255,255,255,0.2);transform:scale(1.05)}.yir-nav-btn:disabled{opacity:0.3;cursor:default}.yir-nav-counter{font-size:13px;color:rgba(255,255,255,0.4);font-variant-numeric:tabular-nums}.yir-button-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.yir-trigger-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:20px;background:linear-gradient(135deg,#c9a84c,#a08030);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;white-space:nowrap}.yir-trigger-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(201,168,76,0.4)}.yir-year-select{padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.08);color:#fff;font-size:13px;cursor:pointer;outline:none}.yir-year-select option{background:#0d1b2a;color:#fff}@media(max-width:480px){.yir-container{max-width:100%;height:100vh;max-height:100vh;border-radius:0}.yir-big-number{font-size:56px}.yir-year-text{font-size:28px}.yir-globe{font-size:60px}.yir-embedded-wrap{padding:0}.yir-embedded-container{border-radius:0}}.yir-format-picker{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:8px 0 0;animation:yir-fade-up 0.2s ease-out}.yir-picker-row{display:flex;gap:8px;justify-content:center}.yir-format-btn{padding:8px 22px;border:1px solid rgba(201,168,76,0.45);border-radius:20px;background:rgba(201,168,76,0.1);color:#c9a84c;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s}.yir-format-btn:hover:not(:disabled){background:rgba(201,168,76,0.22);border-color:#c9a84c}.yir-format-btn:disabled{opacity:0.5;cursor:default}.yir-format-btn.active{background:rgba(201,168,76,0.22);border-color:#c9a84c;color:#fff}.yir-theme-btn{flex:1;max-width:120px}.yir-nav-share{width:auto;padding:0 18px;border-radius:22px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#c9a84c,#a08030)}.yir-nav-share:hover:not(:disabled){background:linear-gradient(135deg,#a08030,#c9a84c)}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:confirm-fade-in 0.2s ease}.confirm-dialog{background:var(--glass-bg-heavy, rgba(255, 255, 255, 0.92));backdrop-filter:blur(var(--glass-blur-heavy, 20px));-webkit-backdrop-filter:blur(var(--glass-blur-heavy, 20px));border:1px solid var(--glass-border, rgba(255, 255, 255, 0.3));border-radius:20px 20px 0 0;padding:12px 24px 28px;width:100%;max-width:400px;box-shadow:0 -4px 30px rgba(0,0,0,0.15);animation:confirm-slide-up 0.35s cubic-bezier(0.32,0.72,0,1)}.confirm-dialog-handle{width:36px;height:4px;border-radius:2px;background:var(--text-muted, #95a5a6);opacity:0.4;margin:0 auto 16px}.confirm-dialog-message{font-size:0.95rem;color:var(--text-primary, #2c1f14);text-align:center;margin:0 0 20px;line-height:1.5;font-weight:500}.confirm-dialog-actions{display:flex;gap:12px}.confirm-dialog-btn{flex:1;padding:12px 20px;border-radius:12px;font-weight:600;font-size:0.88rem;min-height:48px;cursor:pointer;border:none;font-family:inherit;transition:all 0.2s}.confirm-dialog-btn.cancel{background:rgba(0,0,0,0.06);color:var(--text-primary, #2c3e50)}.confirm-dialog-btn.cancel:hover{background:rgba(0,0,0,0.1)}.confirm-dialog-btn.confirm{background:#c9a84c;color:white}.confirm-dialog-btn.confirm:hover{background:#a08030;transform:translateY(-1px);box-shadow:0 4px 12px rgba(201,168,76,0.3)}.confirm-dialog-btn.confirm.destructive{background:#d32f2f}.confirm-dialog-btn.confirm.destructive:hover{background:#b71c1c;box-shadow:0 4px 12px rgba(211,47,47,0.3)}[data-theme=dark] .confirm-dialog{background:rgba(22,33,62,0.95);border-color:rgba(255,255,255,0.1);box-shadow:0 -4px 30px rgba(0,0,0,0.4)}[data-theme=dark] .confirm-dialog-btn.cancel{background:rgba(255,255,255,0.08)}[data-theme=dark] .confirm-dialog-btn.cancel:hover{background:rgba(255,255,255,0.12)}@media(min-width:769px){.confirm-dialog-overlay{align-items:center}.confirm-dialog{border-radius:16px}.confirm-dialog-handle{display:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.confirm-dialog{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}@keyframes confirm-slide-up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes confirm-fade-in{from{opacity:0}to{opacity:1}}.data-export{display:flex;flex-direction:column;gap:20px}.data-export-desc{font-size:0.88rem;color:var(--text-secondary, #666);margin:0;line-height:1.5}.data-export-error{font-size:0.85rem;color:#ef4444;margin:0;padding:8px 12px;background:rgba(239,68,68,0.08);border-radius:8px;border:1px solid rgba(239,68,68,0.2)}.data-export-section{display:flex;flex-direction:column;gap:8px}.data-export-section-label{font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-secondary, #888);margin:0}.data-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid var(--divider, rgba(0, 0, 0, 0.12));border-radius:10px;background:var(--glass-bg, rgba(255, 255, 255, 0.6));color:var(--text-primary, #1a1a1a);font-size:0.9rem;font-weight:500;cursor:pointer;transition:background 0.15s,opacity 0.15s;text-align:left}.data-export-btn:hover:not(:disabled){background:var(--hover-bg, rgba(0, 0, 0, 0.05))}.data-export-btn:disabled{opacity:0.5;cursor:not-allowed}.data-export-btn-primary{background:#c07a30;color:#fff;border-color:transparent;font-weight:600}.data-export-btn-primary:hover:not(:disabled){background:#a8672a}.data-export-tracker-list{display:flex;flex-wrap:wrap;gap:8px}.data-export-btn-sm{padding:7px 12px;font-size:0.82rem}.dark .data-export-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);color:var(--text-on-glass, #e8e8e8)}.dark .data-export-btn:hover:not(:disabled){background:rgba(255,255,255,0.1)}.data-import{display:flex;flex-direction:column;gap:16px}.data-import-desc{font-size:0.88rem;color:var(--text-secondary, #666);margin:0;line-height:1.5}.data-import-error{font-size:0.85rem;color:#ef4444;margin:0;padding:8px 12px;background:rgba(239,68,68,0.08);border-radius:8px;border:1px solid rgba(239,68,68,0.2)}.data-import-dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;border:2px dashed var(--divider, rgba(0, 0, 0, 0.15));border-radius:12px;cursor:pointer;transition:border-color 0.15s,background 0.15s;text-align:center}.data-import-dropzone:hover{border-color:#c07a30;background:rgba(192,122,48,0.05)}.data-import-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.data-import-dropzone-icon{font-size:2rem}.data-import-dropzone-text{font-size:0.9rem;color:var(--text-secondary, #666);font-weight:500}.data-import-preview{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--glass-bg, rgba(255, 255, 255, 0.6));border:1px solid var(--divider, rgba(0, 0, 0, 0.1));border-radius:12px}.data-import-preview-title{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-secondary, #888);margin:0}.data-import-preview-date{font-size:0.82rem;color:var(--text-secondary, #888);margin:0}.data-import-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:0.88rem;color:var(--text-primary, #1a1a1a)}.data-import-preview-list li strong{font-weight:600}.data-import-mode{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--divider, rgba(0, 0, 0, 0.08))}.data-import-radio{display:flex;align-items:center;gap:8px;font-size:0.88rem;color:var(--text-primary, #1a1a1a);cursor:pointer}.data-import-actions{display:flex;gap:8px;padding-top:4px}.data-import-btn{padding:9px 16px;border:1px solid var(--divider, rgba(0, 0, 0, 0.12));border-radius:10px;background:var(--glass-bg, rgba(255, 255, 255, 0.6));color:var(--text-primary, #1a1a1a);font-size:0.88rem;font-weight:500;cursor:pointer;transition:background 0.15s,opacity 0.15s}.data-import-btn:hover:not(:disabled){background:var(--hover-bg, rgba(0, 0, 0, 0.05))}.data-import-btn:disabled{opacity:0.5;cursor:not-allowed}.data-import-btn-primary{background:#c07a30;color:#fff;border-color:transparent;font-weight:600}.data-import-btn-primary:hover:not(:disabled){background:#a8672a}.data-import-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;text-align:center}.data-import-done-icon{font-size:2.5rem;color:#22c55e;font-weight:700}.data-import-done p{font-size:0.95rem;color:var(--text-primary, #1a1a1a);margin:0}.dark .data-import-preview{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1)}.dark .data-import-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);color:var(--text-on-glass, #e8e8e8)}.settings-panel{padding:8px 16px 32px;display:flex;flex-direction:column;gap:24px}.settings-section-label{margin:0 0 6px 4px;font-size:11px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;color:var(--text-tertiary);font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}.settings-group{background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:12px;overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;min-height:44px;gap:8px;background:none;border:none;width:100%;text-align:left;cursor:default;text-decoration:none;color:inherit}.settings-row-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background 120ms ease}.settings-row-btn:active{background:var(--hover-bg)}.settings-row-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.settings-row-icon{font-size:16px;flex-shrink:0;width:20px;text-align:center}.settings-row-title{font-size:15px;font-weight:400;color:var(--text-primary);font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}.settings-row-danger .settings-row-title{color:#e74c3c}.settings-row-chevron{color:var(--text-muted);font-size:18px;line-height:1;flex-shrink:0}.settings-row-value{font-size:13px;color:var(--text-muted);font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;flex-shrink:0}.settings-row-divider{height:1px;background:var(--divider);margin-left:44px}.settings-inline-panel{padding:12px 16px 16px;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);background:var(--bg-secondary, rgba(0, 0, 0, 0.02))}.settings-toggle{position:relative;width:51px;height:31px;border-radius:16px;border:none;background:var(--bar-track);cursor:pointer;padding:0;flex-shrink:0;transition:background 200ms ease;-webkit-tap-highlight-color:transparent}.settings-toggle.on{background:#c9a84c}.settings-toggle-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.25);transition:transform 200ms cubic-bezier(0.32,0.72,0,1);display:block}.settings-toggle.on .settings-toggle-thumb{transform:translateX(20px)}.admin-panel{padding:0 0 24px;display:flex;flex-direction:column;gap:0}.admin-panel-header{padding:20px 20px 14px;border-bottom:1px solid var(--glass-border)}.admin-panel-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 2px}.admin-panel-subtitle{font-size:13px;color:var(--accent-gold);opacity:0.75;margin:0}.admin-result-banner{margin:0 16px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.admin-result-banner.success{background:rgba(52,199,89,0.15);border:1px solid rgba(52,199,89,0.3);color:#34c759}.admin-result-banner.error{background:rgba(255,59,48,0.15);border:1px solid rgba(255,59,48,0.3);color:#ff6b6b}.admin-row-loading{opacity:0.5;pointer-events:none}.settings-footer-note{font-size:12px;color:var(--text-secondary);opacity:0.6;margin:6px 20px 0}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform 0.3s ease-out,opacity 0.3s ease-in;-moz-transition:-moz-transform 0.3s ease-out,opacity 0.3s ease-in;-o-transition:-o-transform 0.3s ease-out,opacity 0.3s ease-in;transition:transform 0.3s ease-out,opacity 0.3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset 0.3s ease-out,-webkit-stroke-opacity 0.3s ease-in;-moz-transition:-moz-stroke-dashoffset 0.3s ease-out,-moz-stroke-opacity 0.3s ease-in;-o-transition:-o-stroke-dashoffset 0.3s ease-out,-o-stroke-opacity 0.3s ease-in;transition:stroke-dashoffset 0.3s ease-out,stroke-opacity 0.3s ease-in}.marker-cluster-small{background-color:rgba(181,226,140,0.6)}.marker-cluster-small div{background-color:rgba(110,204,57,0.6)}.marker-cluster-medium{background-color:rgba(241,211,87,0.6)}.marker-cluster-medium div{background-color:rgba(240,194,12,0.6)}.marker-cluster-large{background-color:rgba(253,156,115,0.6)}.marker-cluster-large div{background-color:rgba(241,128,23,0.6)}.leaflet-oldie .marker-cluster-small{background-color:rgb(181,226,140)}.leaflet-oldie .marker-cluster-small div{background-color:rgb(110,204,57)}.leaflet-oldie .marker-cluster-medium{background-color:rgb(241,211,87)}.leaflet-oldie .marker-cluster-medium div{background-color:rgb(240,194,12)}.leaflet-oldie .marker-cluster-large{background-color:rgb(253,156,115)}.leaflet-oldie .marker-cluster-large div{background-color:rgb(241,128,23)}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px "Helvetica Neue",Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}.unesco-panel{position:fixed;top:0;right:0;width:420px;max-width:90vw;height:100vh;background:white;box-shadow:-4px 0 20px rgba(0,0,0,0.15);z-index:1000;display:flex;flex-direction:column;animation:slideInRight 0.3s ease-out;box-sizing:border-box;overflow:hidden;padding-top:env(safe-area-inset-top)}.unesco-panel.dark{background:#1e1e1e;color:#e0e0e0}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.unesco-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:2;background:inherit}.unesco-panel.dark .unesco-panel-header{border-bottom-color:#333}.unesco-panel-header h2{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.close-btn:hover{background:rgba(0,0,0,0.05);color:#000}.unesco-panel.dark .close-btn:hover{background:rgba(255,255,255,0.1);color:#fff}.unesco-stats{padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.unesco-top-section{overflow:hidden}.unesco-panel.dark .unesco-stats{background:#252525;border-bottom-color:#333}.stat-main{font-size:18px;margin-bottom:8px}.stat-value{font-weight:700;color:#d4b866;font-size:24px}.stat-total{font-weight:500;opacity:0.7}.stat-label{font-size:14px;opacity:0.8}.stat-types{display:flex;gap:16px;font-size:12px;opacity:0.9}.unesco-filters{padding:16px 20px;border-bottom:1px solid #e0e0e0}.unesco-search-row{display:flex;gap:8px;align-items:center}.unesco-panel.dark .unesco-filters{border-bottom-color:#333}.search-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:12px;transition:all 0.2s}.unesco-search-row .search-input{margin-bottom:0}.filters-toggle-btn,.clear-filters-btn{border:1px solid rgba(201,168,76,0.25);background:rgba(201,168,76,0.08);color:#7a6a2a;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}.filters-toggle-btn.active{background:rgba(201,168,76,0.18)}.results-summary{margin-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#5f5f5f}.clear-filters-btn{padding:6px 9px}.unesco-panel.dark .search-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}.search-input:focus{outline:none;border-color:#c9a84c;box-shadow:0 0 0 3px rgba(201,168,76,0.1)}.filter-row{display:flex;gap:8px;margin-bottom:8px}.filter-row:last-child{margin-bottom:0}.filter-row select{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;background:white;cursor:pointer;transition:all 0.2s}.unesco-panel.dark .filter-row select{background:#2a2a2a;border-color:#444;color:#e0e0e0}.unesco-panel.dark .filters-toggle-btn,.unesco-panel.dark .clear-filters-btn{background:rgba(201,168,76,0.2);border-color:rgba(201,168,76,0.3);color:#d4b866}.unesco-panel.dark .results-summary{color:#b5b5b5}.filter-row select:focus{outline:none;border-color:#c9a84c}.unesco-list{flex:1;overflow-y:auto;padding:12px 20px}.unesco-list::-webkit-scrollbar{width:8px}.unesco-list::-webkit-scrollbar-track{background:transparent}.unesco-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.unesco-panel.dark .unesco-list::-webkit-scrollbar-thumb{background:#444}.no-results{text-align:center;padding:40px 20px;opacity:0.6;font-size:14px}.country-group{margin-bottom:20px}.country-header{font-size:14px;font-weight:600;margin:0 0 10px 0;padding-bottom:6px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:8px}.unesco-panel.dark .country-header{border-bottom-color:#333}.site-count{font-weight:400;opacity:0.6;font-size:12px}.site-item{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:6px;cursor:pointer;transition:all 0.2s;margin-bottom:6px;border:1px solid transparent;min-height:52px}.site-item:hover{background:rgba(201,168,76,0.05);border-color:rgba(201,168,76,0.2)}.unesco-panel.dark .site-item:hover{background:rgba(201,168,76,0.1)}.site-item.visited{background:rgba(201,168,76,0.05)}.unesco-panel.dark .site-item.visited{background:rgba(201,168,76,0.1)}.site-checkbox{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;margin-top:2px;transition:all 0.2s}.site-item.visited .site-checkbox{background:#c9a84c;border-color:#c9a84c;color:white;font-weight:bold}.site-info{flex:1;min-width:0}.site-name{font-size:14px;font-weight:500;margin-bottom:4px;line-height:1.3}.site-meta{display:flex;gap:12px;font-size:11px;opacity:0.7}.site-type{display:inline-flex;align-items:center;gap:4px;text-transform:capitalize}@media(max-width:768px){.unesco-panel{width:100%;max-width:100%;border-radius:16px 16px 0 0;top:auto;bottom:0;max-height:88vh;height:88vh;animation:slideUp 0.25s ease-out}.unesco-panel-header{padding:14px 16px}.unesco-panel-header h2{font-size:16px}.unesco-stats{padding:12px 16px}.unesco-top-section{max-height:360px;opacity:1;transition:max-height 0.25s ease,opacity 0.2s ease}.unesco-top-section.collapsed{max-height:0;opacity:0}.stat-main{font-size:15px}.stat-types{display:grid;grid-template-columns:1fr;gap:4px}.unesco-filters{padding:12px 16px}.unesco-search-row{align-items:stretch}.filters-toggle-btn{flex-shrink:0;white-space:nowrap}.filter-row{flex-direction:column;margin-top:8px;margin-bottom:0}.filter-row select{min-height:40px;font-size:14px}.unesco-list{padding:10px 12px calc(20px + env(safe-area-inset-bottom))}.site-item{padding:12px;margin-bottom:8px}.site-name{font-size:14px}.site-meta{flex-wrap:wrap;row-gap:4px}}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.cip-panel{max-width:400px;padding:0 0 20px}.cip-header{display:flex;align-items:flex-start;gap:12px;padding:4px 16px 16px;border-bottom:1px solid var(--divider)}.cip-flag{font-size:40px;line-height:1;flex-shrink:0;margin-top:2px}.cip-header-text{flex:1;min-width:0}.cip-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 2px;font-family:-apple-system,"SF Pro Display",system-ui,sans-serif}.cip-capital{font-size:0.82rem;color:var(--text-muted);margin:0}.cip-close-btn{background:none;border:none;font-size:22px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 4px;margin-top:-4px;flex-shrink:0;-webkit-tap-highlight-color:transparent}.cip-close-btn:hover{color:var(--text-primary)}.cip-stats{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.cip-stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--divider);gap:12px}.cip-stat-row:last-child{border-bottom:none}.cip-stat-label{font-size:0.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:0.4px;flex-shrink:0}.cip-stat-value{font-size:0.88rem;color:var(--text-primary);font-weight:400;text-align:right}.cip-actions{display:flex;gap:8px;padding:8px 16px 0}.cip-action-btn{flex:1;padding:10px 12px;border-radius:10px;border:none;font-size:0.85rem;font-weight:600;cursor:pointer;transition:background 120ms ease,transform 80ms ease;-webkit-tap-highlight-color:transparent;font-family:inherit}.cip-action-btn:active{transform:scale(0.97)}.cip-action-visited{background:var(--glass-bg);border:1px solid var(--glass-border-subtle);color:var(--text-secondary)}.cip-action-visited.active{background:rgba(201,168,76,0.15);border-color:rgba(201,168,76,0.4);color:#b8862a}.cip-action-explore{background:var(--glass-bg);border:1px solid var(--glass-border-subtle);color:var(--text-secondary)}.cip-action-btn:hover{background:var(--hover-bg)}.cip-loading,.cip-no-data{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:0.88rem}[data-theme=dark] .cip-action-visited.active{color:#d4a840}.easter-egg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.easter-egg-modal{background:var(--glass-bg-heavy, rgba(255, 255, 255, 0.96));color:var(--text-primary);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.3);padding:32px;max-width:400px;width:90%;animation:easter-egg-pop 0.3s cubic-bezier(0.16,1,0.3,1)}.easter-egg-content{text-align:center}.easter-egg-modal h2{font-size:48px;margin:0 0 16px 0;animation:easter-egg-bounce 0.6s cubic-bezier(0.34,1.56,0.64,1)}.easter-egg-modal p{font-size:16px;margin:0 0 24px 0;color:var(--text-secondary, #666);line-height:1.5}.easter-egg-input{width:100%;background:var(--input-bg, #fff);color:var(--text-primary);border:2px solid var(--glass-border, #e0e0e0);border-radius:8px;padding:12px 16px;font-size:16px;font-family:inherit;margin-bottom:12px;box-sizing:border-box;transition:border-color 0.2s}.easter-egg-input:focus{outline:none;border-color:#d4b866;box-shadow:0 0 0 3px rgba(201,168,76,0.1)}[data-theme=dark] .easter-egg-input:focus{box-shadow:0 0 0 3px rgba(201,168,76,0.2)}.easter-egg-error{color:#e74c3c;font-size:14px;margin-bottom:16px;animation:easter-egg-shake 0.4s}.easter-egg-buttons{display:flex;gap:12px;justify-content:center}.easter-egg-submit,.easter-egg-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:inherit}.easter-egg-submit{background:#d4b866;color:white}.easter-egg-submit:hover{background:#c9a84c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(201,168,76,0.3)}.easter-egg-submit:active{transform:translateY(0)}.easter-egg-cancel{background:var(--glass-bg, rgba(0, 0, 0, 0.07));color:var(--text-primary)}.easter-egg-cancel:hover{background:var(--hover-bg, rgba(0, 0, 0, 0.13))}@keyframes easter-egg-pop{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes easter-egg-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes easter-egg-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.challenges-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.ch-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--divider);background:var(--glass-bg-subtle);flex-shrink:0}.ch-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.ch-title-icon,.ch-create-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.ch-title-icon{color:var(--tab-active, #c9a84c)}.ch-title-icon svg,.ch-create-icon svg,.ch-inline-icon svg,.ch-empty-icon svg{width:100%;height:100%}.ch-header-actions{display:flex;align-items:center;gap:8px}.ch-create-btn{border:none;background:linear-gradient(135deg,#c9a84c,#d4b866);color:#fff;padding:6px 14px;border-radius:8px;font-size:0.78rem;font-weight:600;cursor:pointer;transition:all 0.2s;box-shadow:0 2px 8px rgba(201,168,76,0.25);display:inline-flex;align-items:center;gap:6px}.ch-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(201,168,76,0.35)}.ch-close{border:none;background:none;font-size:1.4rem;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1;transition:all 0.15s}.ch-close:hover{background:var(--hover-bg);color:var(--text-primary)}.ch-scrollable{flex:1;overflow-y:auto;padding:12px 16px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ch-scroll-content{min-height:100%}.ch-inline-actions{padding:8px 16px;border-bottom:1px solid var(--divider);display:flex;justify-content:flex-end}.ch-empty-auth{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;text-align:center;color:var(--text-secondary);font-size:0.88rem;line-height:1.5}.ch-empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 16px;text-align:center}.ch-empty-icon{width:38px;height:38px;color:var(--text-secondary);margin-bottom:12px;display:inline-flex;align-items:center;justify-content:center}.ch-empty-text{font-size:0.95rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.ch-empty-sub{font-size:0.82rem;color:var(--text-muted);margin:0;max-width:280px;line-height:1.4}.ch-empty{font-size:0.82rem;color:var(--text-muted);text-align:center;padding:24px 0}.ch-skeleton-list{display:flex;flex-direction:column;gap:10px}.ch-card{background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:12px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:all 0.2s;position:relative}.ch-card:hover{border-color:rgba(201,168,76,0.3);box-shadow:0 2px 12px rgba(0,0,0,0.06);transform:translateY(-1px)}.ch-card-skeleton{cursor:default}.ch-card-skeleton:hover{transform:none;border-color:var(--glass-border-subtle);box-shadow:none}.ch-card-skeleton-tracker{width:24px;height:24px;border-radius:50%;margin-top:2px}.ch-card-skeleton-title{height:14px;width:62%;margin-bottom:8px}.ch-card-skeleton-meta{height:10px;width:80%;margin-bottom:6px}.ch-card-skeleton-meta.short{width:48%;margin-bottom:0}.ch-card-skeleton-bar{height:8px;width:100%;border-radius:999px}.ch-card-completed-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;font-size:0.65rem;font-weight:700;padding:3px 8px;border-radius:10px;box-shadow:0 2px 6px rgba(39,174,96,0.3);z-index:1}.ch-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.ch-card-tracker{font-size:1.4rem;flex-shrink:0;line-height:1;margin-top:2px}.ch-card-title-group{flex:1;min-width:0}.ch-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.ch-card-streak{font-size:0.7rem;font-weight:600;color:#e74c3c;background:rgba(231,76,60,0.1);padding:2px 6px;border-radius:8px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.ch-card-days{font-size:0.65rem;color:var(--text-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.ch-card-title{font-size:0.88rem;font-weight:600;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-card-meta{font-size:0.72rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px;margin-top:2px}.ch-card-regions{font-size:0.7rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ch-card-difficulty{font-size:0.68rem;font-weight:600;padding:2px 6px;border-radius:8px;background:var(--glass-bg-subtle);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.ch-card-timer{font-size:0.68rem;font-weight:600;color:#e67e22;padding:2px 6px;border-radius:8px;background:rgba(230,126,34,0.1);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.ch-card-creator{color:#c9a84c;font-weight:500}.ch-card-avatars{display:flex;align-items:center;flex-shrink:0}.ch-card-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--glass-bg-heavy);margin-left:-6px;object-fit:cover}.ch-card-avatar:first-child{margin-left:0}.ch-card-avatar-more{width:24px;height:24px;border-radius:50%;border:2px solid var(--glass-bg-heavy);margin-left:-6px;background:var(--glass-bg);display:flex;align-items:center;justify-content:center;font-size:0.55rem;font-weight:600;color:var(--text-muted)}.ch-card-progress{display:flex;align-items:center;gap:10px}.ch-card-bar{flex:1;height:8px;background:var(--glass-bg-subtle);border-radius:4px;overflow:hidden}.ch-card-bar-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#d4b866);border-radius:4px;transition:width 0.6s ease;min-width:2px;animation:slideIn 0.8s ease-out}@keyframes slideIn{from{width:0!important;opacity:0.5}}.ch-card-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:48px}.ch-card-pct{font-size:0.85rem;font-weight:700;color:var(--text-primary)}.ch-card-fraction{font-size:0.68rem;font-weight:500;color:var(--text-muted)}.ch-inline-icon{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ch-difficulty-dot{width:7px;height:7px;border-radius:50%;display:inline-flex;flex-shrink:0}.ch-create-modal{max-width:480px;max-height:85vh;display:flex;flex-direction:column}.ch-create-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--divider);flex-shrink:0}.ch-create-header h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.ch-create-body{flex:1;overflow-y:auto;padding:16px 20px;scrollbar-gutter:stable}.ch-field{margin-bottom:18px}.ch-label{display:block;font-size:0.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px}.ch-input{width:100%;padding:9px 12px;border:1px solid var(--glass-border-subtle);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:0.85rem;outline:none;transition:all 0.2s;box-sizing:border-box}.ch-input:focus{border-color:rgba(201,168,76,0.4);box-shadow:0 0 0 2px rgba(201,168,76,0.1)}.ch-textarea{width:100%;padding:9px 12px;border:1px solid var(--glass-border-subtle);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:0.85rem;outline:none;resize:vertical;font-family:inherit;transition:all 0.2s;box-sizing:border-box}.ch-textarea:focus{border-color:rgba(201,168,76,0.4);box-shadow:0 0 0 2px rgba(201,168,76,0.1)}.ch-tracker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.ch-tracker-option{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--glass-border-subtle);border-radius:8px;background:var(--glass-bg);color:var(--text-secondary);font-size:0.78rem;cursor:pointer;transition:all 0.15s}.ch-tracker-option:hover{border-color:rgba(201,168,76,0.25);background:var(--hover-bg)}.ch-tracker-option.active{border-color:#c9a84c;background:rgba(201,168,76,0.1);color:var(--text-primary);font-weight:600;box-shadow:0 0 0 1px rgba(201,168,76,0.2)}.ch-tracker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ch-type-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border:1px solid var(--glass-border-subtle);border-radius:10px;background:var(--glass-bg);color:var(--text-secondary);font-size:0.82rem;font-weight:500;cursor:pointer;transition:all 0.15s}.ch-type-btn:hover{border-color:rgba(201,168,76,0.25)}.ch-type-btn.active{border-color:#c9a84c;background:rgba(201,168,76,0.1);color:var(--text-primary);font-weight:600;box-shadow:0 0 0 1px rgba(201,168,76,0.2)}.ch-type-desc{font-size:0.65rem;font-weight:400;color:var(--text-muted)}.ch-difficulty-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ch-difficulty-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border:1px solid var(--glass-border-subtle);border-radius:8px;background:var(--glass-bg);color:var(--text-secondary);font-size:0.78rem;font-weight:500;cursor:pointer;transition:all 0.15s}.ch-difficulty-btn:hover{border-color:rgba(201,168,76,0.25)}.ch-difficulty-btn.active{border-color:#c9a84c;background:rgba(201,168,76,0.1);color:var(--text-primary);font-weight:600;box-shadow:0 0 0 1px rgba(201,168,76,0.2)}.ch-difficulty-btn.inactive{opacity:0.7}.ch-duration-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.ch-duration-btn{padding:8px 10px;border:1px solid var(--glass-border-subtle);border-radius:8px;background:var(--glass-bg);color:var(--text-secondary);font-size:0.78rem;font-weight:500;cursor:pointer;transition:all 0.15s;text-align:center}.ch-duration-btn:hover{border-color:rgba(201,168,76,0.25)}.ch-duration-btn.active{border-color:#c9a84c;background:rgba(201,168,76,0.1);color:var(--text-primary);font-weight:600;box-shadow:0 0 0 1px rgba(201,168,76,0.2)}.ch-duration-btn.inactive{opacity:0.7}.ch-region-toggle{display:flex;gap:16px;margin-bottom:10px}.ch-radio-label{display:flex;align-items:center;gap:6px;font-size:0.82rem;color:var(--text-secondary);cursor:pointer}.ch-radio-label input[type=radio]{accent-color:#c9a84c}.ch-region-picker{border:1px solid var(--glass-border-subtle);border-radius:10px;padding:10px;background:var(--glass-bg)}.ch-region-picker-header{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.ch-region-count-badge{font-size:0.72rem;font-weight:600;color:#c9a84c;background:rgba(201,168,76,0.08);padding:4px 10px;border-radius:6px;align-self:flex-start}.ch-region-search{margin-bottom:0}.ch-region-list{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.ch-region-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:0.8rem;color:var(--text-secondary);cursor:pointer;transition:background 0.1s}.ch-region-item:hover{background:var(--hover-bg)}.ch-region-item.selected{background:rgba(201,168,76,0.08);color:var(--text-primary);font-weight:500}.ch-region-item input[type=checkbox]{accent-color:#c9a84c}.ch-region-count{font-size:0.72rem;color:#c9a84c;font-weight:600;margin-top:6px;display:block}.ch-friend-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.ch-friend-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background 0.1s;font-size:0.82rem;color:var(--text-secondary)}.ch-friend-item:hover{background:var(--hover-bg)}.ch-friend-item.selected{background:rgba(201,168,76,0.08);color:var(--text-primary)}.ch-friend-item input[type=checkbox]{accent-color:#c9a84c}.ch-friend-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.ch-friend-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a84c,#d4b866);color:#fff;font-size:0.65rem;font-weight:600}.ch-friend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-error{color:#e74c3c;font-size:0.8rem;margin:8px 0 0}.ch-create-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--divider);flex-shrink:0}.ch-cancel-btn{border:1px solid var(--glass-border-subtle);background:var(--glass-bg);color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:0.82rem;cursor:pointer;transition:all 0.15s}.ch-cancel-btn:hover{background:var(--hover-bg)}.ch-submit-btn{border:none;background:linear-gradient(135deg,#c9a84c,#d4b866);color:#fff;padding:8px 20px;border-radius:8px;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.2s;box-shadow:0 2px 8px rgba(201,168,76,0.25)}.ch-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(201,168,76,0.35)}.ch-submit-btn:disabled{opacity:0.5;cursor:not-allowed}.ch-detail-modal{max-width:520px;max-height:85vh;display:flex;flex-direction:column}.ch-detail-overlay{animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.ch-detail-header{display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-bottom:1px solid var(--divider);background:var(--glass-bg-subtle)}.ch-back-btn{border:none;background:none;color:var(--text-secondary);font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.15s;padding:4px 0;display:flex;align-items:center;gap:4px;align-self:flex-start}.ch-back-btn:hover{color:var(--text-primary)}.ch-detail-title-row{display:flex;align-items:center;gap:12px}.ch-detail-tracker{font-size:1.8rem;line-height:1}.ch-detail-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.ch-detail-meta{font-size:0.73rem;color:var(--text-muted);margin-top:2px;display:block}.ch-detail-body{flex:1;overflow-y:auto;padding:16px 20px}.ch-detail-desc{font-size:0.85rem;color:var(--text-secondary);margin:0 0 16px;line-height:1.4}.ch-loading{font-size:0.82rem;color:var(--text-muted);text-align:center;padding:24px 0}.ch-detail-skeleton{display:flex;flex-direction:column;gap:14px}.ch-detail-skeleton-section{display:flex;flex-direction:column;gap:10px}.ch-detail-skeleton-description{height:42px;width:100%}.ch-detail-skeleton-label{height:10px;width:34%;border-radius:999px}.ch-detail-skeleton-card{border-radius:12px}.ch-detail-skeleton-progress{height:72px}.ch-detail-skeleton-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ch-detail-skeleton-stat{height:70px}.ch-detail-skeleton-list{display:flex;flex-direction:column;gap:8px}.ch-detail-skeleton-row{height:52px}.ch-section-label{font-size:0.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 10px}.ch-collab-section{margin-bottom:20px}.ch-collab-progress{background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:12px;padding:14px 16px}.ch-collab-bar{height:10px;background:var(--glass-bg-subtle);border-radius:5px;overflow:hidden;margin-bottom:8px}.ch-collab-bar-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#d4b866);border-radius:5px;transition:width 0.5s ease;min-width:3px}.ch-collab-stats{display:flex;justify-content:space-between;align-items:center}.ch-collab-count{font-size:0.82rem;color:var(--text-secondary);font-weight:500}.ch-collab-pct{font-size:1rem;font-weight:700;color:#d4b866}.ch-lb-section{margin-bottom:20px}.ch-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:12px}.ch-stat-card{background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all 0.15s}.ch-stat-card-highlight{background:rgba(201,168,76,0.08);border-color:rgba(201,168,76,0.25)}.ch-stat-icon{font-size:1.2rem;line-height:1}.ch-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1}.ch-stat-card-highlight .ch-stat-value{color:#c9a84c}.ch-stat-label{font-size:0.65rem;color:var(--text-muted);text-align:center;line-height:1.2}.ch-lb-list{display:flex;flex-direction:column;gap:6px}.ch-lb-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:10px;transition:all 0.15s}.ch-lb-row.is-me{border-color:rgba(201,168,76,0.3);background:rgba(201,168,76,0.05)}.ch-lb-rank{font-size:0.78rem;font-weight:700;color:var(--text-muted);min-width:24px}.ch-lb-row:first-child .ch-lb-rank{color:#f1c40f}.ch-lb-row:nth-child(2) .ch-lb-rank{color:#95a5a6}.ch-lb-row:nth-child(3) .ch-lb-rank{color:#cd7f32}.ch-lb-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.ch-lb-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a84c,#d4b866);color:#fff;font-size:0.7rem;font-weight:600}.ch-lb-info{flex:1;min-width:0}.ch-lb-name{font-size:0.82rem;font-weight:500;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.ch-lb-bar-wrapper{display:flex;align-items:center;gap:8px}.ch-lb-bar{flex:1;height:5px;background:var(--glass-bg-subtle);border-radius:3px;overflow:hidden}.ch-lb-bar-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#d4b866);border-radius:3px;transition:width 0.4s ease}.ch-lb-stat{font-size:0.68rem;color:var(--text-muted);white-space:nowrap;min-width:60px;text-align:right}.ch-targets-section{margin-bottom:16px}.ch-targets-list{display:flex;flex-wrap:wrap;gap:6px}.ch-target-tag{padding:3px 10px;border-radius:12px;font-size:0.72rem;font-weight:500;background:var(--glass-bg);border:1px solid var(--glass-border-subtle);color:var(--text-muted);transition:all 0.15s}.ch-target-tag.ch-target-all{background:rgba(201,168,76,0.15);border-color:rgba(201,168,76,0.3);color:#a08030;font-style:italic}[data-theme=dark] .ch-target-tag.ch-target-all{color:#5dade2;background:rgba(201,168,76,0.20);border-color:rgba(201,168,76,0.35)}.ch-target-tag.visited{background:rgba(201,168,76,0.12);border-color:rgba(201,168,76,0.3);color:#c9a84c}.ch-detail-footer-info{padding-top:12px;border-top:1px solid var(--divider);display:flex;flex-direction:column;gap:4px}.ch-detail-date{font-size:0.72rem;color:var(--text-muted)}.ch-detail-completed{font-size:0.75rem;font-weight:600;color:#27ae60;display:flex;align-items:center;gap:4px}.ch-detail-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--divider)}.ch-detail-actions-right{display:flex;gap:8px}.ch-refresh-btn{border:1px solid var(--glass-border-subtle);background:var(--glass-bg);color:var(--text-secondary);padding:6px 14px;border-radius:8px;font-size:0.78rem;cursor:pointer;transition:all 0.15s}.ch-refresh-btn:hover{background:var(--hover-bg)}.ch-share-btn{border:1px solid rgba(201,168,76,0.25);background:rgba(201,168,76,0.06);color:#c9a84c;padding:6px 14px;border-radius:8px;font-size:0.78rem;font-weight:500;cursor:pointer;transition:all 0.15s}.ch-share-btn:hover{background:rgba(201,168,76,0.15)}.ch-leave-btn{border:1px solid rgba(231,76,60,0.25);background:rgba(231,76,60,0.06);color:#e74c3c;padding:6px 14px;border-radius:8px;font-size:0.78rem;font-weight:500;cursor:pointer;transition:all 0.15s}.ch-leave-btn:hover{background:rgba(231,76,60,0.15)}.ch-delete-btn{border:1px solid rgba(231,76,60,0.25);background:rgba(231,76,60,0.06);color:#e74c3c;padding:6px 14px;border-radius:8px;font-size:0.78rem;font-weight:500;cursor:pointer;transition:all 0.15s}.ch-delete-btn:hover{background:rgba(231,76,60,0.15)}.fp-tab-bar{display:flex;border-bottom:1px solid var(--divider);background:var(--glass-bg-subtle);flex-shrink:0}.fp-tab{flex:1;padding:10px 12px;border:none;background:none;font-size:0.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all 0.15s;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px}.fp-tab:hover{color:var(--text-secondary);background:var(--hover-bg)}.fp-tab.active{color:var(--text-primary);border-bottom-color:#c9a84c;font-weight:600}.fp-tab-badge{background:#c9a84c;color:#fff;font-size:0.6rem;font-weight:700;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center}[data-theme=dark] .ch-card:hover{box-shadow:0 2px 12px rgba(0,0,0,0.2)}[data-theme=dark] .ch-collab-pct{color:#d4b866}[data-theme=dark] .ch-lb-row.is-me{background:rgba(201,168,76,0.08)}@media(max-width:768px){.ch-create-modal{max-width:100%;height:90vh;border-radius:16px 16px 0 0}.ch-detail-modal{max-width:100%;height:92vh;max-height:92vh;border-radius:16px 16px 0 0}.ch-detail-overlay .modal-content{margin:auto auto 0}.ch-back-btn{font-size:0.9rem;padding:6px 0;margin-bottom:4px}.ch-tracker-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ch-detail-actions{flex-wrap:wrap;gap:8px}.ch-detail-actions-right{width:100%;justify-content:flex-end}}.ch-screen-body{padding:16px 16px 32px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ch-screen-actions{margin-top:24px;border-top:none;padding-top:0}.ios-touch-feedback{transition:transform 360ms cubic-bezier(0.22,1.3,0.36,1);transform-origin:center}.ios-touch-feedback:active,.ios-touch-feedback.is-pressed{transform:scale(0.97)}.ios-pull-indicator{display:flex;align-items:center;justify-content:center;gap:6px;height:26px;margin-top:6px;color:var(--text-secondary, #4a6a8a);font-size:12px;font-weight:600;opacity:0;transition:opacity 180ms ease;pointer-events:none}.ios-pull-indicator.visible{opacity:0.92}.ios-pull-indicator svg{width:14px;height:14px;transition:transform 220ms cubic-bezier(0.32,0.72,0,1)}.ios-pull-indicator.ready svg{transform:rotate(180deg)}.ios-pull-indicator.refreshing svg{animation:ios-pull-spin 850ms linear infinite}.ios-skeleton{border-radius:10px;background:linear-gradient(110deg,var(--ios-skeleton-base, #e3e7ef) 8%,var(--ios-skeleton-base, #e3e7ef) 33%,var(--ios-skeleton-highlight, #f3f6fb) 50%,var(--ios-skeleton-base, #e3e7ef) 67%,var(--ios-skeleton-base, #e3e7ef) 92%);background-size:220% 100%;animation:ios-skeleton-shimmer 1.3s linear infinite}@keyframes ios-skeleton-shimmer{to{background-position:-220% 0}}@keyframes ios-pull-spin{to{transform:rotate(360deg)}}[data-theme=dark] .ios-skeleton{--ios-skeleton-base: #223346;--ios-skeleton-highlight: #2d4259}@media(prefers-reduced-motion:reduce){.ios-touch-feedback,.ios-skeleton,.ios-pull-indicator,.ios-pull-indicator svg{transition:none!important;animation:none!important}.ios-touch-feedback:active,.ios-touch-feedback.is-pressed{transform:none}}.friends-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.fp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--divider);background:var(--glass-bg-subtle);flex-shrink:0}.fp-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.fp-title-icon{width:18px;height:18px;color:var(--tab-active, #c9a84c)}.fp-title-icon svg{width:100%;height:100%}.fp-close{border:none;background:none;font-size:1.4rem;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1;transition:all 0.15s}.fp-icon{width:14px;height:14px;display:block}.fp-close:hover{background:var(--hover-bg);color:var(--text-primary)}.fp-scrollable{flex:1;overflow-y:auto;padding-bottom:20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.fp-scroll-content{min-height:100%}.fp-tab-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px 8px;border-bottom:1px solid var(--divider)}.fp-tab{border:1px solid var(--glass-border-subtle);border-radius:10px;background:var(--glass-bg);color:var(--text-secondary);padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:0.82rem;font-weight:600;cursor:pointer;position:relative}.fp-tab.active{border-color:rgba(201,168,76,0.45);color:var(--text-primary);background:rgba(201,168,76,0.14)}.fp-tab-icon{width:14px;height:14px}.fp-tab-icon svg{width:100%;height:100%}.fp-tab-badge{min-width:16px;height:16px;border-radius:999px;padding:0 4px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.fp-section{padding:14px 20px;border-bottom:1px solid var(--divider)}.fp-section:last-child{border-bottom:none}.fp-section-title{font-size:0.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 10px}.fp-code-row{display:flex;align-items:center;gap:8px;background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:10px;padding:8px 12px}.fp-code{font-family:"SF Mono","Fira Code","Consolas",monospace;font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:0.08em;flex:1;-webkit-user-select:all;user-select:all}.fp-copy-btn{border:none;background:var(--glass-bg-subtle);font-size:0.9rem;cursor:pointer;padding:5px 8px;border-radius:6px;transition:all 0.2s;border:1px solid var(--glass-border-subtle);line-height:1;display:inline-flex;align-items:center;justify-content:center}.fp-copy-btn svg,.fp-search-btn svg,.fp-compare-icon svg{width:14px;height:14px}.fp-copy-btn:hover{background:var(--hover-bg);box-shadow:var(--glass-hover-glow)}.fp-copy-btn.copied{background:rgba(201,168,76,0.2);border-color:rgba(201,168,76,0.3);color:#d4b866}.fp-add-row{display:flex;gap:6px}.fp-input{flex:1;padding:8px 12px;border:1px solid var(--glass-border-subtle);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:0.85rem;font-family:"SF Mono","Fira Code","Consolas",monospace;letter-spacing:0.05em;outline:none;transition:all 0.2s}.fp-input::placeholder{color:var(--text-muted);font-family:inherit;letter-spacing:normal}.fp-input:focus{border-color:rgba(201,168,76,0.4);box-shadow:0 0 0 2px rgba(201,168,76,0.1)}.fp-search-btn{border:none;background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:0.9rem;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center}.fp-search-btn:hover:not(:disabled){background:var(--hover-bg);box-shadow:var(--glass-hover-glow)}.fp-search-btn:disabled{opacity:0.5;cursor:not-allowed}.fp-error{color:#e74c3c;font-size:0.8rem;margin:8px 0 0}.fp-preview{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:10px}.fp-preview-name{flex:1;font-size:0.88rem;font-weight:500;color:var(--text-primary)}.fp-add-btn{border:none;background:#c9a84c;color:#fff;padding:5px 14px;border-radius:6px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s}.fp-add-btn:hover:not(:disabled){background:#a08030;box-shadow:0 2px 8px rgba(201,168,76,0.3)}.fp-add-btn:disabled{opacity:0.6;cursor:not-allowed}.fp-request{display:flex;align-items:center;gap:8px;padding:8px 0}.fp-request+.fp-request{border-top:1px solid var(--divider)}.fp-request-arrow{font-size:0.75rem;color:var(--text-muted);width:16px;text-align:center;flex-shrink:0}.fp-request-name{flex:1;font-size:0.85rem;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-request-actions{display:flex;gap:4px;flex-shrink:0}.fp-accept-btn{border:none;background:rgba(201,168,76,0.15);color:#c9a84c;padding:4px 10px;border-radius:5px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.15s}.fp-accept-btn:hover:not(:disabled){background:rgba(201,168,76,0.3)}.fp-decline-btn{border:none;background:rgba(231,76,60,0.1);color:#c0392b;padding:4px 10px;border-radius:5px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.15s}.fp-decline-btn:hover:not(:disabled){background:rgba(231,76,60,0.25)}.fp-cancel-btn{border:none;background:var(--glass-bg-subtle);color:var(--text-muted);padding:4px 10px;border-radius:5px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.15s;flex-shrink:0}.fp-cancel-btn:hover:not(:disabled){background:var(--hover-bg);color:var(--text-secondary)}.fp-friend{display:flex;align-items:center;gap:10px;padding:8px 0}.fp-friend-actions{display:flex;align-items:center;gap:6px}.fp-compare-btn{border:1px solid var(--glass-border-subtle);background:var(--glass-bg);color:var(--text-secondary);padding:5px 8px;border-radius:7px;font-size:0.74rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.fp-compare-btn.active{border-color:rgba(201,168,76,0.45);color:var(--text-primary);background:rgba(201,168,76,0.16)}.fp-compare-icon{width:14px;height:14px;display:inline-flex}.fp-friend+.fp-friend{border-top:1px solid var(--divider)}.fp-skeleton-list{display:flex;flex-direction:column;gap:10px}.fp-skeleton-row{display:flex;align-items:center;gap:10px;padding:8px 0}.fp-skeleton-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.fp-skeleton-text{flex:1;display:flex;flex-direction:column;gap:6px}.fp-skeleton-line{display:block;height:11px;border-radius:999px}.fp-skeleton-line-name{width:58%}.fp-skeleton-line-sub{width:36%}.fp-skeleton-action{width:64px;height:28px;border-radius:8px;flex-shrink:0}.fp-friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.fp-friend-name{font-size:0.88rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-friend-stat{font-size:0.73rem;color:var(--text-muted)}.fp-remove-btn{border:none;background:none;color:var(--text-muted);font-size:0.7rem;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all 0.15s;flex-shrink:0;opacity:0.4}.fp-friend:hover .fp-remove-btn{opacity:1}.fp-remove-btn:hover{background:rgba(231,76,60,0.15);color:#e74c3c}.fp-avatar{border-radius:50%;flex-shrink:0;object-fit:cover;box-shadow:0 1px 4px rgba(0,0,0,0.1)}.fp-avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a84c,#d4b866);color:#fff;font-weight:600}.fp-empty{font-size:0.82rem;color:var(--text-muted);text-align:center;padding:16px 0}.fp-login-prompt{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;text-align:center}.fp-login-prompt p{font-size:0.88rem;color:var(--text-secondary);line-height:1.5}[data-theme=dark] .fp-accept-btn{color:#d4b866}[data-theme=dark] .fp-decline-btn{color:#e74c3c}[data-theme=dark] .fp-copy-btn.copied{background:rgba(201,168,76,0.15)}[data-theme=dark] .fp-input:focus{border-color:rgba(201,168,76,0.5);box-shadow:0 0 0 2px rgba(201,168,76,0.15)}@media(max-width:768px){.fp-section{padding:12px 16px}.fp-header{padding:12px 16px 10px}.fp-remove-btn{opacity:1}}.map-skeleton{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px}.map-skeleton-inner{width:60%;max-width:600px;aspect-ratio:4 / 3;border-radius:16px;background:linear-gradient(110deg,var(--skeleton-base, #e0e0e0) 0%,var(--skeleton-base, #e0e0e0) 40%,var(--skeleton-shine, #f0f0f0) 50%,var(--skeleton-base, #e0e0e0) 60%,var(--skeleton-base, #e0e0e0) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}[data-theme=dark] .map-skeleton-inner{--skeleton-base: #2a2a2a;--skeleton-shine: #3a3a3a}.level-badge{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.1));border:2px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 4px rgba(255,255,255,0.3);font-weight:700;color:var(--tier-color, #CD7F32);font-size:0.75rem;flex-shrink:0}.level-badge-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.level-badge-progress{transition:stroke-dashoffset 0.6s ease-out}.level-badge-number{position:relative;z-index:1;font-size:0.85em;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.level-badge-inline{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;background:rgba(205,127,50,0.12);border:1px solid var(--tier-color, #CD7F32);color:var(--tier-color, #CD7F32);font-size:0.75rem;font-weight:600;white-space:nowrap}.avatar-editor-preview{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.avatar-editor-level{display:flex;flex-direction:column;align-items:center;gap:6px}.avatar-editor-xp{font-size:0.85rem;color:var(--text-secondary);font-weight:500}.avatar-preview-btn{position:relative;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.avatar-level-badge-wrap{position:absolute;bottom:-2px;right:-2px;display:flex}.avatar-level-badge-wrap .level-badge{width:20px!important;height:20px!important;font-size:0.65rem}.avatar-coming-soon{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;margin:0 auto;max-width:280px;text-align:center}.avatar-coming-soon-icon{font-size:3rem;line-height:1}.avatar-coming-soon-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.avatar-coming-soon-desc{font-size:0.95rem;color:var(--text-secondary);margin:0}.avatar-level-progress-bar{width:100%;height:6px;border-radius:3px;background:var(--bar-track);overflow:hidden;border:1px solid var(--divider)}.avatar-level-progress-fill{height:100%;background:linear-gradient(90deg,#FFD700,#FFA500);transition:width 0.4s ease-out}.xp-toast-container{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:100%;max-width:360px;padding:0 16px}.xp-toast{border-radius:999px;padding:10px 18px;display:inline-flex;align-items:center;gap:10px;background:var(--glass-bg-heavy, rgba(255, 248, 220, 0.88));backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid var(--glass-border, rgba(201, 168, 76, 0.35));box-shadow:0 4px 24px rgba(13,27,42,0.18),inset 0 1px 0 rgba(255,255,255,0.5);animation:pillSlideDown 380ms cubic-bezier(0.32,0.72,0,1) both;pointer-events:auto;cursor:pointer;white-space:nowrap;transition:opacity 0.25s ease-in}.xp-toast:hover{opacity:0.85}.xp-toast-icon{font-size:1.2rem;flex-shrink:0}.xp-toast-levelup-icon{font-size:1.4rem;flex-shrink:0;animation:bounce 0.6s ease-out}.xp-toast-text{display:flex;flex-direction:column;gap:2px;min-width:0}.xp-toast-label{font-size:0.75rem;text-transform:uppercase;font-weight:600;letter-spacing:0.5px;color:#888}.xp-toast-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.xp-toast-xp{font-size:0.95rem;font-weight:600;color:#d4b866}.xp-toast-reason{font-size:0.8rem;color:var(--text-secondary)}.xp-toast-levelup{background:linear-gradient(135deg,#FFD700,#FFA500);color:white;border:1px solid rgba(255,215,0,0.3);box-shadow:0 4px 24px rgba(255,215,0,0.3),inset 0 1px 0 rgba(255,255,255,0.5);animation:pillSlideDown 380ms cubic-bezier(0.32,0.72,0,1) both}.xp-toast-levelup .xp-toast-label{color:rgba(255,255,255,0.7)}.xp-toast-levelup .xp-toast-title{color:white}.xp-toast-levelup .xp-toast-xp{color:rgba(255,255,255,0.95)}.sidebar-header-top{display:flex;align-items:flex-start;gap:12px}.sidebar-title-group{flex:1;min-width:0}@keyframes pillSlideDown{from{opacity:0;transform:translateY(-120%) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pillSlideUp{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100%) scale(0.95)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:768px){.xp-toast-container{max-width:320px;padding:0 12px}.xp-toast-levelup{animation:pillSlideDown 380ms cubic-bezier(0.32,0.72,0,1) both}.xp-toast-levelup .xp-toast-title{font-size:0.85rem}.xp-toast-levelup-icon{font-size:1.2rem}}.dark .xp-toast{background:rgba(5,14,24,0.92);border-color:var(--glass-border, rgba(201, 168, 76, 0.35));color:var(--text-on-glass)}.dark .xp-toast-levelup{background:linear-gradient(135deg,#FFD700,#FFA500)}.dark .level-badge{background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));border-color:var(--glass-border-subtle)}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:500;display:flex;align-items:stretch;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.88));backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border-top:1px solid var(--glass-border, rgba(201, 168, 76, 0.18));box-shadow:0 -2px 16px rgba(13,27,42,0.12);user-select:none;-webkit-user-select:none}.dark .bottom-tab-bar{background:rgba(5,14,24,0.92);border-top-color:rgba(201,168,76,0.18)}.tab-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px 0;background:none;border:none;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color 160ms ease}.tab-bar-icon{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.tab-bar-icon svg{width:24px;height:24px;transition:color 200ms ease,transform 200ms cubic-bezier(0.32,0.72,0,1);color:var(--text-secondary, #4a6a8a)}.tab-bar-item.active .tab-bar-icon svg{color:var(--tab-active, #c9a84c);transform:scale(1.1)}.tab-bar-label{font-size:10px;font-weight:500;letter-spacing:0.01em;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--text-secondary, #4a6a8a);transition:color 200ms ease;line-height:1}.tab-bar-item.active .tab-bar-label{color:var(--tab-active, #c9a84c);font-weight:600}.tab-bar-item::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%) scaleX(0);width:32px;height:3px;border-radius:0 0 3px 3px;background:var(--tab-active, #c9a84c);transition:transform 200ms cubic-bezier(0.32,0.72,0,1)}.tab-bar-item.active::before{transform:translateX(-50%) scaleX(1)}.tab-bar-badge{position:absolute;top:-2px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;font-family:-apple-system,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 4px rgba(229,62,62,0.4)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;bottom:0;background:var(--body-bg, #faf6f0);display:flex;flex-direction:column;z-index:2100;transform:translateX(100%);transition:transform 300ms cubic-bezier(0.32,0.72,0,1);will-change:transform;overflow:hidden}.screen.screen-visible{transform:translateX(0)}.screen.screen-exiting{transform:translateX(100%);transition:transform 280ms cubic-bezier(0.32,0.72,0,1)}.dark .screen{background:var(--body-bg, #0d1b2a)}.screen-header{display:flex;align-items:center;height:calc(44px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:8px;padding-right:16px;background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.9));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border, rgba(201, 168, 76, 0.18));flex-shrink:0;z-index:10}.dark .screen-header{background:rgba(5,14,24,0.92);border-bottom-color:rgba(201,168,76,0.12)}.screen-back-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px;margin-left:-4px;border-radius:8px;color:var(--tab-active, #c9a84c);font-size:17px;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;font-weight:400;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity 120ms ease}.screen-back-btn:active{opacity:0.6}.screen-back-btn svg{width:20px;height:20px}.screen-title{flex:1;text-align:center;font-size:17px;font-weight:600;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--text-primary, #0d1b2a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:40px;transition:opacity 220ms cubic-bezier(0.32,0.72,0,1)}.screen-header--large-title .screen-title{opacity:0}.screen-header--large-title.header-compact .screen-title{opacity:1}.dark .screen-title{color:var(--text-primary, #e8d5a3)}.screen-large-title{margin:0;padding:8px 20px 16px;font-size:34px;font-weight:700;line-height:1.1;font-family:-apple-system,"SF Pro Display",system-ui,sans-serif;color:var(--text-primary, #0d1b2a);flex-shrink:0}.dark .screen-large-title{color:var(--text-primary, #e8d5a3)}.screen-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px)}.screen-edge-swipe{position:absolute;left:0;top:0;bottom:0;width:20px;z-index:300}@media(prefers-reduced-motion:reduce){.screen-title{transition:none!important}}@keyframes map-target-pulse{0%,100%{fill-opacity:0.9}50%{fill-opacity:0.35}}.map-target-pulse{animation:map-target-pulse 1.4s ease-in-out infinite}.game-top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--body-bg, #faf6f0);border-bottom:1px solid var(--border, rgba(0,0,0,0.08));font-family:-apple-system,system-ui,sans-serif;font-size:0.85rem;flex-shrink:0;z-index:10}.game-top-bar-stats{display:flex;gap:12px;align-items:center;color:var(--text-secondary, #6b7280)}.game-top-bar-correct{color:#22c55e;font-weight:600}.game-top-bar-incorrect{color:#ef4444;font-weight:600}.game-top-bar-timer{font-variant-numeric:tabular-nums}.game-top-bar-timer.urgent{color:#ef4444;font-weight:700}.game-quit-btn{background:none;border:1px solid var(--border, rgba(0,0,0,0.15));border-radius:6px;padding:4px 10px;font-size:0.8rem;cursor:pointer;color:var(--text-secondary, #6b7280)}.game-quit-btn:hover{background:rgba(0,0,0,0.05)}.answer-input-wrapper{position:relative;width:100%}.answer-input{width:100%;padding:12px 16px;border:2px solid var(--border, rgba(0,0,0,0.12));border-radius:12px;font-size:1rem;background:var(--input-bg, #fff);color:var(--text, #1a1a1a);outline:none;box-sizing:border-box;transition:border-color 0.15s}.answer-input:focus{border-color:#3b82f6}.answer-input.correct{border-color:#22c55e;background:#f0fdf4}.answer-input.incorrect{border-color:#ef4444;background:#fef2f2}.answer-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--body-bg, #fff);border:1px solid var(--border, rgba(0,0,0,0.12));border-radius:10px;overflow:hidden;z-index:20;box-shadow:0 4px 16px rgba(0,0,0,0.12)}.answer-autocomplete--up{top:auto;bottom:calc(100% + 4px);z-index:1000}.answer-autocomplete-item{padding:10px 16px;cursor:pointer;font-size:0.95rem;border:none;background:none;width:100%;text-align:left;color:var(--text, #1a1a1a)}.answer-autocomplete-item:hover,.answer-autocomplete-item.highlighted{background:rgba(59,130,246,0.08)}.game-actions{display:flex;gap:10px;padding:0 16px;margin-top:8px}.game-btn{flex:1;padding:12px;border-radius:12px;border:none;font-size:0.95rem;font-weight:600;cursor:pointer;transition:opacity 0.15s}.game-btn:active{opacity:0.75}.game-btn-primary{background:#3b82f6;color:#fff}.game-btn-secondary{background:var(--border, rgba(0,0,0,0.08));color:var(--text, #1a1a1a)}.game-result-screen{display:flex;flex-direction:column;align-items:center;padding:32px 20px 24px;gap:20px;height:100%;overflow-y:auto;font-family:-apple-system,system-ui,sans-serif}.game-result-title{font-size:1.2rem;font-weight:700;color:var(--text, #1a1a1a);text-align:center}.game-result-score{font-size:3rem;font-weight:800;color:#3b82f6}.game-result-pct{font-size:1rem;color:var(--text-secondary, #6b7280)}.game-result-breakdown{display:flex;gap:20px}.game-result-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.game-result-stat-num{font-size:1.4rem;font-weight:700}.game-result-stat-label{font-size:0.75rem;color:var(--text-secondary, #6b7280)}.game-result-new-best{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:10px;padding:8px 20px;font-weight:700;font-size:0.95rem}.game-result-actions{display:flex;flex-direction:column;gap:10px;width:100%}.games-panel{position:relative;display:flex;flex-direction:column;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 16px;font-family:-apple-system,system-ui,sans-serif;background:var(--body-bg, #faf6f0)}.games-panel-title{font-size:1.4rem;font-weight:800;color:var(--text, #1a1a1a);margin:0 0 4px}.games-panel-subtitle{font-size:0.85rem;color:var(--text-secondary, #6b7280);margin:0 0 20px}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-card{background:var(--card-bg, #fff);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--border, rgba(0,0,0,0.08));box-shadow:0 2px 8px rgba(0,0,0,0.04)}.game-card-icon{font-size:2rem}.game-card-title{font-size:1rem;font-weight:700;color:var(--text, #1a1a1a)}.game-card-desc{font-size:0.75rem;color:var(--text-secondary, #6b7280);line-height:1.4}.game-card-best{font-size:0.75rem;color:var(--tab-active, #c9a84c);font-weight:600;margin-top:4px}.game-card-play{margin-top:8px;padding:10px;border-radius:10px;border:none;background:var(--tab-active, #c9a84c);color:#fff;font-size:0.9rem;font-weight:700;cursor:pointer;transition:opacity 0.15s}.game-card-play:active{opacity:0.75}.game-config-screen{display:flex;flex-direction:column;padding:24px 20px;gap:12px;height:100%;background:var(--body-bg, #faf6f0);font-family:-apple-system,system-ui,sans-serif}.game-config-title{font-size:1.2rem;font-weight:700;color:var(--text, #1a1a1a)}.game-config-label{font-size:0.85rem;color:var(--text-secondary, #6b7280);margin-bottom:4px}.game-config-options{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.game-config-option{padding:12px 16px;border-radius:12px;border:2px solid var(--border, rgba(0,0,0,0.1));background:var(--card-bg, #fff);text-align:left;font-size:0.95rem;cursor:pointer;color:var(--text, #1a1a1a);transition:border-color 0.15s;flex-shrink:0}.game-config-option.selected{border-color:var(--tab-active, #c9a84c);color:var(--tab-active, #c9a84c);font-weight:600}.game-config-start{margin-top:auto;padding:14px;border-radius:14px;border:none;background:var(--tab-active, #c9a84c);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;flex-shrink:0}.game-config-back{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:0.9rem;cursor:pointer;padding:0;text-align:left}.games-panel-close{position:absolute;top:16px;right:16px;background:none;border:1px solid var(--border, rgba(0,0,0,0.12));border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:1rem;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center}.games-panel-close:hover{background:rgba(0,0,0,0.05)}[data-theme=dark] .game-card{background:var(--glass-bg-heavy, rgba(5, 14, 24, 0.9));border-color:rgba(201,168,76,0.14)}[data-theme=dark] .game-config-screen{background:var(--body-bg, #0d1b2a)}[data-theme=dark] .game-config-option{background:var(--glass-bg-heavy, rgba(5, 14, 24, 0.9));border-color:rgba(201,168,76,0.15);color:var(--text-primary, #e8d5a3)}.social-large-header{flex-shrink:0;padding:6px 16px 8px;transition:padding 220ms cubic-bezier(0.32,0.72,0,1)}.social-large-title-row{display:flex;align-items:center;gap:10px}.social-large-icon{width:28px;height:28px;color:var(--tab-active, #c9a84c)}.social-large-icon svg{width:100%;height:100%}.social-large-title{margin:0;font-size:32px;line-height:1.05;font-weight:700;color:var(--text-primary, #0d1b2a);transition:font-size 220ms cubic-bezier(0.32,0.72,0,1)}.social-large-subtitle{margin:4px 0 0 38px;font-size:13px;font-weight:500;color:var(--text-secondary, #4a6a8a);transition:opacity 180ms ease,max-height 220ms ease,margin-top 180ms ease;max-height:40px;overflow:hidden}.social-large-header.is-collapsed{padding-top:0;padding-bottom:4px}.social-large-header.is-collapsed .social-large-title{font-size:24px}.social-large-header.is-collapsed .social-large-subtitle{opacity:0;max-height:0;margin-top:0}.social-seg-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:6px 16px 8px;border-bottom:1px solid var(--glass-border, rgba(201, 168, 76, 0.14));background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.9));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .social-seg-header{background:rgba(5,14,24,0.92);border-bottom-color:rgba(201,168,76,0.1)}.social-seg-control{display:flex;background:var(--glass-bg, rgba(201, 168, 76, 0.08));border-radius:10px;padding:3px;gap:2px;width:100%;max-width:320px}[data-theme=dark] .social-seg-control{background:rgba(255,255,255,0.07)}.social-seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:none;background:none;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--text-secondary, #4a6a8a);cursor:pointer;transition:background 180ms ease,color 180ms ease,transform 100ms ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap}.social-seg-btn-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.social-seg-btn-icon svg{width:14px;height:14px}.social-seg-btn.active{background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.95));color:var(--text-primary, #0d1b2a);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,0.1)}[data-theme=dark] .social-seg-btn.active{background:rgba(255,255,255,0.12);color:var(--text-primary, #e8d5a3)}.social-tab-pane{flex:1;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .social-large-title{color:#f2e7c8}[data-theme=dark] .social-large-subtitle{color:#9fb3c7}.profile-seg-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:10px 16px 8px;border-bottom:1px solid var(--glass-border, rgba(201, 168, 76, 0.14));background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.9));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .profile-seg-header{background:rgba(5,14,24,0.92);border-bottom-color:rgba(201,168,76,0.1)}.profile-seg-control{display:flex;background:var(--glass-bg, rgba(201, 168, 76, 0.08));border-radius:10px;padding:3px;gap:2px;width:100%;max-width:280px}[data-theme=dark] .profile-seg-control{background:rgba(255,255,255,0.07)}.profile-seg-btn{flex:1;border:none;background:none;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--text-secondary, #4a6a8a);cursor:pointer;transition:background 180ms ease,color 180ms ease,transform 300ms cubic-bezier(0.32,0.72,0,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.profile-seg-btn.active{background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.95));color:var(--text-primary, #0d1b2a);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,0.1)}[data-theme=dark] .profile-seg-btn.active{background:rgba(255,255,255,0.12);color:var(--text-primary, #e8d5a3)}.profile-tab-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.profile-overview{padding:24px 20px 32px;display:flex;flex-direction:column;gap:24px}.profile-avatar-section{display:flex;align-items:center;gap:20px}.profile-avatar-btn{flex-shrink:0;position:relative;background:none;border:none;padding:0;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 300ms cubic-bezier(0.32,0.72,0,1)}.profile-avatar-edit-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.55);color:#fff;font-size:11px;font-weight:600;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;padding:2px 8px;border-radius:10px;white-space:nowrap;letter-spacing:0.02em}.profile-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.profile-username{margin:0;font-size:20px;font-weight:700;font-family:-apple-system,"SF Pro Display",system-ui,sans-serif;color:var(--text-primary, #0d1b2a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .profile-username{color:var(--text-primary, #e8d5a3)}.profile-level-row{display:flex;align-items:center;gap:8px}.profile-level-label{font-size:15px;font-weight:600;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--text-secondary, #4a6a8a)}[data-theme=dark] .profile-level-label{color:var(--text-secondary, #7a8a9a)}.profile-xp-bar-wrap{display:flex;flex-direction:column;gap:4px}.profile-xp-bar{height:6px;background:var(--glass-bg, rgba(201, 168, 76, 0.15));border-radius:3px;overflow:hidden}[data-theme=dark] .profile-xp-bar{background:rgba(255,255,255,0.1)}.profile-xp-fill{height:100%;background:var(--tab-active, #c9a84c);border-radius:3px;transition:width 400ms cubic-bezier(0.32,0.72,0,1)}.profile-xp-label{margin:0;font-size:12px;color:var(--text-secondary, #4a6a8a);font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}[data-theme=dark] .profile-xp-label{color:var(--text-secondary, #7a8a9a)}.profile-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.profile-total-xp{margin:0;font-size:14px;color:var(--text-secondary, #4a6a8a);font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}[data-theme=dark] .profile-total-xp{color:var(--text-secondary, #7a8a9a)}.profile-stats-btn{background:var(--glass-bg, rgba(201, 168, 76, 0.1));border:1px solid var(--glass-border, rgba(201, 168, 76, 0.2));border-radius:12px;padding:10px 18px;font-size:15px;font-weight:600;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--tab-active, #c9a84c);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 300ms cubic-bezier(0.32,0.72,0,1),background 150ms ease}.achievements-tab-content{padding:16px 16px 32px}.achievements-tab-summary{margin:0 0 16px;font-size:13px;font-weight:500;color:var(--text-secondary, #4a6a8a);font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;text-align:center}[data-theme=dark] .achievements-tab-summary{color:var(--text-secondary, #7a8a9a)}.profile-share-btn{margin-top:8px;padding:10px 20px;border:1px solid rgba(201,168,76,0.4);border-radius:20px;background:rgba(201,168,76,0.08);color:#c9a84c;font-size:14px;font-weight:600;cursor:pointer;transition:background 200ms ease,border-color 200ms ease,transform 300ms cubic-bezier(0.32,0.72,0,1);width:100%}.profile-share-btn:hover:not(:disabled){background:rgba(201,168,76,0.18);border-color:#c9a84c}.profile-share-btn:disabled{opacity:0.5;cursor:default}.profile-share-picker{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:10px;animation:fadeIn 0.2s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.explore-screen{background:var(--body-bg, #faf6f0)}.explore-large-header{flex-shrink:0;padding:6px 16px 8px;transition:padding 220ms cubic-bezier(0.32,0.72,0,1)}.explore-large-title-row{display:flex;align-items:center;gap:10px}.explore-large-icon{width:28px;height:28px;color:var(--tab-active, #c9a84c)}.explore-large-icon svg{width:100%;height:100%}.explore-large-title{margin:0;font-size:32px;line-height:1.05;font-weight:700;color:var(--text-primary, #0d1b2a);transition:font-size 220ms cubic-bezier(0.32,0.72,0,1)}.explore-large-subtitle{margin:4px 0 0 38px;font-size:13px;font-weight:500;color:var(--text-secondary, #4a6a8a);transition:opacity 180ms ease,max-height 220ms ease,margin-top 180ms ease;max-height:40px;overflow:hidden}.explore-large-header.is-collapsed{padding-top:0;padding-bottom:4px}.explore-large-header.is-collapsed .explore-large-title{font-size:24px}.explore-large-header.is-collapsed .explore-large-subtitle{opacity:0;max-height:0;margin-top:0}.explore-seg-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:6px 16px 8px;border-bottom:1px solid var(--glass-border, rgba(201, 168, 76, 0.14));background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.9));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .explore-seg-header{background:rgba(5,14,24,0.92);border-bottom-color:rgba(201,168,76,0.1)}.explore-seg-control{display:flex;background:var(--glass-bg, rgba(201, 168, 76, 0.08));border-radius:10px;padding:3px;gap:2px;width:100%;max-width:280px}[data-theme=dark] .explore-seg-control{background:rgba(255,255,255,0.07)}.explore-seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:none;background:none;border-radius:8px;padding:7px 12px;font-size:14px;font-weight:500;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--text-secondary, #4a6a8a);cursor:pointer;transition:background 180ms ease,color 180ms ease,transform 100ms ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.explore-seg-btn-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.explore-seg-btn-icon svg{width:14px;height:14px}.explore-seg-btn.active{background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.95));color:var(--text-primary, #0d1b2a);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,0.1)}[data-theme=dark] .explore-seg-btn.active{background:rgba(255,255,255,0.12);color:var(--text-primary, #e8d5a3)}.explore-progress-cards{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 12px 8px}.explore-progress-card{border:1px solid rgba(201,168,76,0.26);border-radius:14px;background:rgba(201,168,76,0.1);padding:10px 12px;display:flex;flex-direction:column;gap:5px;text-align:left;min-height:124px;color:inherit}button.explore-progress-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}.explore-progress-card.tracker{background:rgba(13,27,42,0.05);border-color:rgba(13,27,42,0.12)}[data-theme=dark] .explore-progress-card{background:rgba(201,168,76,0.14);border-color:rgba(201,168,76,0.34)}[data-theme=dark] .explore-progress-card.tracker{background:rgba(125,155,184,0.12);border-color:rgba(125,155,184,0.3)}.explore-card-kicker{font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-secondary, #4a6a8a);font-weight:600}.explore-card-title{font-size:15px;line-height:1.2;color:var(--text-primary, #0d1b2a);font-weight:700}.explore-card-subtitle,.explore-card-meta{font-size:12px;color:var(--text-secondary, #4a6a8a)}.explore-progress-bar{width:100%;height:5px;border-radius:999px;background:rgba(13,27,42,0.12);overflow:hidden;margin-top:auto}.explore-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#c9a84c,#d4b866)}[data-theme=dark] .explore-card-kicker,[data-theme=dark] .explore-card-subtitle,[data-theme=dark] .explore-card-meta{color:#9fb3c7}[data-theme=dark] .explore-card-title{color:#f2e7c8}[data-theme=dark] .explore-progress-bar{background:rgba(255,255,255,0.16)}.explore-search-wrap{flex-shrink:0;position:relative;padding:0 12px 10px}.explore-search-input{width:100%;border:1px solid rgba(201,168,76,0.22);border-radius:12px;padding:10px 36px 10px 12px;font-size:15px;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;color:var(--text-primary, #0d1b2a);background:rgba(255,255,255,0.92)}.explore-search-input:focus{outline:none;border-color:rgba(201,168,76,0.56);box-shadow:0 0 0 2px rgba(201,168,76,0.16)}[data-theme=dark] .explore-search-input{background:rgba(8,20,32,0.92);border-color:rgba(201,168,76,0.26);color:#f2e7c8}.explore-search-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;border-radius:50%;background:rgba(13,27,42,0.09);color:var(--text-secondary, #4a6a8a);font-size:18px;line-height:1;cursor:pointer}[data-theme=dark] .explore-search-clear{background:rgba(255,255,255,0.14);color:#d7c89c}.explore-tab-pane{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 12px calc(18px + env(safe-area-inset-bottom,0px))}.explore-pane-content{min-height:100%}.explore-section-hint{margin:2px 2px 10px;color:var(--text-secondary, #4a6a8a);font-size:12px;font-weight:500}.explore-continent-group{margin-bottom:14px}.explore-continent-header{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px 6px}.explore-continent-header h2{margin:0;font-size:14px;font-weight:700;color:var(--text-primary, #0d1b2a)}.explore-continent-header span{font-size:12px;color:var(--text-secondary, #4a6a8a)}.explore-country-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.explore-country-item{border:1px solid rgba(201,168,76,0.18);border-radius:12px;overflow:hidden;background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.72))}[data-theme=dark] .explore-country-item{background:rgba(8,20,32,0.78);border-color:rgba(201,168,76,0.2)}.explore-country-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;cursor:pointer}.explore-country-toggle input{width:18px;height:18px;flex-shrink:0}.explore-country-toggle.is-visited{background:var(--explore-country-bg, rgba(201, 168, 76, 0.12));box-shadow:inset 2px 0 0 var(--explore-country-accent, #c9a84c)}.explore-country-name{flex:1;color:var(--text-primary, #0d1b2a);font-size:14px;font-weight:600;min-width:0}.explore-country-continent{font-size:11px;color:var(--text-secondary, #4a6a8a);background:rgba(13,27,42,0.08);border-radius:999px;padding:3px 8px;white-space:nowrap}.explore-country-action{width:calc(100% - 16px);margin:0 8px 8px;border:1px solid rgba(201,168,76,0.32);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;background:rgba(201,168,76,0.12);color:#8f6f17;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}[data-theme=dark] .explore-country-name,[data-theme=dark] .explore-continent-header h2{color:#f2e7c8}[data-theme=dark] .explore-country-continent,[data-theme=dark] .explore-continent-header span,[data-theme=dark] .explore-section-hint{color:#9fb3c7;background:rgba(255,255,255,0.08)}[data-theme=dark] .explore-country-action{color:#efdda6;border-color:rgba(201,168,76,0.42);background:rgba(201,168,76,0.18)}.explore-tracker-grid{display:flex;flex-direction:column;gap:8px}.explore-tracker-card{width:100%;border:1px solid rgba(201,168,76,0.2);border-radius:12px;background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.72));padding:10px 12px;display:flex;flex-direction:column;gap:10px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}[data-theme=dark] .explore-tracker-card{background:rgba(8,20,32,0.8);border-color:rgba(201,168,76,0.24)}.explore-tracker-head{display:flex;align-items:center;gap:10px}.explore-tracker-flag{font-size:20px;line-height:1}.explore-tracker-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.explore-tracker-name{font-size:15px;font-weight:700;color:var(--text-primary, #0d1b2a)}.explore-tracker-subtitle{font-size:12px;color:var(--text-secondary, #4a6a8a)}.explore-tracker-pct{font-size:15px;font-weight:700;color:var(--tab-active, #c9a84c)}.explore-tracker-bar{width:100%;height:6px;border-radius:999px;overflow:hidden;background:rgba(13,27,42,0.12)}.explore-tracker-fill{height:100%;border-radius:inherit}[data-theme=dark] .explore-tracker-name{color:#f2e7c8}[data-theme=dark] .explore-tracker-subtitle{color:#9fb3c7}[data-theme=dark] .explore-tracker-bar{background:rgba(255,255,255,0.15)}[data-theme=dark] .explore-large-title{color:#f2e7c8}[data-theme=dark] .explore-large-subtitle{color:#9fb3c7}.explore-empty{margin:16px 4px;color:var(--text-secondary, #4a6a8a);font-size:14px;text-align:center}@media(max-width:360px){.explore-progress-cards{grid-template-columns:1fr}.explore-progress-card{min-height:0}}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#1a1a2e;color:#fff;font-size:0.85rem;font-weight:500;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.offline-indicator-ready{background:#2f6b3b}.offline-indicator-icon{font-size:1rem}.landing{min-height:100dvh;background:linear-gradient(160deg,#fdf8ee 0%,#f7edce 60%,#ede0b8 100%);font-family:"Inter",sans-serif;color:var(--text-primary, #0d1b2a)}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid rgba(201,168,76,0.2)}.landing-nav-logo{display:flex;align-items:center;gap:10px;font-family:"Playfair Display",serif;font-size:17px;font-weight:700;color:var(--text-primary, #0d1b2a)}.landing-nav-logo-icon{width:28px;height:28px;background:#0d1b2a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.landing-hero{text-align:center;padding:56px 32px 48px}.landing-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#c9a84c;margin-bottom:16px}.landing-headline{font-family:"Playfair Display",serif;font-size:clamp(28px,5vw,48px);font-weight:700;line-height:1.2;color:var(--text-primary, #0d1b2a);margin-bottom:16px}.landing-sub{font-size:15px;line-height:1.7;color:var(--text-tertiary, #4a6a8a);max-width:520px;margin:0 auto 32px}.landing-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.landing-stat{background:rgba(201,168,76,0.14);border:1px solid rgba(201,168,76,0.35);border-radius:12px;padding:12px 20px;min-width:80px;text-align:center}.landing-stat-number{font-size:22px;font-weight:700;color:#c9a84c;line-height:1;margin-bottom:4px}.landing-stat-label{font-size:10px;color:var(--text-tertiary, #4a6a8a);white-space:nowrap}.landing-cta-btn{background:#0d1b2a;color:#c9a84c;font-size:14px;font-weight:700;padding:14px 32px;border-radius:32px;border:none;cursor:pointer;letter-spacing:0.4px;transition:opacity 0.15s}.landing-cta-btn:hover{opacity:0.85}.landing-cta-btn:disabled{opacity:0.5;cursor:not-allowed}.landing-google-btn-container{margin-top:16px;display:flex;justify-content:center;min-height:44px}.landing-guest-btn{background:none;border:none;color:var(--text-tertiary, #4a6a8a);font-size:13px;cursor:pointer;margin-top:12px;text-decoration:underline;text-underline-offset:3px;padding:4px 8px;transition:color 0.15s}.landing-guest-btn:hover{color:var(--text-secondary, #1b3a5c)}.landing-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.3),transparent);margin:0 32px}.landing-features{padding:48px 32px}.landing-section-eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#c9a84c;text-align:center;margin-bottom:8px}.landing-section-title{font-family:"Playfair Display",serif;font-size:22px;font-weight:700;text-align:center;margin-bottom:28px;color:var(--text-primary, #0d1b2a)}.landing-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:820px;margin:0 auto}.landing-feature-card{background:rgba(255,248,220,0.6);border:1px solid rgba(201,168,76,0.2);border-radius:12px;padding:20px}.landing-feature-icon{font-size:24px;margin-bottom:10px}.landing-feature-title{font-weight:700;font-size:14px;margin-bottom:6px;color:var(--text-primary, #0d1b2a)}.landing-feature-desc{font-size:12px;line-height:1.6;color:var(--text-tertiary, #4a6a8a)}.landing-closing{text-align:center;padding:48px 32px 56px}.landing-closing-title{font-family:"Playfair Display",serif;font-size:22px;font-weight:700;margin-bottom:10px;color:var(--text-primary, #0d1b2a)}.landing-closing-sub{font-size:13px;color:var(--text-tertiary, #4a6a8a);margin-bottom:24px}@media(max-width:480px){.landing-nav{padding:14px 20px}.landing-hero{padding:40px 20px 36px}.landing-features{padding:36px 20px}.landing-closing{padding:36px 20px 48px}.landing-divider{margin:0 20px}}.install-prompt{position:fixed;left:12px;right:12px;bottom:calc(var(--tab-bar-safe-height, 80px) + 12px);z-index:9998;animation:slideUp 0.3s ease-out}.install-prompt-content{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;background:var(--glass-bg, rgba(255, 255, 255, 0.96));border:1px solid var(--glass-border, rgba(0, 0, 0, 0.1));border-radius:18px;box-shadow:0 14px 36px rgba(0,0,0,0.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.install-prompt-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0}.install-prompt-body{min-width:0;display:flex;flex-direction:column;gap:10px}.install-prompt-text{display:flex;flex-direction:column;gap:4px}.install-prompt-text strong{font-size:0.95rem;line-height:1.25;color:var(--text-primary, #1a1a1a);font-weight:700}.install-prompt-text span{font-size:0.8rem;line-height:1.35;color:var(--text-secondary, #666)}.install-prompt-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--text-primary, #1f1f1f);font-size:0.8rem;line-height:1.35}.install-prompt-actions{grid-column:1 / -1;display:flex;gap:8px;align-items:center}.install-prompt-btn{border:none;cursor:pointer;font-weight:600;transition:opacity 0.15s ease,transform 0.15s ease}.install-prompt-btn:hover{opacity:0.9;transform:translateY(-1px)}.install-prompt-install,.install-prompt-ios{flex:1;padding:10px 14px;border-radius:10px;background:#c07a30;color:#fff;font-size:0.86rem}.install-prompt-dismiss{padding:10px 12px;border-radius:10px;background:rgba(0,0,0,0.06);color:var(--text-secondary, #666);font-size:0.82rem;white-space:nowrap}@keyframes slideUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.dark .install-prompt-content{background:rgba(30,30,40,0.96);border-color:rgba(255,255,255,0.1)}.dark .install-prompt-text strong,.dark .install-prompt-steps{color:#f6f6f6}.dark .install-prompt-text span,.dark .install-prompt-dismiss{color:rgba(255,255,255,0.75)}.dark .install-prompt-dismiss{background:rgba(255,255,255,0.08)}@media(min-width:769px){.install-prompt{display:none}}.gs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9900;background:rgba(0,0,0,0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(48px,12vh,120px);padding-left:16px;padding-right:16px;animation:gs-fade-in 120ms ease}@keyframes gs-fade-in{from{opacity:0}to{opacity:1}}.gs-modal{width:100%;max-width:560px;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow-elevated);overflow:hidden;animation:gs-slide-in 150ms cubic-bezier(0.34,1.2,0.64,1);display:flex;flex-direction:column;max-height:min(80vh,600px)}@keyframes gs-slide-in{from{opacity:0;transform:translateY(-8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gs-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--divider);flex-shrink:0}.gs-input-icon{font-size:16px;opacity:0.6;flex-shrink:0}.gs-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:inherit;caret-color:var(--text-primary)}.gs-input::placeholder{color:var(--text-muted)}.gs-clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px;line-height:1;transition:color 150ms}.gs-clear-btn:hover{color:var(--text-primary)}.gs-results{overflow-y:auto;flex:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.gs-group{padding:6px 0;border-bottom:1px solid var(--divider)}.gs-group:last-child{border-bottom:none}.gs-group-header{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 2px;font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}.gs-clear-recent{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:11px;padding:0;transition:color 150ms}.gs-clear-recent:hover{color:var(--text-primary)}.gs-result-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background 100ms}.gs-result-item:hover,.gs-result-item--active{background:var(--hover-bg)}.gs-recent-item{opacity:0.85}.gs-result-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.gs-recent-icon{font-size:13px;opacity:0.5}.gs-result-text{display:flex;flex-direction:column;gap:1px;min-width:0}.gs-result-label{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-result-sublabel{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-status{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px}.gs-status--hint{opacity:0.7}.gs-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--divider);flex-shrink:0}.gs-footer span{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.gs-footer kbd{display:inline-block;padding:1px 5px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;font-family:inherit;font-size:10px;color:var(--text-tertiary)}@media(max-width:640px){.gs-backdrop{padding-top:0;padding-left:0;padding-right:0;align-items:flex-start}.gs-modal{width:100%;max-width:100%;border-radius:0 0 16px 16px;max-height:80vh}.gs-footer{display:none}}@media(prefers-reduced-motion:reduce){.gs-backdrop,.gs-modal,.gs-clear-btn,.gs-clear-recent,.gs-result-item{animation:none;transition:none}}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:8px 16px;background:var(--bg, #fff);color:var(--text, #1a1a1a);border:2px solid var(--accent, #c9a84c);border-radius:0 0 4px 0;font-size:0.875rem;font-weight:600;text-decoration:none;white-space:nowrap}.skip-link:focus{top:0;outline:none}:root{--glass-bg: rgba(255, 248, 220, 0.28);--glass-bg-heavy: rgba(255, 248, 220, 0.52);--glass-bg-subtle: rgba(255, 248, 220, 0.14);--glass-border: rgba(201, 168, 76, 0.35);--glass-border-subtle: rgba(201, 168, 76, 0.18);--glass-highlight: rgba(255, 248, 220, 0.70);--glass-blur: 16px;--glass-blur-heavy: 24px;--glass-blur-light: 10px;--glass-shadow: 0 8px 32px rgba(13, 27, 42, 0.08);--glass-shadow-elevated: 0 12px 40px rgba(13, 27, 42, 0.12);--glass-specular: inset 1px 1px 0 rgba(255, 248, 220, 0.60), inset 0 0 8px rgba(201, 168, 76, 0.12);--glass-specular-strong: inset 1px 1px 0 rgba(255, 248, 220, 0.80), inset 0 0 12px rgba(201, 168, 76, 0.18);--glass-hover-glow: 0 0 20px rgba(201, 168, 76, 0.25);--body-bg: linear-gradient(135deg, #fdf8ee 0%, #f7edce 40%, #ede0b8 100%);--text-primary: #0d1b2a;--text-secondary: #1b3a5c;--text-tertiary: #4a6a8a;--text-muted: #8a9aaa;--text-on-glass: #0d1b2a;--bar-track: rgba(13, 27, 42, 0.08);--divider: rgba(201, 168, 76, 0.30);--input-bg: rgba(255, 248, 220, 0.40);--hover-bg: rgba(255, 248, 220, 0.30)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--body-bg);background-attachment:fixed;color:var(--text-on-glass);transition:background 0.4s ease,color 0.4s ease}.app{display:flex;height:100%;width:100%}.sidebar{width:340px;min-width:340px;height:100%;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--glass-specular),var(--glass-shadow-elevated);z-index:1000;transition:background 0.4s ease,border-color 0.4s ease,box-shadow 0.4s ease}.sidebar-mobile-summary{display:none}.sidebar-mobile-chrome{display:block}.sidebar-header{padding:18px 20px 14px;border-bottom:1px solid var(--divider);background:var(--glass-bg-subtle)}.sidebar-header-top{display:flex;align-items:center;gap:10px}.sidebar-title-group{flex:1;min-width:0}.sidebar-title{font-family:"Playfair Display",Georgia,serif;font-size:1.2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px;letter-spacing:-0.01em}.theme-toggle{border:none;background:var(--glass-bg-subtle);font-size:1rem;cursor:pointer;padding:5px;border-radius:8px;transition:all 0.2s;line-height:1;border:1px solid var(--glass-border-subtle)}.theme-toggle:hover{background:var(--hover-bg);box-shadow:var(--glass-hover-glow)}.sidebar-logo{width:28px;height:28px;flex-shrink:0;border-radius:7px;box-shadow:0 1px 4px rgba(0,0,0,0.18)}.sidebar-subtitle{font-size:0.72rem;color:var(--text-muted);margin-top:1px;letter-spacing:0.02em}.auth-section{padding:10px 20px;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:10px;min-height:48px;background:var(--glass-bg-subtle);transition:background 0.4s ease,border-color 0.4s ease}.auth-user{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.auth-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.auth-name{font-size:0.82rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-logout{border:none;background:transparent;color:var(--text-muted);font-size:0.75rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all 0.15s;flex-shrink:0}.auth-logout:hover{background:rgba(211,47,47,0.15);color:#d32f2f}.auth-loading{font-size:0.82rem;color:var(--text-muted)}.auth-error{font-size:0.75rem;color:#d32f2f;margin-top:4px}.google-btn-wrapper{display:flex;justify-content:center;width:100%}.city-search{padding:10px 16px;position:relative}.search-input-wrapper{display:flex;align-items:center;background:var(--input-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:0 10px;border:1px solid var(--glass-border-subtle);transition:all 0.25s;box-shadow:var(--glass-specular)}.search-input-wrapper:focus-within{border-color:var(--glass-border);background:var(--glass-bg-heavy);box-shadow:var(--glass-specular),var(--glass-hover-glow)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;padding:8px 8px;font-size:0.85rem;color:var(--text-primary);outline:none;font-family:inherit;min-width:0}.search-input::placeholder{color:var(--text-muted)}.search-spinner{width:14px;height:14px;border:2px solid var(--glass-border-subtle);border-top-color:var(--text-tertiary);border-radius:50%;animation:spin 0.6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.search-results{position:absolute;left:16px;right:16px;top:48px;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-specular),var(--glass-shadow-elevated);z-index:100;list-style:none;max-height:220px;overflow-y:auto}.search-result-btn{display:flex;flex-direction:column;width:100%;padding:8px 12px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:background 0.15s}.search-result-btn:hover{background:var(--hover-bg)}.search-result-btn.selected{background:var(--hover-bg)}.result-name{font-size:0.85rem;font-weight:600;color:var(--text-primary)}.result-detail{font-size:0.72rem;color:var(--text-muted);margin-top:1px;display:flex;align-items:center;gap:6px}.result-type{display:inline-block;font-size:0.62rem;text-transform:capitalize;padding:1px 5px;border-radius:4px;background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border);white-space:nowrap}@media(max-width:768px){.search-results{max-height:40vh}.search-result-btn{min-height:44px}}.search-message{margin-top:6px;padding:6px 10px;border-radius:8px;font-size:0.78rem;line-height:1.3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-message--success{background:rgba(201,168,76,0.15);color:#c9a84c;border:1px solid rgba(201,168,76,0.25)}.search-message--info{background:rgba(201,168,76,0.15);color:#a08030;border:1px solid rgba(201,168,76,0.25)}.search-message--warn{background:rgba(211,84,0,0.15);color:#d35400;border:1px solid rgba(211,84,0,0.25)}.country-tabs{display:flex;gap:0;padding:0;border-bottom:1px solid var(--divider);background:var(--glass-bg-subtle);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;transition:background 0.4s ease,border-color 0.4s ease;-ms-overflow-style:none}.country-tabs::-webkit-scrollbar{display:none}.country-tab{flex:1 0 auto;min-width:48px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px 6px;border:none;background:transparent;cursor:pointer;font-size:0.6rem;color:var(--text-muted);font-weight:500;transition:all 0.25s;border-bottom:2px solid transparent;position:relative}.country-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.country-tab.active{color:var(--text-primary);font-weight:700;border-bottom-color:var(--text-primary);background:var(--glass-bg)}[data-theme=dark] .country-tab.active{box-shadow:0 2px 12px rgba(201,168,76,0.15);text-shadow:0 1px 3px rgba(0,0,0,0.3)}.tab-flag{font-size:1.4rem;line-height:1}.tab-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.floating-stats{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;padding:16px 28px;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-radius:18px;text-align:center;border:1px solid var(--glass-border);box-shadow:var(--glass-specular-strong),var(--glass-shadow-elevated);min-width:220px;pointer-events:auto;transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.4s ease}.floating-stats:hover{transform:translateX(-50%) translateY(-3px);box-shadow:var(--glass-specular-strong),0 16px 48px rgba(0,0,0,0.15),0 0 24px rgba(201,168,76,0.08)}.stats-card{padding:16px 20px;margin:12px 20px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:14px;text-align:center;border:1px solid var(--glass-border);box-shadow:var(--glass-specular),var(--glass-shadow)}.stats-numbers{font-family:"Playfair Display",Georgia,serif;font-size:2.2rem;font-weight:700;color:var(--text-primary);text-shadow:0 1px 2px rgba(255,255,255,0.2)}.stats-separator{color:var(--text-muted);margin:0 2px}.stats-total{color:var(--text-muted)}.stats-label{font-size:0.78rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.progress-bar{height:8px;background:var(--bar-track);border-radius:4px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;border-radius:4px;transition:width 0.4s ease;position:relative;overflow:hidden}.progress-fill::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.stats-pct{font-size:0.85rem;font-weight:600;margin-top:4px}.world-sidebar-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.15) transparent}.world-sidebar-content::-webkit-scrollbar{width:6px}.world-sidebar-content::-webkit-scrollbar-track{background:transparent}.world-sidebar-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:3px}.world-sidebar-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.25)}[data-theme=dark] .world-sidebar-content{scrollbar-color:rgba(255,255,255,0.15) transparent}[data-theme=dark] .world-sidebar-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15)}[data-theme=dark] .world-sidebar-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}.canton-list{flex:1;overflow-y:auto;padding:0 20px 12px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.15) transparent}.canton-list::-webkit-scrollbar{width:6px}.canton-list::-webkit-scrollbar-track{background:transparent}.canton-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:3px}.canton-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.25)}[data-theme=dark] .canton-list{scrollbar-color:rgba(255,255,255,0.15) transparent}[data-theme=dark] .canton-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15)}[data-theme=dark] .canton-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}.list-heading{font-size:0.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;padding-top:6px;font-weight:600}.canton-list ul{list-style:none}.canton-item{margin-bottom:1px}.canton-label{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border-left:2px solid transparent;cursor:pointer;transition:all 0.2s;font-size:0.84rem}.canton-label:hover{background:var(--hover-bg);border-left-color:var(--glass-border)}.canton-label.visited{background:var(--visit-bg, rgba(201, 168, 76, 0.15));border:1px solid rgba(201,168,76,0.2);border-left:2px solid var(--visit-color, #c9a84c)}.canton-label.visited:hover{background:var(--visit-bg-hover, rgba(201, 168, 76, 0.25))}.canton-label input[type=checkbox]{width:15px;height:15px;cursor:pointer;flex-shrink:0;border-radius:4px}.canton-abbr{font-weight:700;font-size:0.78rem;color:var(--text-tertiary);width:32px;text-align:center;flex-shrink:0}.canton-name{color:var(--text-primary)}.canton-label.visited .canton-name{color:var(--visit-color, #c9a84c);font-weight:500}.reset-btn{margin:8px 16px 12px;padding:8px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));color:#d32f2f;border:1px solid rgba(211,47,47,0.3);border-radius:8px;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.25s;box-shadow:var(--glass-specular)}.reset-btn:hover{background:rgba(211,47,47,0.8);color:#fff;border-color:rgba(211,47,47,0.6);box-shadow:0 0 20px rgba(211,47,47,0.25)}.map-container{flex:1;height:100%;position:relative}.swiss-map{width:100%;height:100%}.swiss-map .leaflet-overlay-pane svg{shape-rendering:geometricPrecision}.leaflet-interactive{transition:fill-opacity 0.15s ease,stroke-width 0.15s ease}.canton-tooltip{background:rgba(15,20,40,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:6px 12px;font-size:0.85rem;font-weight:500;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.1),0 4px 16px rgba(0,0,0,0.2)}.canton-tooltip::before{border-top-color:rgba(15,20,40,0.7)!important}.overall-progress{border-bottom:1px solid var(--divider)}.overall-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 20px;border:none;background:transparent;cursor:pointer;font-family:inherit;transition:background 0.2s}.overall-toggle:hover{background:var(--hover-bg)}.overall-summary{display:flex;flex-direction:column;align-items:flex-start;min-width:52px}.overall-label{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.8px;color:var(--text-muted)}.overall-nums{font-size:0.82rem;font-weight:700;color:var(--text-primary)}.overall-bar{flex:1;height:6px;background:var(--bar-track);border-radius:3px;overflow:hidden}.overall-bar-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#d4b866,#f4d47a);border-radius:3px;transition:width 0.4s ease;position:relative;overflow:hidden}.overall-bar-fill::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite}.overall-pct{font-size:0.78rem;font-weight:600;color:#d4b866;min-width:30px;text-align:right}.overall-chevron{font-size:0.7rem;color:var(--text-muted);transition:transform 0.2s}.overall-chevron.open{transform:rotate(180deg)}.overall-detail{padding:0 20px 8px}.overall-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:0.78rem}.overall-row-flag{font-size:0.9rem}.overall-row-name{min-width:60px;color:var(--text-tertiary);font-size:0.72rem}.overall-row-bar{flex:1;height:4px;background:var(--bar-track);border-radius:2px;overflow:hidden}.overall-row-bar-fill{height:100%;border-radius:2px;transition:width 0.4s ease}.overall-row-nums{font-size:0.72rem;font-weight:600;color:var(--text-tertiary);min-width:28px;text-align:right}.export-btn{position:absolute;top:12px;right:12px;z-index:1000;width:38px;height:38px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-specular),var(--glass-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all 0.25s}.export-btn:hover{background:var(--glass-bg-heavy);transform:scale(1.08);box-shadow:var(--glass-specular-strong),var(--glass-hover-glow)}.map-action-buttons{position:absolute;top:12px;right:12px;z-index:1000;display:flex;flex-direction:column;gap:8px}.map-action-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-specular),var(--glass-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all 0.25s}.map-action-btn:hover{transform:scale(1.08);box-shadow:var(--glass-specular-strong),var(--glass-hover-glow)}.export-spinner{width:16px;height:16px;border:2px solid var(--glass-border-subtle);border-top-color:var(--text-primary);border-radius:50%;animation:spin 0.6s linear infinite}.date-tag{margin-left:auto;font-size:0.68rem;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:6px;border:1px dashed var(--glass-border-subtle);transition:all 0.15s;white-space:nowrap;flex-shrink:0}.date-tag:hover{border-color:var(--text-tertiary);color:var(--text-primary);background:var(--glass-bg-subtle)}.canton-label.visited .date-tag{border-color:var(--visit-color, #c9a84c);color:var(--visit-color, #c9a84c);border-style:solid;opacity:0.7}.date-input{margin-left:auto;font-size:0.72rem;padding:2px 4px;border:1px solid var(--glass-border);border-radius:6px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);font-family:inherit;flex-shrink:0;max-width:110px}.achievements{border-bottom:1px solid var(--divider)}.achievements-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 20px;border:none;background:transparent;cursor:pointer;font-family:inherit;transition:background 0.2s}.achievements-toggle:hover{background:var(--hover-bg)}.achievements-label{font-size:0.78rem;font-weight:600;color:var(--text-primary);flex:1;text-align:left}.achievements-count{font-size:0.72rem;color:var(--text-muted);font-weight:600}.achievements-modal{max-width:600px}.achievements-modal-body{padding:8px 0;max-height:65vh;overflow-y:auto}.achievement-category{padding:0 24px 12px}.achievement-cat-heading{display:flex;align-items:center;justify-content:space-between;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#4a5568;padding:10px 0 6px;border-bottom:1px solid rgba(0,0,0,0.08);margin-bottom:8px}.achievement-cat-count{font-size:0.72rem;font-weight:600;color:#718096}.achievements-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.achievement-badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 4px;border-radius:10px;border:1px solid rgba(0,0,0,0.06);background:rgba(255,255,255,0.45);transition:all 0.25s}.achievement-badge.unlocked{background:rgba(201,168,76,0.18);border-color:rgba(201,168,76,0.35)}.achievement-badge.locked{opacity:0.4;filter:grayscale(1)}.badge-icon{font-size:1.3rem;line-height:1}.badge-title{font-size:0.68rem;font-weight:700;color:#2c3e50;margin-top:3px}.badge-desc{font-size:0.6rem;color:var(--text-muted);margin-top:1px}.badge-progress{width:100%;margin-top:5px;padding:0 2px}.progress-bar-track{height:5px;background:var(--bar-track);border-radius:3px;overflow:hidden;margin-top:2px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#a08030);border-radius:3px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);min-width:0}.achievement-badge.unlocked .progress-bar-fill{background:linear-gradient(90deg,#c9a84c,#d4b866)}.achievement-badge.in-progress{opacity:1;filter:none;border-color:rgba(201,168,76,0.3);background:rgba(201,168,76,0.06)}.progress-text{font-size:0.62rem;font-weight:600;color:var(--text-tertiary);margin-top:2px;display:block}.progress-done{color:#d4b866;font-size:0.7rem;margin-top:4px}.sidebar-kofi-link{display:block;text-align:center;padding:8px 16px;font-size:12px;color:var(--text-tertiary);text-decoration:none;border-top:1px solid var(--divider);transition:color 120ms ease;flex-shrink:0}.sidebar-kofi-link:hover{color:var(--text-secondary)}.kofi-fab{position:fixed;bottom:calc(var(--sheet-height, 20vh) + var(--tab-bar-safe-height, 56px) + 12px);left:16px;z-index:2100;display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:20px;background:var(--glass-bg-heavy, rgba(255, 248, 240, 0.88));backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--glass-border, rgba(201, 168, 76, 0.25));box-shadow:0 2px 12px rgba(13,27,42,0.15);font-size:14px;color:var(--text-secondary);text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 120ms ease,box-shadow 120ms ease}.kofi-fab:active{transform:scale(0.94);box-shadow:0 1px 6px rgba(13,27,42,0.1)}.dark .kofi-fab{background:rgba(5,14,24,0.88);border-color:rgba(201,168,76,0.2)}.sidebar-settings-footer{border-top:1px solid var(--divider);flex-shrink:0;max-height:min(50vh,240px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.15) transparent}.sidebar-settings-footer::-webkit-scrollbar{width:6px}.sidebar-settings-footer::-webkit-scrollbar-track{background:transparent}.sidebar-settings-footer::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:3px}.sidebar-settings-footer::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.25)}[data-theme=dark] .sidebar-settings-footer{scrollbar-color:rgba(255,255,255,0.15) transparent}[data-theme=dark] .sidebar-settings-footer::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15)}[data-theme=dark] .sidebar-settings-footer::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}.sidebar-settings-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;transition:color 150ms,background 150ms}.sidebar-settings-toggle:hover{color:var(--text-primary);background:var(--hover-bg)}.sidebar-settings-toggle.is-open{color:var(--text-secondary)}.sidebar-settings-toggle-label{display:flex;align-items:center;gap:6px}.sidebar-settings-toggle-arrow{font-size:9px;opacity:0.6}.sidebar-footer{display:flex;gap:6px;padding:8px 16px 4px}.sidebar-footer-secondary{padding:0 16px 12px}.reset-all-btn{width:100%;padding:8px;background:transparent;color:var(--text-muted);border:1px dashed var(--glass-border-subtle);border-radius:8px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s;font-family:inherit}.reset-all-btn:hover{color:#d32f2f;border-color:rgba(211,47,47,0.3);border-style:solid;background:rgba(211,47,47,0.06)}.share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:rgba(15,20,40,0.6);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff;border:1px solid rgba(255,255,255,0.12);border-radius:10px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.25s;font-family:inherit;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.1),0 4px 16px rgba(0,0,0,0.15)}.share-btn:hover{background:rgba(15,20,40,0.75);box-shadow:inset 1px 1px 0 rgba(255,255,255,0.15),0 0 20px rgba(102,126,234,0.3);transform:translateY(-1px)}.sidebar-footer .reset-btn{flex:1;margin:0}.share-banner{position:fixed;top:0;left:0;right:0;z-index:2000;background:rgba(15,20,40,0.65);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff;text-align:center;padding:8px 16px;font-size:0.85rem;border-bottom:1px solid rgba(255,255,255,0.1);box-shadow:inset 0 -1px 0 rgba(255,255,255,0.08),0 4px 20px rgba(0,0,0,0.15)}.share-banner-btn{margin-left:8px;padding:2px 12px;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);color:#fff;border-radius:6px;cursor:pointer;font-size:0.8rem;font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all 0.2s}.share-banner-btn:hover{background:rgba(255,255,255,0.2);box-shadow:0 0 12px rgba(255,255,255,0.15)}[data-theme=dark]{--glass-bg: rgba(13, 27, 42, 0.55);--glass-bg-heavy: rgba(13, 27, 42, 0.78);--glass-bg-subtle: rgba(13, 27, 42, 0.30);--glass-border: rgba(201, 168, 76, 0.22);--glass-border-subtle: rgba(201, 168, 76, 0.12);--glass-highlight: rgba(201, 168, 76, 0.08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);--glass-shadow-elevated: 0 12px 40px rgba(0, 0, 0, 0.55);--glass-specular: inset 1px 1px 0 rgba(201, 168, 76, 0.14), inset 0 0 8px rgba(201, 168, 76, 0.06);--glass-specular-strong: inset 1px 1px 0 rgba(201, 168, 76, 0.20), inset 0 0 12px rgba(201, 168, 76, 0.10);--glass-hover-glow: 0 0 20px rgba(201, 168, 76, 0.18);--body-bg: linear-gradient(135deg, #050e18 0%, #0d1b2a 40%, #112236 100%);--text-primary: #e8d5a3;--text-secondary: #b8a870;--text-tertiary: #7a8a9a;--text-muted: #4a5a6a;--text-on-glass: #e8d5a3;--bar-track: rgba(201, 168, 76, 0.10);--divider: rgba(201, 168, 76, 0.16);--input-bg: rgba(5, 14, 24, 0.60);--hover-bg: rgba(27, 58, 92, 0.45)}[data-theme=dark] body{color:#e8d5a3}[data-theme=dark] .sidebar-title{text-shadow:0 1px 3px rgba(0,0,0,0.4)}[data-theme=dark] .search-input-wrapper:focus-within{border-color:rgba(201,168,76,0.4);box-shadow:var(--glass-specular),0 0 15px rgba(201,168,76,0.15)}[data-theme=dark] .stats-numbers{text-shadow:0 1px 3px rgba(0,0,0,0.3)}[data-theme=dark] .canton-label.visited{border-color:rgba(201,168,76,0.15)}[data-theme=dark] .canton-label.visited:hover{background:var(--visit-bg-hover, rgba(201, 168, 76, 0.2))}[data-theme=dark] .reset-btn{color:#e74c3c;border-color:rgba(231,76,60,0.3)}[data-theme=dark] .reset-btn:hover{background:rgba(231,76,60,0.75);color:#fff;box-shadow:0 0 20px rgba(231,76,60,0.2)}[data-theme=dark] .date-input{color:#ecf0f1}[data-theme=dark] .canton-tooltip{background:rgba(10,14,30,0.8);border-color:rgba(255,255,255,0.1)}[data-theme=dark] .canton-tooltip::before{border-top-color:rgba(10,14,30,0.8)!important}[data-theme=dark] .share-btn{background:rgba(10,14,30,0.6);border-color:rgba(255,255,255,0.08)}[data-theme=dark] .share-btn:hover{background:rgba(10,14,30,0.75);box-shadow:inset 1px 1px 0 rgba(255,255,255,0.1),0 0 20px rgba(118,75,162,0.25)}[data-theme=dark] .achievement-badge.unlocked{background:rgba(201,168,76,0.1);border-color:rgba(201,168,76,0.2)}[data-theme=dark] .note-textarea{background:var(--input-bg);color:#ecf0f1;border-color:var(--glass-border)}[data-theme=dark] .note-preview{color:var(--text-tertiary)}[data-theme=dark] .borough-heading{color:var(--text-muted);border-bottom-color:var(--divider)}[data-theme=dark] .achievement-cat-heading{color:#8e99a4;border-bottom-color:rgba(255,255,255,0.1)}[data-theme=dark] .search-message--success{background:rgba(201,168,76,0.1);border-color:rgba(201,168,76,0.15)}[data-theme=dark] .search-message--info{background:rgba(201,168,76,0.1);border-color:rgba(201,168,76,0.15)}[data-theme=dark] .search-message--warn{background:rgba(211,84,0,0.1);border-color:rgba(211,84,0,0.15)}[data-theme=dark] .modal-content{background:var(--glass-bg-heavy)}[data-theme=dark] .modal-header h2{color:#ecf0f1}[data-theme=dark] .stats-bar-label,[data-theme=dark] .stats-highlight,[data-theme=dark] .timeline-region{color:#ecf0f1}[data-theme=dark] .stats-summary-num{color:#ecf0f1}[data-theme=dark] .stats-bar-value{color:#8e99a4}[data-theme=dark] .stats-bar-track{background:rgba(255,255,255,0.1)}[data-theme=dark] .badge-title{color:#ecf0f1}[data-theme=dark] .achievement-badge{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08)}[data-theme=dark] .achievement-badge.unlocked{background:rgba(201,168,76,0.15);border-color:rgba(201,168,76,0.25)}[data-theme=dark] .achievement-badge.in-progress{background:rgba(201,168,76,0.1);border-color:rgba(201,168,76,0.2)}[data-theme=dark] .progress-bar-track{background:rgba(255,255,255,0.1)}[data-theme=dark] .progress-text{color:#8e99a4}[data-theme=dark] .geo-card{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08)}[data-theme=dark] .geo-card-value{color:#ecf0f1}[data-theme=dark] .geo-number{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08)}[data-theme=dark] .geo-num-val{color:#ecf0f1}[data-theme=dark] .geo-fact{background:rgba(255,255,255,0.06);color:#ecf0f1;border-color:rgba(255,255,255,0.08)}[data-theme=dark] .modal-overlay{background:rgba(0,0,0,0.6)}[data-theme=dark] .auth-logout:hover{background:rgba(231,76,60,0.15)}.header-actions{display:flex;align-items:center;gap:4px}.header-icon-btn{border:none;background:transparent;cursor:pointer;padding:4px;border-radius:6px;color:var(--text-muted);transition:all 0.2s;display:flex;align-items:center}.header-icon-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.stats-card-header{display:flex;align-items:center;justify-content:center;gap:10px}.color-picker-label{position:relative;cursor:pointer;display:flex;align-items:center}.color-picker{position:absolute;opacity:0;width:0;height:0;cursor:pointer}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,0.6);box-shadow:0 2px 8px rgba(0,0,0,0.15),inset 0 1px 2px rgba(255,255,255,0.4);transition:transform 0.15s}.color-dot:hover{transform:scale(1.15)}.region-actions{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.note-icon{cursor:pointer;font-size:0.75rem;opacity:0.6;transition:opacity 0.15s}.note-icon:hover{opacity:1}.note-editor{padding:4px 10px 6px 36px}.note-textarea{width:100%;border:1px solid var(--glass-border);border-radius:8px;padding:6px 8px;font-size:0.78rem;font-family:inherit;resize:vertical;color:var(--text-primary);background:var(--input-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-height:40px}.note-textarea:focus{outline:none;border-color:var(--glass-border);box-shadow:var(--glass-hover-glow)}.note-preview{padding:2px 10px 4px 36px;font-size:0.72rem;color:var(--text-tertiary);cursor:pointer;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-preview:hover{color:var(--text-primary)}.borough-group{margin-bottom:6px}.borough-heading{display:flex;align-items:center;justify-content:space-between;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--text-tertiary);padding:8px 0 4px;border-bottom:1px solid var(--divider);margin-bottom:2px}.borough-count{font-size:0.68rem;font-weight:600;color:var(--text-muted)}.layer-control{position:absolute;top:58px;right:12px;z-index:1000}.layer-control-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-specular),var(--glass-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all 0.25s}.layer-control-btn:hover{box-shadow:var(--glass-specular-strong),var(--glass-hover-glow);transform:scale(1.05)}.layer-options{position:absolute;top:0;right:44px;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-specular),var(--glass-shadow-elevated);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;min-width:90px}.layer-option{padding:8px 14px;border:none;background:transparent;cursor:pointer;font-size:0.82rem;font-family:inherit;color:var(--text-primary);text-align:left;transition:background 0.15s}.layer-option:hover{background:var(--hover-bg)}.layer-option.active{font-weight:700;background:var(--glass-bg);color:var(--text-primary)}.map-search{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50px;z-index:1000;width:220px}.map-search-input-wrap{position:relative;display:flex;align-items:center;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:10px;box-shadow:var(--glass-specular),var(--glass-shadow);padding:0 8px}.map-search-icon{flex-shrink:0;color:var(--text-secondary);margin-right:6px}.map-search-input{flex:1;border:none;background:transparent;font-size:0.82rem;font-family:inherit;color:var(--text-primary);padding:7px 0;outline:none;min-width:0}.map-search-input::placeholder{color:var(--text-secondary);opacity:0.7}.map-search-clear{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1rem;line-height:1;padding:0 2px;opacity:0.6}.map-search-clear:hover{opacity:1}.map-search-results{list-style:none;margin:4px 0 0;padding:0;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:10px;box-shadow:var(--glass-specular),var(--glass-shadow-elevated);overflow:hidden}.map-search-result{margin:0}.map-search-result-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:transparent;cursor:pointer;font-size:0.82rem;font-family:inherit;color:var(--text-primary);text-align:left;transition:background 0.12s}.map-search-result-btn:hover,.map-search-result-btn:focus-visible,.map-search-result-btn.is-active{background:var(--hover-bg);outline:none}.map-search-result-icon{font-size:0.85rem;flex-shrink:0}.map-search-result-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fit-visited-btn{position:absolute;bottom:32px;left:12px;z-index:1000;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:10px;box-shadow:var(--glass-specular),var(--glass-shadow);padding:6px 12px;font-size:0.78rem;font-family:inherit;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all 0.2s}.fit-visited-btn:hover{box-shadow:var(--glass-specular-strong),var(--glass-hover-glow);transform:scale(1.03)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:rgba(255,255,255,0.82);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:20px;max-width:540px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--glass-specular-strong),var(--glass-shadow-elevated)}.stats-modal-embedded{max-width:none;max-height:none;border:none;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;overflow:visible}.stats-modal-embedded .yir-button-row{padding:16px 16px 0;margin-bottom:0}.stats-modal-embedded .stats-section{padding-left:16px;padding-right:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid var(--divider);flex-wrap:wrap}.swipeable-drag-strip{flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:8px 0 2px;cursor:grab;touch-action:none}.drag-handle{width:36px;height:4px;border-radius:2px;background:rgba(0,0,0,0.15);flex-basis:100%;margin:0 auto 8px;display:none}[data-theme=dark] .drag-handle{background:rgba(255,255,255,0.25)}@media(max-width:768px){.drag-handle{display:block}}.modal-header h2{font-size:1.15rem;color:#2c1f14}.modal-close{border:none;background:rgba(0,0,0,0.06);font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:all 0.15s;flex-shrink:0}.modal-close:hover{color:var(--text-primary);background:rgba(0,0,0,0.12)}.stats-section{padding:16px 24px}.stats-section h3{font-size:0.82rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px}.stats-bars{display:flex;flex-direction:column;gap:8px}.stats-bar-row{display:flex;align-items:center;gap:8px}.stats-bar-label{font-size:0.82rem;min-width:110px;color:#2c3e50}.stats-bar-track{flex:1;height:10px;background:rgba(0,0,0,0.08);border-radius:5px;overflow:hidden}.stats-bar-fill{height:100%;border-radius:5px;transition:width 0.4s ease}.stats-bar-value{font-size:0.72rem;font-weight:600;color:#4a5568;min-width:80px;text-align:right}.stats-summary{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--divider)}.stats-summary-item{flex:1;text-align:center}.stats-summary-num{font-family:"Playfair Display",Georgia,serif;display:block;font-size:1.6rem;font-weight:700;color:#2c1f14}.stats-summary-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.stats-highlight{margin-top:12px;font-size:0.85rem;color:#2c3e50;text-align:center;font-weight:500}.timeline-list{display:flex;flex-direction:column;gap:4px}.timeline-item{display:flex;align-items:center;gap:8px;font-size:0.82rem;padding:4px 0}.timeline-date{color:var(--text-muted);min-width:70px;font-size:0.75rem}.timeline-flag{font-size:0.9rem}.timeline-region{color:#2c3e50;font-weight:500}.geo-insights{display:flex;flex-direction:column;gap:14px}.geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.geo-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 8px;background:rgba(255,255,255,0.55);border-radius:12px;border:1px solid rgba(0,0,0,0.06)}.geo-card-icon{font-size:1rem;color:var(--text-muted);line-height:1}.geo-card-label{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.6px;color:var(--text-muted);margin-top:2px}.geo-card-value{font-size:0.8rem;font-weight:700;color:#2c1f14;margin-top:4px;line-height:1.2}.geo-card-sub{font-size:0.72rem;color:var(--text-tertiary);margin-top:2px}.geo-numbers{display:flex;gap:8px}.geo-number{flex:1;text-align:center;padding:8px;background:rgba(255,255,255,0.55);border-radius:10px;border:1px solid rgba(0,0,0,0.06)}.geo-num-val{display:block;font-size:1.1rem;font-weight:700;color:#2c1f14}.geo-num-label{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted)}.geo-facts{display:flex;flex-direction:column;gap:4px}.geo-fact{font-size:0.82rem;color:#2c3e50;padding:6px 10px;background:rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.06);border-radius:10px;line-height:1.3}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:2000;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-top:1px solid var(--glass-border);border-radius:20px 20px 0 0;box-shadow:0 -4px 30px rgba(0,0,0,0.15),var(--glass-specular);overflow:hidden;transition:height 0.45s cubic-bezier(0.32,0.72,0,1);will-change:height;display:flex;flex-direction:column}.sheet-handle-area{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:10px 16px 6px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.sheet-handle-area:active{cursor:grabbing}.sheet-handle{width:40px;height:5px;border-radius:3px;background:var(--text-muted);opacity:0.4;flex-shrink:0}.sheet-peek-content{width:100%;cursor:pointer;padding:2px 0 4px}.sheet-peek-header{display:flex;flex-direction:column;gap:8px;padding:0 4px}.sheet-peek-info{display:flex;align-items:center;gap:10px}.sheet-peek-icon{font-size:1.4rem;flex-shrink:0}.sheet-peek-text{display:flex;flex-direction:column;gap:1px;flex:1}.sheet-peek-title{font-size:0.95rem;font-weight:700;color:var(--text-primary);line-height:1.2}.sheet-peek-subtitle{font-size:0.78rem;font-weight:600;color:var(--text-muted);line-height:1.2}.sheet-peek-progress{height:4px;background:rgba(0,0,0,0.06);border-radius:2px;overflow:hidden}.sheet-peek-progress-fill{height:100%;border-radius:2px;transition:width 0.4s ease}[data-theme=dark] .sheet-peek-progress{background:rgba(255,255,255,0.08)}.sheet-peek-pills{display:flex;gap:8px;margin-top:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sheet-peek-pills::-webkit-scrollbar{display:none}.sheet-pill{padding:6px 14px;border-radius:20px;font-size:0.75rem;font-weight:600;font-family:inherit;min-height:36px;white-space:nowrap;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));color:var(--text-primary);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:4px}.sheet-pill:active{transform:scale(0.95);background:var(--glass-bg-heavy)}[data-theme=dark] .sheet-pill{border-color:rgba(255,255,255,0.12);background:rgba(255,255,255,0.08)}.map-controls-cluster{position:fixed;bottom:calc(var(--sheet-height, 20vh) + 16px);right:12px;z-index:1001;display:flex;flex-direction:column;gap:8px;align-items:center;transition:bottom 0.45s cubic-bezier(0.32,0.72,0,1)}.map-controls-cluster .export-btn{position:static;top:auto;right:auto}.sheet-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.sheet-body>.sidebar,.sheet-body>.world-sidebar{width:100%!important;min-width:unset!important;height:100%!important;border-right:none!important;border-top:none!important;box-shadow:none!important;border-radius:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media(max-width:768px){.app{flex-direction:column;position:relative}.app.is-mobile .map-container{height:100%;width:100%;flex:1}.app.is-mobile>.sidebar,.app.is-mobile>.world-sidebar{display:none}.app.is-mobile .floating-stats{display:none}.export-btn:not(.map-controls-cluster .export-btn){top:auto;bottom:calc(var(--sheet-height, 20vh) + 12px);right:12px;width:40px;height:40px;border-radius:12px}.layer-control{top:auto;bottom:calc(var(--sheet-height, 20vh) + 60px);right:12px}.layer-control-btn{width:40px;height:40px}.layer-options{top:auto;bottom:0;max-height:min(44vh,320px)}.swiss-map .leaflet-control-zoom{position:absolute;bottom:calc(var(--sheet-height, 20vh) + 108px)!important;right:12px!important;top:auto!important;left:auto!important}.friend-overlay-legend{bottom:calc(var(--sheet-height, 20vh) + 12px);left:8px;padding:8px 10px;max-width:160px}.sidebar-header{padding:8px 14px 6px}.sidebar-mobile-summary{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);margin:0 10px;padding:0 14px;max-height:0;opacity:0;overflow:hidden;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-primary);text-align:left;font-family:inherit;transition:max-height 0.28s ease,opacity 0.22s ease,margin 0.28s ease,padding 0.28s ease,border-color 0.28s ease,background 0.28s ease}.sidebar.mobile-chrome-collapsed .sidebar-mobile-summary{margin:8px 10px 6px;padding:10px 14px;max-height:72px;opacity:1;background:var(--glass-bg);border-color:var(--glass-border-subtle);box-shadow:var(--glass-specular)}.sidebar-mobile-summary-flag{font-size:1.35rem;line-height:1;flex-shrink:0}.sidebar-mobile-summary-text{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-mobile-summary-title{font-size:0.9rem;font-weight:700;color:var(--text-primary)}.sidebar-mobile-summary-subtitle{font-size:0.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-mobile-summary-action{font-size:0.68rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.08em;flex-shrink:0}.sidebar-mobile-chrome{max-height:960px;opacity:1;overflow:hidden;transition:max-height 0.28s ease,opacity 0.22s ease,transform 0.28s ease}.sidebar.mobile-chrome-collapsed .sidebar-mobile-chrome{max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none}.sidebar-title{font-size:1rem}.sidebar-subtitle{font-size:0.65rem}.sidebar-logo{width:22px;height:22px}.country-tabs{padding:0;gap:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.country-tab{padding:8px 16px;min-width:48px;min-height:44px;white-space:nowrap;font-size:0.8rem;scroll-snap-align:center;border-bottom:none}.country-tab::after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:2px;background:var(--text-primary);transform:scaleX(0);transition:transform 0.25s cubic-bezier(0.32,0.72,0,1)}.country-tab.active::after{transform:scaleX(1)}.country-tab.active{border-bottom:none}.tab-flag{font-size:1.05rem}.tab-name{font-size:0.7rem}.canton-list{padding:0 12px 8px}.canton-label{padding:10px 10px;gap:10px;font-size:0.88rem;min-height:44px}.canton-label input[type=checkbox]{width:18px;height:18px}.canton-abbr{font-size:0.8rem}.region-actions{gap:8px}.date-tag{font-size:0.72rem;padding:4px 8px}.note-icon{font-size:0.9rem;padding:4px}.wishlist-btn{font-size:1rem;padding:4px}.stats-card{margin:6px 12px;padding:10px}.stats-numbers{font-size:1.5rem}.reset-btn{margin:6px 12px 8px;padding:10px;min-height:44px;font-size:0.85rem}.sidebar-footer{padding:8px 12px 4px}.sidebar-footer-secondary{padding:0 12px 12px}.share-btn{padding:10px;min-height:44px}.auth-section{padding:8px 14px;min-height:44px}.back-to-world-btn{margin:0 10px 6px;padding:10px 14px;min-height:44px}.city-search{padding:8px 12px}.search-input{padding:10px 8px;font-size:0.88rem}.search-input-wrapper{padding:0 10px;min-height:44px}.world-search-container{padding:0 10px}.world-search-input{padding:10px 32px 10px 12px;font-size:0.88rem;min-height:44px}.world-stats-summary{margin:0 10px 6px;padding:10px 14px}.world-stat-num{font-size:1.3rem}.world-continent-header{padding:10px 10px;min-height:44px;font-size:0.85rem}.world-tracker-card{padding:10px;min-height:44px;font-size:0.85rem}.overall-toggle{padding:10px 14px;min-height:44px}.achievements-toggle{padding:10px 14px;min-height:44px}.achievements-grid{grid-template-columns:1fr 1fr;gap:8px}.achievement-badge{padding:10px 6px}.badge-icon{font-size:1.5rem}.badge-title{font-size:0.72rem}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:92vh;max-width:100%;border-radius:20px 20px 0 0;width:100%}.modal-header{padding:16px 18px 10px;position:sticky;top:0;background:inherit;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));z-index:1}.modal-header h2{font-size:1rem}.modal-close{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.6rem;background:rgba(0,0,0,0.08)}.stats-section{padding:14px 18px}.stats-bar-label{min-width:80px;font-size:0.78rem}.stats-bar-value{min-width:60px;font-size:0.68rem}.stats-summary{flex-wrap:wrap;gap:12px}.stats-summary-num{font-size:1.3rem}.avatar-editor-modal{max-width:100%;border-radius:20px 20px 0 0}.avatar-parts-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.avatar-parts-grid-container{max-height:280px}.toast-container{bottom:auto;top:60px;right:8px;left:8px}.toast-achievement{width:calc(100vw - 16px)}.onboarding-card{padding:28px 24px 22px;max-width:100%;border-radius:20px}.onboarding-title{font-size:1.1rem}.onboarding-desc{font-size:0.82rem}.borough-heading{font-size:0.75rem;padding:10px 0 6px}.world-country-item .canton-label{min-height:44px;padding:10px}.note-editor{padding:4px 10px 6px 28px}.note-textarea{font-size:0.82rem;padding:8px 10px;min-height:44px}.avatar-preview-btn{padding:2px}.overall-detail{padding:0 14px 8px}.overall-row{padding:4px 0;font-size:0.78rem}.color-dot{width:18px;height:18px}}@media(max-width:380px){.floating-stats{padding:6px 12px;min-width:140px}.floating-stats .stats-numbers{font-size:1.2rem}.sidebar-header{padding:6px 10px 5px}.sidebar-title{font-size:0.9rem}.country-tab{min-width:36px;padding:5px 2px 4px}.tab-flag{font-size:0.9rem}.tab-name{font-size:0.5rem}.canton-label{font-size:0.82rem;padding:8px}.sheet-mini-stats{gap:6px}.sheet-mini-text{font-size:0.78rem}.onboarding-card{padding:22px 16px 18px}.onboarding-title{font-size:1rem}.achievements-grid{grid-template-columns:1fr 1fr;gap:6px}}.app.tablet-portrait .sidebar{width:280px;min-width:280px}.app.touch-tablet button,.app.touch-tablet .tab-btn,.app.touch-tablet .search-result-btn{min-height:44px}@media(min-width:769px)and (max-width:1024px){.sidebar-header{padding:14px 16px 10px}.sidebar-title{font-size:1.1rem}.sidebar-logo{width:24px;height:24px}.country-tab{padding:7px 3px 5px}.tab-flag{font-size:1.2rem}.tab-name{font-size:0.55rem}.canton-label{padding:7px 10px;font-size:0.82rem}.canton-list{padding:0 14px 10px}.stats-numbers{font-size:1.8rem}.stats-card{padding:12px 16px;margin:8px 14px}.modal-content{max-width:480px}.floating-stats{padding:14px 24px;min-width:200px}.world-stats-summary{margin:0 10px 6px}.achievements-grid{grid-template-columns:1fr 1fr 1fr}.avatar-parts-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}}@media(min-width:1441px){.sidebar{width:380px;min-width:380px}.canton-label{padding:8px 12px;font-size:0.88rem}.floating-stats{padding:18px 32px;min-width:240px}.stats-numbers{font-size:2.4rem}.modal-content{max-width:600px}}@media(pointer:coarse){.canton-label{min-height:44px}.canton-label input[type=checkbox]{width:18px;height:18px}.country-tab{min-width:48px;min-height:48px}.theme-toggle{min-width:36px;min-height:36px;font-size:1.1rem}.header-icon-btn{min-width:36px;min-height:36px;padding:8px}.export-btn{width:40px;height:40px}.layer-control-btn{width:40px;height:40px}.search-input-wrapper{min-height:44px}.reset-btn,.share-btn,.back-to-world-btn{min-height:44px}.wishlist-btn{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.note-icon{min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.date-tag{min-height:28px;display:flex;align-items:center}.world-continent-header{min-height:44px}.world-tracker-card{min-height:44px}.overall-toggle{min-height:44px}.achievements-toggle{min-height:44px}.modal-close{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.onboarding-next,.onboarding-skip{min-height:44px;padding:10px 24px}}@media(max-width:768px)and (orientation:landscape){.mobile-bottom-sheet{left:40%;border-radius:20px 20px 0 0}.floating-stats{left:20%;transform:translateX(-50%)}.floating-stats:hover{transform:translateX(-50%)}.modal-overlay{align-items:center;padding:12px}.modal-content{max-height:90vh;border-radius:16px;max-width:480px}.onboarding-card{max-width:420px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-bottom-sheet{padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-sheet[data-snap-key=full]{padding-top:env(safe-area-inset-top,44px)}.map-action-buttons{top:calc(12px + env(safe-area-inset-top))}@media(max-width:768px){.floating-stats{top:calc(12px + env(safe-area-inset-top))}.export-btn{top:calc(8px + env(safe-area-inset-top))}.share-banner{padding-top:calc(8px + env(safe-area-inset-top))}}}[data-theme=dark] .mobile-bottom-sheet{box-shadow:0 -4px 30px rgba(0,0,0,0.4),var(--glass-specular)}[data-theme=dark] .sheet-handle{background:var(--text-muted)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:5000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-achievement{position:relative;display:flex;align-items:center;gap:12px;width:340px;padding:14px 40px 14px 16px;background:rgba(255,255,255,0.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(201,168,76,0.3);border-radius:14px;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5),0 8px 32px rgba(0,0,0,0.12),0 0 20px rgba(201,168,76,0.15);pointer-events:auto;animation:toast-slide-in 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes toast-slide-in{from{opacity:0;transform:translateX(60px) scale(0.9)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-icon{font-size:2rem;line-height:1;flex-shrink:0}.toast-text{display:flex;flex-direction:column;gap:1px;min-width:0}.toast-label{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#c9a84c}.toast-title{font-size:0.9rem;font-weight:700;color:#2c1f14}.toast-desc{font-size:0.72rem;color:#4a5568}.toast-close{position:absolute;top:10px;right:12px;border:none;background:transparent;font-size:1.2rem;color:#a0aec0;cursor:pointer;padding:0;line-height:1;transition:color 0.15s}.toast-close:hover{color:#2c3e50}[data-theme=dark] .toast-achievement{background:rgba(22,33,62,0.92);border-color:rgba(201,168,76,0.25);box-shadow:inset 1px 1px 0 rgba(255,255,255,0.06),0 8px 32px rgba(0,0,0,0.3),0 0 20px rgba(201,168,76,0.1)}[data-theme=dark] .toast-title{color:#ecf0f1}[data-theme=dark] .toast-desc{color:#8e99a4}[data-theme=dark] .toast-close{color:#6b7b8d}[data-theme=dark] .toast-close:hover{color:#ecf0f1}.avatar-preview-btn{border:none;background:var(--glass-bg);border-radius:10px;padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border-subtle);box-shadow:var(--glass-specular);transition:all 0.25s;flex-shrink:0}.avatar-preview-btn:hover{box-shadow:var(--glass-specular-strong),var(--glass-hover-glow);transform:scale(1.08);border-color:var(--glass-border)}.avatar-preview-btn .avatar-canvas{border-radius:7px;display:block}.avatar-editor-modal{max-width:520px}.avatar-editor-preview{display:flex;justify-content:center;padding:20px 24px 12px}.avatar-editor-preview .avatar-canvas{border-radius:14px;border:2px solid var(--glass-border);box-shadow:var(--glass-specular),var(--glass-shadow)}.avatar-category-tabs{display:flex;gap:0;padding:0 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(0,0,0,0.06)}.avatar-category-tabs::-webkit-scrollbar{display:none}.avatar-cat-tab{flex:0 0 auto;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:0.72rem;font-weight:600;color:#718096;font-family:inherit;border-bottom:2px solid transparent;transition:all 0.2s;white-space:nowrap}.avatar-cat-tab:hover{color:#2c3e50;background:rgba(0,0,0,0.03)}.avatar-cat-tab.active{color:#2c1f14;border-bottom-color:#2c1f14}[data-theme=dark] .avatar-category-tabs{border-bottom-color:rgba(255,255,255,0.08)}[data-theme=dark] .avatar-cat-tab{color:#7a8899}[data-theme=dark] .avatar-cat-tab:hover{color:#ecf0f1;background:rgba(255,255,255,0.04)}[data-theme=dark] .avatar-cat-tab.active{color:#ecf0f1;border-bottom-color:#ecf0f1}.avatar-parts-grid-container{padding:12px 16px;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.1) transparent}.avatar-hair-colors{display:flex;align-items:center;gap:6px;padding:0 4px 10px}.avatar-color-label{font-size:0.72rem;font-weight:600;color:#718096;margin-right:2px}[data-theme=dark] .avatar-color-label{color:#7a8899}.avatar-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,0.1);cursor:pointer;transition:all 0.15s;padding:0}.avatar-color-swatch:hover{transform:scale(1.15)}.avatar-color-swatch.active{border-color:#2c1f14;box-shadow:0 0 0 2px rgba(26,26,46,0.3)}[data-theme=dark] .avatar-color-swatch{border-color:rgba(255,255,255,0.15)}[data-theme=dark] .avatar-color-swatch.active{border-color:#ecf0f1;box-shadow:0 0 0 2px rgba(236,240,241,0.3)}.avatar-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.avatar-part-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:2px solid transparent;border-radius:12px;background:rgba(0,0,0,0.03);cursor:pointer;font-family:inherit;transition:all 0.2s;position:relative}.avatar-part-option:hover:not(.locked){background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.1)}.avatar-part-option.selected{border-color:#c9a84c;background:rgba(201,168,76,0.08);box-shadow:0 0 12px rgba(201,168,76,0.15)}.avatar-part-option.locked{opacity:0.5;cursor:not-allowed}.avatar-part-option .avatar-canvas{border-radius:8px}.avatar-part-name{font-size:0.65rem;font-weight:600;color:#4a5568;text-align:center;line-height:1.2}[data-theme=dark] .avatar-part-option{background:rgba(255,255,255,0.04)}[data-theme=dark] .avatar-part-option:hover:not(.locked){background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.12)}[data-theme=dark] .avatar-part-option.selected{border-color:#c9a84c;background:rgba(201,168,76,0.12)}[data-theme=dark] .avatar-part-name{color:#95a0ad}.avatar-part-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.7);border-radius:10px;gap:2px}[data-theme=dark] .avatar-part-lock{background:rgba(13,17,23,0.75)}.lock-icon{font-size:1rem}.lock-req{font-size:0.55rem;font-weight:600;color:#718096;text-align:center;padding:0 4px;line-height:1.2}[data-theme=dark] .lock-req{color:#7a8899}.avatar-editor-footer{padding:8px 16px 16px;display:flex;justify-content:center}.avatar-coming-soon{display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center;gap:8px}.avatar-coming-soon-icon{font-size:2.5rem}.avatar-coming-soon-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1a202c);margin:0}.avatar-coming-soon-desc{font-size:0.8rem;color:var(--text-muted, #718096);margin:0 0 8px 0}.avatar-coming-soon-items{display:flex;flex-direction:column;gap:6px;width:100%;max-width:280px}.avatar-coming-soon-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--glass-bg, rgba(255, 255, 255, 0.6));border:1px dashed var(--glass-border-subtle, rgba(0, 0, 0, 0.08));border-radius:8px;font-size:0.78rem;font-weight:600;color:var(--text-primary, #1a202c)}.avatar-coming-soon-req{margin-left:auto;font-size:0.65rem;font-weight:500;color:var(--text-muted, #718096)}[data-theme=dark] .avatar-coming-soon-title{color:#e6edf3}[data-theme=dark] .avatar-coming-soon-item{background:rgba(22,27,34,0.6);border-color:rgba(255,255,255,0.06);color:#e6edf3}[data-theme=dark] .avatar-coming-soon-req{color:#7a8899}.avatar-reset-btn{padding:6px 16px;background:transparent;color:var(--text-muted);border:1px dashed var(--glass-border-subtle);border-radius:8px;font-size:0.72rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all 0.2s}.avatar-reset-btn:hover{color:#d32f2f;border-color:rgba(211,47,47,0.3);border-style:solid;background:rgba(211,47,47,0.06)}.sidebar.collapsed{width:0;min-width:0;border-right:none;overflow:hidden;padding:0}.sidebar-toggle{position:absolute;top:80px;left:12px;z-index:1001;width:32px;height:32px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-specular),var(--glass-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--text-primary);transition:all 0.25s}.sidebar-toggle:hover{box-shadow:var(--glass-specular-strong),var(--glass-hover-glow);transform:scale(1.08)}.wishlist-btn{border:none;background:transparent;cursor:pointer;font-size:0.85rem;color:var(--text-muted);padding:0 2px;transition:all 0.15s;line-height:1}.wishlist-btn:hover{color:#f39c12;transform:scale(1.2)}.wishlist-btn.active{color:#f39c12}.canton-label.wishlisted{border-left-color:#f39c12!important;background:rgba(243,156,18,0.06)}.canton-label.wishlisted .canton-name{color:#e67e22;font-style:italic}[data-theme=dark] .canton-label.wishlisted{background:rgba(243,156,18,0.08)}[data-theme=dark] .canton-label.wishlisted .canton-name{color:#f39c12}.stats-wishlist-count{font-size:0.7rem;color:#f39c12;font-weight:500;margin-top:1px}.bucket-panel-modal{padding:0}.bucket-panel{display:flex;flex-direction:column;gap:16px;padding:18px 20px 22px}.bucket-panel-header{display:flex;flex-direction:column;gap:6px}.bucket-panel-title-row{display:flex;align-items:center;justify-content:space-between}.bucket-panel-title{font-size:1.15rem;color:var(--text-primary)}.bucket-panel-stats{font-size:0.78rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bucket-stat-sep{opacity:0.5}.bucket-tabs{display:flex;gap:8px;flex-wrap:wrap}.bucket-tab{border:1px solid var(--glass-border-subtle);background:var(--glass-bg);color:var(--text-primary);padding:6px 10px;border-radius:10px;font-size:0.75rem;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all 0.2s}.bucket-tab.active{background:rgba(243,156,18,0.12);border-color:rgba(243,156,18,0.35);color:#e67e22}.bucket-tab-count{background:rgba(243,156,18,0.18);color:#e67e22;border-radius:999px;padding:1px 6px;font-size:0.7rem}.bucket-controls{display:flex;gap:10px;flex-wrap:wrap}.bucket-sort-select,.bucket-filter-select{border:1px solid var(--glass-border-subtle);background:var(--glass-bg-heavy);color:var(--text-primary);padding:6px 10px;border-radius:10px;font-size:0.75rem;font-family:inherit}.bucket-list{display:flex;flex-direction:column;gap:10px}.bucket-group{display:flex;flex-direction:column;gap:10px;padding:8px;border-radius:14px;background:rgba(243,156,18,0.08);border:1px solid rgba(243,156,18,0.2)}.bucket-group-header{display:flex;align-items:center;gap:8px;font-size:0.8rem;font-weight:600;color:#e67e22}.bucket-group-count{margin-left:auto;background:rgba(243,156,18,0.2);padding:2px 8px;border-radius:999px;font-size:0.7rem}.bucket-group-items{display:flex;flex-direction:column;gap:10px}.bucket-item{border:1px solid var(--glass-border);border-radius:14px;background:var(--glass-bg);box-shadow:var(--glass-shadow);overflow:hidden}.bucket-priority-high{border-left:4px solid rgba(231,76,60,0.6)}.bucket-priority-medium{border-left:4px solid rgba(243,156,18,0.6)}.bucket-priority-low{border-left:4px solid rgba(201,168,76,0.6)}.bucket-item-main{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.bucket-item-priority{font-size:1rem}.bucket-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.bucket-item-top{display:flex;align-items:center;gap:6px;font-size:0.85rem;color:var(--text-primary);font-weight:600}.bucket-item-flag{font-size:0.95rem}.bucket-item-meta{display:flex;align-items:center;gap:10px;font-size:0.72rem;color:var(--text-muted)}.bucket-item-expand{font-size:0.7rem;color:var(--text-muted)}.bucket-item-details{padding:10px 12px 12px;border-top:1px solid var(--glass-border-subtle);display:flex;flex-direction:column;gap:10px}.bucket-item-notes-preview{font-size:0.78rem;color:var(--text-secondary);margin:0}.bucket-item-actions{display:flex;gap:8px;flex-wrap:wrap}.bucket-btn{border:1px solid var(--glass-border-subtle);background:var(--glass-bg-heavy);color:var(--text-primary);padding:6px 10px;border-radius:10px;font-size:0.72rem;font-weight:600;cursor:pointer;transition:all 0.2s}.bucket-btn:hover{transform:translateY(-1px);box-shadow:var(--glass-specular)}.bucket-btn-visit{border-color:rgba(201,168,76,0.35);color:#c9a84c;background:rgba(201,168,76,0.1)}.bucket-btn-delete{border-color:rgba(211,47,47,0.35);color:#d32f2f;background:rgba(211,47,47,0.08)}.bucket-btn-edit{border-color:rgba(201,168,76,0.35);color:#a08030;background:rgba(201,168,76,0.08)}.bucket-item-editing{padding:12px}.bucket-edit-fields{display:flex;flex-direction:column;gap:10px;margin-top:8px}.bucket-edit-row{display:flex;flex-direction:column;gap:6px}.bucket-edit-label,.bucket-modal-label{font-size:0.72rem;color:var(--text-muted);font-weight:600}.bucket-priority-picker,.bucket-category-picker{display:flex;flex-wrap:wrap;gap:6px}.bucket-priority-btn,.bucket-category-btn{border:1px solid var(--glass-border-subtle);background:var(--glass-bg-heavy);color:var(--text-primary);padding:6px 10px;border-radius:10px;font-size:0.72rem;cursor:pointer}.bucket-priority-btn.active,.bucket-category-btn.active{border-color:rgba(243,156,18,0.4);background:rgba(243,156,18,0.12);color:#e67e22}.bucket-date-input,.bucket-notes-input{border:1px solid var(--glass-border-subtle);background:var(--glass-bg-heavy);color:var(--text-primary);padding:6px 10px;border-radius:10px;font-size:0.8rem;font-family:inherit}.bucket-notes-input{resize:vertical}.bucket-edit-actions,.bucket-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.bucket-btn-save{border-color:rgba(201,168,76,0.35);color:#c9a84c;background:rgba(201,168,76,0.12)}.bucket-btn-cancel{border-color:rgba(149,165,166,0.35);color:#7f8c8d;background:rgba(149,165,166,0.12)}.bucket-empty{text-align:center;padding:24px 12px;color:var(--text-muted)}.bucket-empty-icon{font-size:1.6rem;display:block;margin-bottom:6px}.bucket-empty-text{margin:0;font-size:0.85rem;color:var(--text-secondary)}.bucket-empty-hint{margin:4px 0 0;font-size:0.72rem}.bucket-modal{max-width:520px}.bucket-modal-body{padding:16px 22px 22px;display:flex;flex-direction:column;gap:14px}.bucket-modal-region{display:flex;align-items:center;gap:8px;font-size:0.95rem;font-weight:600;color:var(--text-primary)}.bucket-modal-field{display:flex;flex-direction:column;gap:6px}.bucket-btn-add{border-color:rgba(243,156,18,0.4);background:rgba(243,156,18,0.15);color:#e67e22}.bucket-btn-quick{border-color:rgba(201,168,76,0.35);background:rgba(201,168,76,0.1);color:#a08030}.region-popup .leaflet-popup-content-wrapper{background:rgba(255,255,255,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 4px 20px rgba(0,0,0,0.12)}.region-popup .leaflet-popup-tip{background:rgba(255,255,255,0.9)}[data-theme=dark] .region-popup .leaflet-popup-content-wrapper{background:rgba(22,33,62,0.92);border-color:rgba(255,255,255,0.1);color:#ecf0f1}[data-theme=dark] .region-popup .leaflet-popup-tip{background:rgba(22,33,62,0.92)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.onboarding-card{background:rgba(255,255,255,0.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.4);border-radius:24px;padding:40px 36px 28px;max-width:380px;width:100%;text-align:center;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5),0 16px 48px rgba(0,0,0,0.15);animation:onboarding-pop 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes onboarding-pop{from{opacity:0;transform:scale(0.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .onboarding-card{background:rgba(22,33,62,0.92);border-color:rgba(255,255,255,0.1)}.onboarding-icon{font-size:3rem;display:block;margin-bottom:12px}.onboarding-title{font-size:1.3rem;font-weight:700;color:#2c1f14;margin-bottom:8px}[data-theme=dark] .onboarding-title{color:#ecf0f1}.onboarding-desc{font-size:0.9rem;color:#4a5568;line-height:1.5;margin-bottom:20px}[data-theme=dark] .onboarding-desc{color:#95a0ad}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0.12);transition:all 0.25s}.onboarding-dot.active{background:#c9a84c;width:20px;border-radius:4px}[data-theme=dark] .onboarding-dot{background:rgba(255,255,255,0.15)}[data-theme=dark] .onboarding-dot.active{background:#c9a84c}.onboarding-actions{display:flex;gap:10px;justify-content:center}.onboarding-skip{padding:8px 20px;border:none;background:transparent;color:#95a5a6;font-size:0.85rem;cursor:pointer;font-family:inherit;border-radius:8px;transition:all 0.15s}.onboarding-skip:hover{background:rgba(0,0,0,0.05);color:#2c3e50}.onboarding-next{padding:8px 28px;border:none;background:#c9a84c;color:#fff;font-size:0.85rem;font-weight:600;cursor:pointer;font-family:inherit;border-radius:8px;transition:all 0.2s}.onboarding-next:hover{background:#a08030;transform:translateY(-1px);box-shadow:0 4px 12px rgba(201,168,76,0.3)}[data-theme=dark] .onboarding-skip:hover{background:rgba(255,255,255,0.05);color:#ecf0f1}.world-map{cursor:pointer}.world-globe-icon{font-size:1.2rem;margin-right:2px}.back-to-world-btn{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);margin:0 12px 8px;padding:8px 14px;border:1px solid rgba(201,168,76,0.3);background:rgba(201,168,76,0.08);color:#c9a84c;font-size:0.82rem;font-weight:600;font-family:inherit;border-radius:8px;cursor:pointer;transition:all 0.2s}.back-to-world-btn:hover{background:rgba(201,168,76,0.15);border-color:rgba(201,168,76,0.5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(201,168,76,0.15)}.back-to-world-icon{font-size:1rem}[data-theme=dark] .back-to-world-btn{background:rgba(201,168,76,0.1);border-color:rgba(201,168,76,0.25);color:#d4b866}[data-theme=dark] .back-to-world-btn:hover{background:rgba(201,168,76,0.18);border-color:rgba(201,168,76,0.4)}.world-stats-summary{padding:12px 16px;margin:0 12px 8px;background:rgba(201,168,76,0.06);border:1px solid rgba(201,168,76,0.15);border-radius:10px}.world-stats-row{display:flex;justify-content:space-around;margin-bottom:10px}.world-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.world-stat-num{font-size:1.6rem;font-weight:700;color:#d4b866;line-height:1}.world-stat-label{font-size:0.72rem;color:#7f8c8d;font-weight:500}.world-progress-bar{height:6px;background:rgba(0,0,0,0.06);border-radius:3px;overflow:hidden;margin-bottom:6px}.world-progress-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#d4b866);border-radius:3px;transition:width 0.4s ease}.world-progress-pct{text-align:center;font-size:0.75rem;color:#c9a84c;font-weight:600;margin:0}.world-easter-egg-toggle{padding:0 12px 8px}.world-easter-egg-btn{width:100%;border:1px dashed rgba(0,0,0,0.2);background:rgba(255,255,255,0.35);color:#2c3e50;font-size:0.78rem;font-weight:600;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all 0.2s;font-family:inherit}.world-easter-egg-btn:hover{background:rgba(255,255,255,0.6);border-color:rgba(0,0,0,0.35);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.08)}[data-theme=dark] .world-easter-egg-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2);color:#ecf0f1}[data-theme=dark] .world-easter-egg-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.35)}[data-theme=dark] .world-stats-summary{background:rgba(201,168,76,0.08);border-color:rgba(201,168,76,0.2)}[data-theme=dark] .world-stat-label{color:#95a5a6}[data-theme=dark] .world-progress-bar{background:rgba(255,255,255,0.08)}.world-search-container{position:relative;padding:0 12px;margin-bottom:8px}.world-search-input{width:100%;padding:8px 32px 8px 12px;border:1px solid rgba(0,0,0,0.08);border-radius:8px;font-size:0.82rem;font-family:inherit;background:rgba(255,255,255,0.6);color:inherit;outline:none;transition:all 0.2s;box-sizing:border-box}.world-search-input:focus{border-color:rgba(201,168,76,0.4);box-shadow:0 0 0 3px rgba(201,168,76,0.1)}.world-search-input::placeholder{color:#95a5a6}.world-search-clear{position:absolute;right:18px;top:50%;transform:translateY(-50%);border:none;background:none;color:#95a5a6;font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1}[data-theme=dark] .world-search-input{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);color:#ecf0f1}[data-theme=dark] .world-search-input:focus{border-color:rgba(201,168,76,0.4);box-shadow:0 0 0 3px rgba(201,168,76,0.08)}.world-search-results{padding:0 12px;margin-bottom:8px;max-height:300px;overflow-y:auto}.world-no-results{text-align:center;color:#95a5a6;font-size:0.82rem;padding:16px 0;margin:0}.world-country-list{list-style:none;padding:0;margin:0}.world-country-item{margin-bottom:1px;display:flex;align-items:center;gap:4px}.world-country-item .canton-label{flex:1;min-width:0}.world-country-info-btn{flex-shrink:0;width:28px;height:28px;border:none;background:none;color:var(--text-tertiary);font-size:13px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background 120ms ease,color 120ms ease;-webkit-tap-highlight-color:transparent}.world-country-info-btn:hover{background:var(--hover-bg);color:var(--text-secondary)}.world-country-continent{margin-left:auto;font-size:0.7rem;color:#95a5a6;white-space:nowrap}.world-quick-links{padding:0 12px;margin-bottom:12px}.world-quick-links .list-heading{margin-bottom:4px}.world-tracker-hint{font-size:0.72rem;color:#8e99a4;margin:0 0 10px}.world-tracker-grid{display:flex;flex-direction:column;gap:4px}.world-tracker-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(0,0,0,0.06);border-radius:8px;background:rgba(255,255,255,0.4);cursor:pointer;transition:all 0.2s;font-family:inherit;font-size:0.8rem;color:inherit;text-align:left;width:100%}.world-tracker-card:hover{background:rgba(255,255,255,0.7);border-color:rgba(0,0,0,0.12);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.06)}.world-tracker-flag{font-size:1.1rem;flex-shrink:0}.world-tracker-name{font-weight:600;font-size:0.78rem;min-width:80px}.world-tracker-bar{flex:1;height:4px;background:rgba(0,0,0,0.06);border-radius:2px;overflow:hidden}.world-tracker-bar-fill{height:100%;border-radius:2px;transition:width 0.4s ease}.world-tracker-pct{font-size:0.72rem;font-weight:600;color:#7f8c8d;min-width:30px;text-align:right}[data-theme=dark] .world-tracker-card{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08)}[data-theme=dark] .world-tracker-card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}[data-theme=dark] .world-tracker-bar{background:rgba(255,255,255,0.08)}.world-continents{padding:0 12px;margin-bottom:16px}.world-continent-group{margin-bottom:2px}.world-continent-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:rgba(0,0,0,0.02);border-radius:8px;cursor:pointer;transition:all 0.15s;font-family:inherit;font-size:0.82rem;color:inherit;text-align:left}.world-continent-header:hover{background:rgba(0,0,0,0.05)}.world-continent-emoji{font-size:1rem;flex-shrink:0}.world-continent-name{font-weight:600;flex:1}.world-continent-count{font-size:0.75rem;color:#7f8c8d;font-weight:500}[data-theme=dark] .world-continent-header{background:rgba(255,255,255,0.03)}[data-theme=dark] .world-continent-header:hover{background:rgba(255,255,255,0.06)}.world-continent-group .world-country-list{padding:4px 0 4px 16px}.world-floating-stats .stats-label{color:#c9a84c}.friends-header-btn{position:relative}.friends-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:white;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none;box-shadow:0 1px 4px rgba(239,68,68,0.4)}.layer-option-overlay{border-top:1px solid var(--divider);display:flex;align-items:center;gap:6px}.layer-option-icon{font-size:0.9em}.friend-overlay-legend{position:absolute;bottom:24px;left:12px;z-index:2100;background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:10px;padding:10px 14px;box-shadow:var(--glass-specular),var(--glass-shadow);min-width:120px;max-width:200px}.friend-legend-title{font-size:0.78rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.friend-legend-item{display:flex;align-items:center;gap:8px;padding:3px 0}.friend-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.15)}.friend-legend-name{font-size:0.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unesco-cluster{background:rgba(139,69,19,0.6);border-radius:50%;text-align:center;font-weight:700;font-size:14px}.unesco-cluster div{width:100%;height:100%;border-radius:50%;background:rgba(139,69,19,0.8);display:flex;align-items:center;justify-content:center}.unesco-cluster span{color:white;font-size:12px}.marker-cluster-small.unesco-cluster div{background:rgba(139,69,19,0.7)}.marker-cluster-medium.unesco-cluster div{background:rgba(139,69,19,0.8)}.marker-cluster-large.unesco-cluster div{background:rgba(139,69,19,0.9)}.unesco-site-popup .leaflet-popup-content-wrapper{background:white;border-radius:8px;padding:0;box-shadow:0 4px 12px rgba(0,0,0,0.15)}[data-theme=dark] .unesco-site-popup .leaflet-popup-content-wrapper{background:#2a2a2a;color:#e0e0e0}.unesco-site-popup .leaflet-popup-content{margin:0}.unesco-site-popup .leaflet-popup-tip{background:white}[data-theme=dark] .unesco-site-popup .leaflet-popup-tip{background:#2a2a2a}.unesco-popup h3{color:#333}[data-theme=dark] .unesco-popup h3{color:#e0e0e0}.layer-option-overlay .layer-option-icon{margin-right:6px;font-size:14px}.friends-modal{display:flex;flex-direction:column;overflow:hidden;border-radius:16px}.friends-modal .friends-panel{height:100%;display:flex;flex-direction:column}.friends-modal .friends-panel-content{flex:1;overflow-y:auto}:root{--tab-bar-height: 56px;--tab-bar-safe-height: 0px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.app.is-mobile{--tab-bar-safe-height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom, 0px))}.app.is-mobile .mobile-bottom-sheet{bottom:var(--tab-bar-safe-height)}@media(max-width:768px){.app.is-mobile .export-btn:not(.map-controls-cluster .export-btn),.app.is-mobile .map-controls-cluster{bottom:calc(var(--sheet-height, 20vh) + var(--tab-bar-safe-height) + 12px)}.app.is-mobile .layer-control{bottom:calc(var(--sheet-height, 20vh) + var(--tab-bar-safe-height) + 60px)}.app.is-mobile .swiss-map .leaflet-control-zoom{bottom:calc(var(--sheet-height, 20vh) + var(--tab-bar-safe-height) + 108px)!important}.app.is-mobile .swiss-map .leaflet-control-attribution{bottom:calc(var(--sheet-height, 20vh) + var(--tab-bar-safe-height) + 12px)!important;transition:bottom 0.45s cubic-bezier(0.32,0.72,0,1)}.app.is-mobile .friend-overlay-legend{bottom:calc(var(--sheet-height, 20vh) + var(--tab-bar-safe-height) + 12px)}.app.is-mobile .world-floating-stats{display:none}}.tab-screen{position:fixed;top:0;left:0;right:0;bottom:var(--tab-bar-safe-height);z-index:1100;background:var(--body-bg, #faf6f0);display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px)}.dark .tab-screen{background:var(--body-bg, #1e1612)}.tab-screen-placeholder{align-items:center;justify-content:center;gap:12px;color:var(--text-secondary, #4a6a8a);font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;font-size:16px}.tab-screen-placeholder-icon{font-size:48px;line-height:1}@media(max-width:768px){.app.is-mobile .map-container{padding-bottom:var(--tab-bar-safe-height)}}@media(max-width:768px){.toast-container{top:auto;left:auto;right:12px;bottom:calc(var(--tab-bar-safe-height) + 12px);max-width:280px}.toast-achievement{width:280px;padding:10px 36px 10px 12px}.toast-icon{font-size:1.5rem}.toast-title{font-size:0.82rem}.toast-desc{font-size:0.68rem}}