:root,[data-theme=light]{--color-primary:#ea580c;--color-primary-hover:#c2410c;--color-primary-active:#9a3412;--color-primary-container:#ffedd5;--color-on-primary:#fff;--color-on-primary-container:#9a3412;--color-secondary:#d97706;--color-secondary-hover:#b45309;--color-secondary-active:#92400e;--color-secondary-container:#fef3c7;--color-on-secondary:#fff;--color-on-secondary-container:#92400e;--color-bg:#f8f9fb;--color-surface:#fff;--color-surface-variant:#f1f3f5;--color-surface-hover:#f1f3f5;--color-surface-active:#e9ecef;--color-on-surface:#1a1d23;--color-on-surface-variant:#6b7280;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-success:#16a34a;--color-success-container:#f0fdf4;--color-error:#dc2626;--color-error-hover:#b91c1c;--color-error-active:#991b1b;--color-error-container:#fef2f2;--color-on-error:#fff;--color-on-error-container:#991b1b;--color-warning:#d97706;--color-warning-container:#fffbeb;--color-info:#2563eb;--color-info-container:#eff6ff;--color-map-land:#c8d0d8;--color-map-border:#94a3b8;--color-map-visited:var(--color-primary);--color-map-visited-hover:var(--color-primary-hover);--color-map-bucket:#d97706;--color-map-bucket-opacity:.45;--color-map-hover:#a8b8c8;--color-map-water:#e8eef4;--elevation-1:0 1px 2px #0000000d;--elevation-2:0 1px 3px #00000014, 0 1px 2px #0000000a;--elevation-3:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--elevation-4:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Menlo, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:260px;--sidebar-collapsed-width:64px}[data-theme=dark]{--color-primary:#fb923c;--color-primary-hover:#fdba74;--color-primary-active:#f97316;--color-primary-container:#fb923c26;--color-on-primary:#431407;--color-on-primary-container:#fed7aa;--color-secondary:#fbbf24;--color-secondary-hover:#fcd34d;--color-secondary-active:#f59e0b;--color-secondary-container:#fbbf2426;--color-on-secondary:#451a03;--color-on-secondary-container:#fde68a;--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-variant:#252836;--color-surface-hover:#2a2d3a;--color-surface-active:#32364a;--color-on-surface:#e8eaed;--color-on-surface-variant:#9ca3af;--color-border:#2d3142;--color-border-strong:#3d4155;--color-success:#4ade80;--color-success-container:#4ade801a;--color-error:#f87171;--color-error-hover:#ef4444;--color-error-active:#dc2626;--color-error-container:#f871711a;--color-on-error:#1a1d23;--color-on-error-container:#fca5a5;--color-warning:#fbbf24;--color-warning-container:#fbbf241a;--color-info:#60a5fa;--color-info-container:#60a5fa1a;--color-map-land:#252836;--color-map-border:#3d4155;--color-map-visited:var(--color-primary);--color-map-visited-hover:var(--color-primary-hover);--color-map-bucket:#fbbf24;--color-map-bucket-opacity:.4;--color-map-hover:#32364a;--color-map-water:#0f1117;--elevation-1:0 1px 2px #0000004d;--elevation-2:0 1px 3px #0006, 0 1px 2px #0003;--elevation-3:0 4px 6px -1px #0006, 0 2px 4px -2px #0003;--elevation-4:0 10px 15px -3px #0006, 0 4px 6px -4px #0003}[data-theme=dark][data-solar-overlay]{--color-map-water:#1e2230;--color-map-land:#3a3f52;--color-map-border:#505672;--color-map-hover:#454b62}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--leading-normal);color:var(--color-on-surface);background-color:var(--color-bg);min-height:100dvh;transition:background-color var(--transition-normal), color var(--transition-normal)}#root{min-height:100dvh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:16px}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-on-surface-variant)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);height:32px}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);height:40px}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md);height:48px}.btn--filled{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--filled:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--filled:active:not(:disabled){background-color:var(--color-primary-active)}.btn--outlined{color:var(--color-primary);border:1px solid var(--color-border);background-color:#0000}.btn--outlined:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary)}.btn--text{color:var(--color-primary);background-color:#0000}.btn--text:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn--danger{background-color:var(--color-error);color:var(--color-on-error)}.btn--danger:hover:not(:disabled){background-color:var(--color-error-hover)}.btn__icon{align-items:center;display:flex}.btn__icon svg{width:1em;height:1em}.landing{background-color:var(--color-bg);min-height:100dvh;color:var(--color-on-surface);overflow-x:hidden}.landing__nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background-color:#f8f9fbd9;position:sticky;top:0}[data-theme=dark] .landing__nav{background-color:#0f1117d9}.landing__nav-inner{max-width:1120px;padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing__brand{align-items:center;gap:var(--space-2);display:flex}.landing__logo{border-radius:var(--radius-md);background-color:var(--color-primary);width:32px;height:32px;color:var(--color-on-primary);justify-content:center;align-items:center;display:flex}.landing__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.landing__hero{gap:var(--space-8);max-width:1120px;padding:var(--space-16) var(--space-6) var(--space-12);grid-template-columns:1fr 1.2fr;align-items:center;margin:0 auto;display:grid}.landing__hero-content{gap:var(--space-4);flex-direction:column;display:flex}.landing__headline{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.03em;line-height:1.1}.landing__headline-accent{color:var(--color-primary)}.landing__subheadline{font-size:var(--font-size-lg);color:var(--color-on-surface-variant);line-height:var(--leading-relaxed);max-width:420px}.landing__hint{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.landing__error{font-size:var(--font-size-sm);color:var(--color-error);background-color:var(--color-error-container);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.landing__hero-map{border-radius:var(--radius-2xl);background-color:var(--color-map-water);box-shadow:var(--elevation-4);border:1px solid var(--color-border);aspect-ratio:16/10;position:relative;overflow:hidden}.landing__map-glow{background:radial-gradient(ellipse at 50% 60%, var(--color-primary-container), transparent 70%);opacity:.4;pointer-events:none;z-index:1;position:absolute;inset:-40%}.landing__map-svg{z-index:2;width:100%;height:auto;display:block;position:relative}.landing__country{fill:var(--color-map-land);stroke:var(--color-map-border);stroke-width:.4px;transition:fill var(--transition-fast)}.landing__country--visited{fill:var(--color-primary)}.landing__map-stats{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);z-index:3;background-color:#ffffffe6;display:flex;position:absolute}[data-theme=dark] .landing__map-stats{background-color:#1a1d27e6}.landing__stat{flex-direction:column;flex-shrink:0;display:flex}.landing__stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.landing__stat-label{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.landing__stat-bar{background-color:var(--color-surface-variant);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.landing__stat-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-hover));border-radius:var(--radius-full);height:100%;transition:width 1s ease-out}.landing__stat-percent{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);white-space:nowrap;flex-shrink:0}.landing__features{max-width:1120px;padding:var(--space-16) var(--space-6);margin:0 auto}.landing__section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-10);letter-spacing:-.02em}.landing__features-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.landing__feature-card{gap:var(--space-3);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex}.landing__feature-card:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.landing__feature-icon{border-radius:var(--radius-lg);background-color:var(--color-primary-container);width:48px;height:48px;color:var(--color-on-primary-container);justify-content:center;align-items:center;display:flex}.landing__feature-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.landing__feature-desc{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);line-height:var(--leading-relaxed)}.landing__cta{text-align:center;padding:var(--space-16) var(--space-6);background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.landing__cta-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);letter-spacing:-.02em}.landing__cta-subtitle{font-size:var(--font-size-md);color:var(--color-on-surface-variant);margin-bottom:var(--space-6)}.landing__footer{padding:var(--space-6)}.landing__footer-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;display:flex}.landing__footer-brand{align-items:center;gap:var(--space-2);color:var(--color-on-surface-variant);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex}.landing__footer-copy{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}@media (width<=900px){.landing__hero{padding-top:var(--space-10);grid-template-columns:1fr}.landing__hero-content{text-align:center;align-items:center}.landing__subheadline{max-width:500px}.landing__features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.landing__hero{padding-top:var(--space-8)}.landing__features-grid{grid-template-columns:1fr}.landing__map-stats{gap:var(--space-2);flex-wrap:wrap}.landing__stat-bar{flex-basis:100%;order:3}.landing__stat-percent{order:2}}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner__ring{border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:100%;height:100%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--color-surface-hover);color:var(--color-on-surface)}.sidebar-toggle{top:var(--space-3);left:var(--space-3);z-index:200;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;box-shadow:var(--elevation-2);color:var(--color-on-surface);transition:all var(--transition-fast);justify-content:center;align-items:center;display:none;position:fixed}.sidebar-toggle:hover{background-color:var(--color-surface-hover)}.sidebar-overlay{display:none}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);height:100dvh;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:100;will-change:transform;contain:layout style;flex-direction:column;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-6);display:flex}.sidebar__logo{border-radius:var(--radius-lg);background-color:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);letter-spacing:-.02em}.sidebar__nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-on-surface-variant);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color .1s,color .1s;display:flex}.sidebar__link:hover{background-color:var(--color-surface-hover);color:var(--color-on-surface)}.sidebar__link--active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.sidebar__footer{align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.sidebar__user{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.sidebar__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:28px;height:28px}.sidebar__avatar--placeholder{background-color:var(--color-primary-container);color:var(--color-on-primary-container);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.sidebar__username{font-size:var(--font-size-sm);color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__logout{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logout:hover{background-color:var(--color-error-container);color:var(--color-error)}@media (width<=768px){.sidebar-toggle{display:flex}.sidebar-overlay{z-index:99;background-color:#0006;display:block;position:fixed;inset:0}.sidebar{box-shadow:var(--elevation-4);z-index:150;transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.app-shell{min-height:100dvh;display:flex}.app-shell__main{margin-left:var(--sidebar-width);min-height:100dvh;transition:margin-left var(--transition-normal);flex:1}@media (width<=768px){.app-shell__main{margin-left:0}}.map-tooltip{pointer-events:none;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface);white-space:nowrap;z-index:1000;position:fixed}.map-controls{bottom:var(--space-4);right:var(--space-4);z-index:5;gap:var(--space-1);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);padding:var(--space-1);flex-direction:column;display:flex;position:absolute}.map-controls__btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.map-controls__btn:hover{background-color:var(--color-surface-hover);color:var(--color-on-surface)}@media (width<=768px){.map-controls{bottom:var(--space-3);right:var(--space-3);z-index:50;position:fixed}}.country-detail{bottom:var(--space-4);left:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);padding:var(--space-4);z-index:10;min-width:240px;max-width:340px;transition:max-height var(--transition-normal);position:absolute}.country-detail--expanded{max-height:70vh;overflow-y:auto}.country-detail__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.country-detail__info{align-items:center;gap:var(--space-3);display:flex}.country-detail__flag{font-size:var(--font-size-3xl);line-height:1}.country-detail__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.country-detail__continent{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.country-detail__close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.country-detail__close:hover{background-color:var(--color-surface-hover)}.country-detail__actions{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.country-detail__entries-toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant);border-top:1px solid var(--color-border);transition:color var(--transition-fast);display:flex}.country-detail__entries-toggle:hover{color:var(--color-on-surface)}.country-detail__entries{gap:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.country-detail__entry{padding:var(--space-3);background-color:var(--color-surface-variant);border-radius:var(--radius-md)}.country-detail__entry-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.country-detail__entry-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.country-detail__entry-actions{gap:var(--space-1);flex-shrink:0;display:flex}.country-detail__entry-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.country-detail__entry-btn:hover{background-color:var(--color-surface-hover);color:var(--color-on-surface)}.country-detail__entry-btn--delete:hover{background-color:var(--color-error-container);color:var(--color-error)}.country-detail__entry-dates{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-on-surface-variant);margin-bottom:var(--space-1);display:flex}.country-detail__entry-notes{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.country-detail__entry-tags{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.country-detail__entry-tag{padding:1px var(--space-2);background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-full);font-size:.65rem}.country-detail__form{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-2);flex-direction:column;display:flex}.country-detail__form-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.country-detail__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-on-surface);transition:border-color var(--transition-fast);font-family:inherit;font-size:16px}.country-detail__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-container);outline:none}.country-detail__textarea{resize:vertical;min-height:48px;line-height:var(--leading-relaxed)}.country-detail__form-row{gap:var(--space-2);display:flex}.country-detail__form-row .country-detail__input{flex:1;min-width:0}.country-detail__form-actions{justify-content:flex-end;gap:var(--space-2);display:flex}@media (width<=768px){.country-detail{border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:50;min-width:0;max-width:none;padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.country-detail--expanded{max-height:60vh}}.country-search{top:var(--space-3);z-index:10;width:280px;max-width:calc(100% - var(--space-8));position:absolute;left:50%;transform:translate(-50%)}.country-search__bar{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--elevation-2);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), width var(--transition-fast);height:40px;display:flex}.country-search--focused .country-search__bar{border-color:var(--color-primary);box-shadow:var(--elevation-3)}.country-search__menu-btn{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-on-surface-variant);transition:background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:none}.country-search__menu-btn:hover{background-color:var(--color-surface-hover)}.country-search__icon{color:var(--color-on-surface-variant);flex-shrink:0}.country-search__input{color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px}.country-search__input::placeholder{color:var(--color-on-surface-variant)}.country-search__clear{border-radius:var(--radius-full);width:22px;height:22px;color:var(--color-on-surface-variant);transition:background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.country-search__clear:hover{background-color:var(--color-surface-hover)}.country-search__dropdown{margin-top:var(--space-1);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);max-height:280px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.country-search__empty{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-on-surface-variant);text-align:center}.country-search__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-sm);color:var(--color-on-surface);transition:background-color var(--transition-fast);display:flex}.country-search__item:hover{background-color:var(--color-surface-hover)}.country-search__item--visited{background-color:var(--color-primary-container)}.country-search__item--visited:hover{background-color:var(--color-primary-container);opacity:.85}.country-search__flag{font-size:var(--font-size-base);flex-shrink:0;line-height:1}.country-search__name{font-weight:var(--font-weight-medium);flex:1}.country-search__continent{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);flex-shrink:0}.country-search__status{color:var(--color-primary);flex-shrink:0;align-items:center;display:flex}@media (width<=768px){.country-search{top:calc(env(safe-area-inset-top,0px) + var(--space-2));left:var(--space-3);right:var(--space-3);z-index:50;width:auto;max-width:none;position:fixed;transform:none}.country-search__menu-btn{display:flex}}.visited-sheet__overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000059;position:fixed;inset:0}.visited-sheet{z-index:61;background-color:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--elevation-4);max-height:70vh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.25s ease-out sheet-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.visited-sheet__handle{border-radius:var(--radius-full);background-color:var(--color-surface-variant);width:36px;height:4px;margin:var(--space-2) auto var(--space-1);flex-shrink:0}.visited-sheet__header{padding:var(--space-2) var(--space-4) var(--space-3);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.visited-sheet__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);display:flex}.visited-sheet__badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);padding:1px 8px;line-height:1.4}.visited-sheet__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-on-surface-variant);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.visited-sheet__close:hover{background-color:var(--color-surface-hover)}.visited-sheet__search{align-items:center;gap:var(--space-2);margin:0 var(--space-4) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-surface-variant);flex-shrink:0;display:flex}.visited-sheet__search-icon{color:var(--color-on-surface-variant);flex-shrink:0}.visited-sheet__search-input{color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px}.visited-sheet__search-input::placeholder{color:var(--color-on-surface-variant)}.visited-sheet__controls{gap:var(--space-2);padding:0 var(--space-4) var(--space-3);flex-shrink:0;display:flex}.visited-sheet__chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant);background-color:var(--color-surface);transition:all var(--transition-fast);white-space:nowrap;display:flex}.visited-sheet__chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.visited-sheet__chip--active{background-color:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-on-primary-container)}.visited-sheet__group{margin-bottom:var(--space-3)}.visited-sheet__group-header{padding:var(--space-2) 0 var(--space-1);background-color:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.visited-sheet__group-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.visited-sheet__group-count{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.visited-sheet__list{padding:0 var(--space-4) var(--space-4);flex:1;overflow-y:auto}.visited-sheet__empty{padding:var(--space-6) var(--space-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.visited-sheet__item{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.visited-sheet__item:last-child{border-bottom:none}.visited-sheet__flag{font-size:var(--font-size-base);flex-shrink:0;line-height:1}.visited-sheet__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface);flex:1}.visited-sheet__continent{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);flex-shrink:0}.visited-sheet__check{color:var(--color-primary);flex-shrink:0}@media (width>=769px){.visited-sheet{max-width:420px;left:var(--space-4);border-radius:var(--radius-xl);right:auto;bottom:var(--space-4);max-height:60vh}}.map-counter{bottom:var(--space-4);left:var(--space-4);z-index:5;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--elevation-2);cursor:pointer;transition:box-shadow var(--transition-fast);display:flex;position:absolute}.map-counter:hover{box-shadow:var(--elevation-3)}.map-counter__icon{color:var(--color-primary);flex-shrink:0}.map-counter__count{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.map-counter__sep,.map-counter__total{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);line-height:1}.map-counter__progress{background-color:var(--color-surface-variant);border-radius:var(--radius-full);width:60px;height:4px;overflow:hidden}.map-counter__progress-fill{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.map-counter__pct{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant);line-height:1}@media (width<=768px){.map-counter{bottom:var(--space-3);left:var(--space-3);z-index:50;position:fixed}}.pin-detail{bottom:var(--space-4);left:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);padding:var(--space-4);z-index:10;min-width:240px;max-width:320px;position:absolute}.pin-detail__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.pin-detail__info{align-items:center;gap:var(--space-2);display:flex}.pin-detail__icon{color:var(--color-primary);flex-shrink:0}.pin-detail__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.pin-detail__meta{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.pin-detail__close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pin-detail__close:hover{background-color:var(--color-surface-hover)}.pin-detail__notes{font-size:var(--font-size-sm);color:var(--color-on-surface);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.pin-detail__coords{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);margin-bottom:var(--space-3);font-family:monospace}.pin-detail__actions{gap:var(--space-2);display:flex}.pin-detail__delete{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-error);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex}.pin-detail__delete:hover{background-color:var(--color-error-container)}.pin-detail__edit{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-on-surface-variant);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex}.pin-detail__edit:hover{background-color:var(--color-surface-hover);color:var(--color-on-surface)}.pin-detail__completed{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-success);margin-bottom:var(--space-2);display:flex}@media (width<=768px){.pin-detail{border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:50;min-width:0;max-width:none;padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}}.pin-form{gap:var(--space-3);flex-direction:column;display:flex}.pin-form__location-wrap{position:relative}.pin-form__results{z-index:10;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-3);max-height:200px;margin-top:var(--space-1);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.pin-form__result-item{align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-xs);color:var(--color-on-surface);transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-border);line-height:1.4;display:flex}.pin-form__result-item:last-child{border-bottom:none}.pin-form__result-item:hover{background-color:var(--color-surface-hover)}.pin-form__result-item svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.pin-form__searching{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);margin-top:var(--space-1)}.pin-form__location-info{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-on-surface-variant);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-variant);border-radius:var(--radius-md);display:flex}.pin-form__location-dot{color:var(--color-border-strong)}.pin-form__coords{font-family:monospace;font-size:var(--font-size-xs)}.modal{border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--elevation-4);max-width:520px;width:calc(100% - var(--space-8));max-height:85vh;margin:0;padding:0;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000073}.modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.modal__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-on-surface)}.modal__body{padding:var(--space-5)}.world-map{background-color:var(--color-map-water);width:100%;height:100%;position:relative;overflow:hidden}.world-map__loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.world-map__svg{width:100%;height:100%}.world-map__country{fill:var(--color-map-land);stroke:var(--color-map-border);stroke-width:.5px;cursor:pointer;transition:fill var(--transition-fast)}.world-map__country:hover{fill:var(--color-map-hover)}.world-map__country--visited{fill:var(--color-map-visited)}.world-map__country--visited:hover{fill:var(--color-map-visited-hover)}.world-map__country--bucket{fill:var(--color-map-bucket);opacity:var(--color-map-bucket-opacity)}.world-map__country--bucket:hover{opacity:.5}.world-map__pin{cursor:pointer}.world-map__pin--visited .world-map__pin-shape{fill:#dc2626;stroke:#fff;stroke-width:1.5px}.world-map__pin--visited .world-map__pin-dot{fill:#fff}.world-map__pin--visited:hover .world-map__pin-shape{fill:#b91c1c}.world-map__pin--bucket .world-map__bucket-shape{fill:var(--color-secondary);fill-opacity:.7;stroke:var(--color-on-secondary);stroke-width:1.5px}.world-map__pin--bucket:hover .world-map__bucket-shape{fill-opacity:1}.world-map__pin--bucket-done .world-map__bucket-done-bg{fill:var(--color-success);stroke:#fff;stroke-width:1.5px}.world-map__pin--bucket-done .world-map__bucket-done-check{stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.world-map__pin--bucket-done:hover .world-map__bucket-done-bg{fill:#15803d}.dashboard-page{background-color:var(--color-map-water);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.dashboard-page__map{flex:1;position:relative;overflow:hidden}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{color:var(--color-on-surface-variant);margin-bottom:var(--space-4);opacity:.5}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);max-width:320px;margin-bottom:var(--space-4)}.list-toolbar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.list-toolbar__search{flex:1;min-width:160px;position:relative}.list-toolbar__search-icon{left:var(--space-3);color:var(--color-on-surface-variant);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.list-toolbar__input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 20px);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-on-surface);transition:border-color var(--transition-fast);font-size:16px}.list-toolbar__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-container);outline:none}.list-toolbar__controls{gap:var(--space-2);display:flex}.list-toolbar__select-wrap{align-items:center;display:flex;position:relative}.list-toolbar__select-icon{left:var(--space-2);pointer-events:none;color:var(--color-on-surface-variant);position:absolute}.list-toolbar__select{padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-2) + 20px);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-on-surface);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap}.list-toolbar__select:focus{border-color:var(--color-primary);outline:none}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:box-shadow var(--transition-fast), border-color var(--transition-fast)}.card--elevation-1{box-shadow:var(--elevation-1)}.card--elevation-2{box-shadow:var(--elevation-2)}.card--elevation-3{box-shadow:var(--elevation-3)}.card--elevation-4{box-shadow:var(--elevation-4)}.log-entry--clickable{cursor:pointer;transition:box-shadow var(--transition-fast)}.log-entry--clickable:hover{box-shadow:var(--elevation-2)}.log-entry__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.log-entry__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.log-entry__country{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.log-entry__actions{gap:var(--space-1);flex-shrink:0;display:flex}.log-entry__action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.log-entry__action-btn:hover{background-color:var(--color-surface-hover);color:var(--color-on-surface)}.log-entry__action-btn--delete:hover{background-color:var(--color-error-container);color:var(--color-error)}.log-entry__dates{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-on-surface-variant);margin-bottom:var(--space-3);display:flex}.log-entry__notes{font-size:var(--font-size-sm);color:var(--color-on-surface);line-height:var(--leading-relaxed);white-space:pre-wrap;margin-bottom:var(--space-3)}.log-entry__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.log-entry__tag{padding:var(--space-1) var(--space-2);background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-block}.log-list,.log-form{gap:var(--space-3);flex-direction:column;display:flex}.log-form__field{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.log-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant)}.log-form__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.log-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-container);outline:none}.log-form__textarea{resize:vertical;min-height:80px;line-height:var(--leading-relaxed)}.log-form__row{gap:var(--space-3);display:flex}.log-form__actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);display:flex}.page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.page__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.page__subtitle{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);margin-top:var(--space-1)}.page__content{padding:var(--space-6);flex:1;overflow-y:auto}@media (width<=768px){.page__header{padding-left:calc(var(--space-3) + 48px)}}.pin-card__header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.pin-card__icon{border-radius:var(--radius-md);background-color:var(--color-primary-container);width:28px;height:28px;color:var(--color-on-primary-container);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pin-card__info{flex:1;min-width:0}.pin-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.pin-card__city{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.pin-card__delete{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pin-card__delete:hover{background-color:var(--color-error-container);color:var(--color-error)}.pin-card__category{padding:var(--space-1) var(--space-2);background-color:var(--color-surface-variant);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant);margin-bottom:var(--space-2);display:inline-block}.pin-card__notes{font-size:var(--font-size-sm);color:var(--color-on-surface);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.pin-card__coords{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);font-family:var(--font-mono)}.pin-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.bucket-item--completed{opacity:.55}.bucket-item__header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.bucket-item__icon{border-radius:var(--radius-md);background-color:var(--color-secondary-container);width:28px;height:28px;color:var(--color-on-secondary-container);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bucket-item__info{flex:1;min-width:0}.bucket-item__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.bucket-item--completed .bucket-item__label{text-decoration:line-through}.bucket-item__country{font-size:var(--font-size-xs);color:var(--color-secondary);font-weight:var(--font-weight-medium)}.bucket-item__city{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.bucket-item__actions{gap:var(--space-1);flex-shrink:0;display:flex}.bucket-item__action-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-on-surface-variant);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.bucket-item__action-btn--complete:hover{background-color:var(--color-success-container);color:var(--color-success)}.bucket-item__action-btn--delete:hover{background-color:var(--color-error-container);color:var(--color-error)}.bucket-item__meta{margin-bottom:var(--space-2)}.bucket-item__priority{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.bucket-item__notes{font-size:var(--font-size-sm);color:var(--color-on-surface);line-height:var(--leading-relaxed)}.bucket-list{gap:var(--space-6);flex-direction:column;display:flex}.bucket-list__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:var(--space-3)}.bucket-list__section-title--completed{opacity:.6}.bucket-list__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.travel-card-overlay{z-index:500;padding:var(--space-4);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.travel-card-modal{gap:var(--space-4);flex-direction:column;width:100%;max-width:440px;display:flex;position:relative}.travel-card-modal__close{top:calc(-1 * var(--space-8));border-radius:var(--radius-full);color:#fff;width:36px;height:36px;transition:background-color var(--transition-fast);background-color:#ffffff26;justify-content:center;align-items:center;display:flex;position:absolute;right:0}.travel-card-modal__close:hover{background-color:#ffffff40}.travel-card{color:#fff;background-color:#111;border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.travel-card__header{padding:20px 24px 12px}.travel-card__user{align-items:center;gap:12px;display:flex}.travel-card__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.travel-card__avatar--placeholder{background-color:var(--card-accent,#ea580c);color:#fff;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.travel-card__name{color:#fff;font-size:16px;font-weight:600}.travel-card__handle{color:#888;font-size:13px}.travel-card__map{padding:0 8px}.travel-card__map svg{display:block}.travel-card__stats{grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 24px;display:grid}.travel-card__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.travel-card__stat-value{color:#fff;font-size:22px;font-weight:700}.travel-card__stat--highlight .travel-card__stat-value{color:var(--card-accent,#ea580c)}.travel-card__stat-label{color:#888;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.travel-card__footer{border-top:1px solid #222;justify-content:space-between;align-items:center;padding:12px 24px 16px;display:flex}.travel-card__brand{color:var(--card-accent,#ea580c);letter-spacing:-.02em;font-size:14px;font-weight:700}.travel-card__url{color:#666;font-size:11px}.travel-card-modal__actions{gap:var(--space-2);justify-content:center;display:flex}.travel-card-modal__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:#fff;transition:background-color var(--transition-fast);background-color:#ffffff1a;font-size:14px;font-weight:500;display:flex}.travel-card-modal__btn:hover{background-color:#fff3}.settings{gap:var(--space-4);flex-direction:column;max-width:600px;display:flex}.settings__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:var(--space-3)}.settings__profile{align-items:center;gap:var(--space-3);display:flex}.settings__avatar{border-radius:var(--radius-full);width:48px;height:48px}.settings__name{font-weight:var(--font-weight-medium)}.settings__email{font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.settings__theme-options{gap:var(--space-2);display:flex}.settings__theme-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant);transition:all var(--transition-fast);display:flex}.settings__theme-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.settings__theme-btn--active{background-color:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-on-primary-container)}.settings__theme-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-on-surface-variant);line-height:1.4}.settings__accent-presets{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.settings__accent-swatch{border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast), border-color var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;display:flex}.settings__accent-swatch:hover{transform:scale(1.1)}.settings__accent-swatch--active{border-color:var(--color-on-surface);box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-on-surface-variant)}.settings__custom-color{align-items:center;gap:var(--space-3);display:flex}.settings__custom-label{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);white-space:nowrap}.settings__color-input-wrap{align-items:center;gap:var(--space-2);display:flex}.settings__color-input{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;width:36px;height:36px;padding:0}.settings__color-input::-webkit-color-swatch-wrapper{padding:0}.settings__color-input::-webkit-color-swatch{border:1px solid var(--color-border);border-radius:var(--radius-md)}.settings__color-hex{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);font-family:monospace}.settings__toggle-row{cursor:pointer;padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.settings__toggle-label{font-size:var(--font-size-sm);color:var(--color-on-surface)}.settings__toggle{appearance:none;background-color:var(--color-surface-variant);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-fast);flex-shrink:0;position:relative}.settings__toggle:after{content:"";border-radius:var(--radius-full);background-color:var(--color-surface);width:20px;height:20px;box-shadow:var(--elevation-1);transition:transform var(--transition-fast);position:absolute;top:2px;left:2px}.settings__toggle:checked{background-color:var(--color-primary)}.settings__toggle:checked:after{transform:translate(20px)}.settings__stats{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.settings__stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.settings__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.settings__stat-label{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.settings__username-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.settings__username-input-group{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);flex:1;align-items:center;display:flex;overflow:hidden}.settings__username-prefix{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);padding:var(--space-2) 0 var(--space-2) var(--space-3);white-space:nowrap;-webkit-user-select:none;user-select:none}.settings__username-input{padding:var(--space-2) var(--space-3) var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;min-width:0}.settings__username-error{font-size:var(--font-size-xs);color:var(--color-error);margin-bottom:var(--space-2)}.settings__username-success{font-size:var(--font-size-xs);color:var(--color-success,#16a34a);margin-bottom:var(--space-2)}.settings__profile-link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-on-surface-variant);margin-bottom:var(--space-2);display:flex}.settings__profile-link a{color:var(--color-primary);word-break:break-all}.settings__copy-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-on-surface-variant);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings__copy-btn:hover{background-color:var(--color-surface-hover)}.settings__data-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.states-page{padding:var(--space-6);gap:var(--space-5);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}@media (width<=768px){.states-page__title-group{padding-left:calc(var(--space-3) + 48px)}}.states-page__loading{justify-content:center;align-items:center;height:100dvh;display:flex}.states-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.states-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.states-page__subtitle{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);margin-top:var(--space-1)}.states-page__counter{align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex}.states-page__count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.states-page__count-total{font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.states-page__percentage{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);margin-left:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--color-border)}.states-page__progress{background-color:var(--color-surface-variant);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.states-page__progress-fill{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.states-page__search{position:relative}.states-page__search-input-wrap{align-items:center;display:flex;position:relative}.states-page__search-icon{left:var(--space-3);color:var(--color-on-surface-variant);pointer-events:none;position:absolute}.states-page__search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 24px);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-on-surface);transition:border-color var(--transition-fast);font-size:16px}.states-page__search-input:focus{border-color:var(--color-primary);outline:none}.states-page__search-clear{right:var(--space-2);border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-on-surface-variant);background-color:var(--color-surface-variant);justify-content:center;align-items:center;display:flex;position:absolute}.states-page__search-clear:hover{background-color:var(--color-border)}.states-page__search-results{top:calc(100% + var(--space-1));z-index:50;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-3);max-height:320px;position:absolute;left:0;right:0;overflow:hidden auto}.states-page__search-result{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast);display:flex}.states-page__search-result:last-child{border-bottom:none}.states-page__search-result:hover{background-color:var(--color-surface-variant)}.states-page__search-result--visited{background-color:var(--color-primary-container)}.states-page__search-result--visited:hover{filter:brightness(.95)}.states-page__search-result-code{min-width:32px;height:24px;padding:0 var(--space-1);background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.states-page__search-result-name{font-size:var(--font-size-sm);color:var(--color-on-surface);flex:1}.states-page__search-result-check{color:var(--color-primary)}.states-page__map-wrap{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4);position:relative}.states-page__map{width:100%;height:auto;display:block}.states-page__state{fill:var(--color-surface-variant);stroke:var(--color-on-surface-variant);stroke-width:.6px;stroke-opacity:.5;cursor:pointer;vector-effect:non-scaling-stroke;transition:fill .15s}.states-page__state--visited{stroke:var(--color-surface);stroke-opacity:.9}.states-page__state--hovered{fill:var(--color-primary-container)}.states-page__state--visited{fill:var(--color-primary);fill-opacity:.85}.states-page__state--visited.states-page__state--hovered{fill:var(--color-primary-hover);fill-opacity:1}.states-page__hover-label{bottom:var(--space-4);left:var(--space-4);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);pointer-events:none;box-shadow:var(--elevation-2);display:flex;position:absolute}.states-page__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);letter-spacing:-.02em}.states-page__region-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.states-page__region{align-items:center;gap:var(--space-1);padding:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;display:flex}.states-page__region-name{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.states-page__region-count{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.states-page__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.states-page__tag{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:filter var(--transition-fast);display:inline-flex}.states-page__tag:hover{filter:brightness(.92)}.states-page__tag-code{min-width:28px;height:22px;padding:0 var(--space-1);background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}@media (width<=600px){.states-page{padding:var(--space-4);gap:var(--space-4)}.states-page__title{font-size:var(--font-size-xl)}.states-page__region-grid{grid-template-columns:repeat(2,1fr)}.states-page__map-wrap{padding:var(--space-2)}.states-page__hover-label{bottom:var(--space-2);left:var(--space-2)}}.public-profile{background-color:var(--color-bg);min-height:100dvh;color:var(--color-on-surface)}.public-profile__loading,.public-profile__not-found{justify-content:center;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.public-profile__not-found h1{font-size:var(--font-size-2xl)}.public-profile__not-found p{color:var(--color-on-surface-variant)}.public-profile__home-link{margin-top:var(--space-4);color:var(--profile-accent,var(--color-primary));font-weight:var(--font-weight-medium)}.public-profile__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.public-profile__brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-on-surface);letter-spacing:-.02em;text-decoration:none}.public-profile__hero{max-width:800px;padding:var(--space-8) var(--space-6) var(--space-6);margin:0 auto}.public-profile__user{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.public-profile__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:64px;height:64px}.public-profile__avatar--placeholder{background-color:var(--color-primary-container);color:var(--color-on-primary-container);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.public-profile__name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.public-profile__handle{font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.public-profile__stats-row{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid}.public-profile__stat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.public-profile__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--profile-accent,var(--color-primary))}.public-profile__stat-label{font-size:var(--font-size-xs);color:var(--color-on-surface-variant)}.public-profile__share-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background-color:var(--profile-accent,var(--color-primary));color:var(--color-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast);display:inline-flex}.public-profile__share-btn:hover{background-color:var(--profile-accent,var(--color-primary-hover));filter:brightness(.85)}.public-profile__map-wrap{max-width:1000px;padding:0 var(--space-4);margin:0 auto}.public-profile__map{width:100%;height:auto}.public-profile__country{fill:var(--color-surface-variant);stroke:var(--color-border);stroke-width:.5px;transition:fill .2s}.public-profile__country--visited{fill:var(--profile-accent,var(--color-primary));fill-opacity:.8}.public-profile__continents,.public-profile__countries-list{max-width:800px;padding:var(--space-6);margin:0 auto}.public-profile__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);letter-spacing:-.02em}.public-profile__continent-list{gap:var(--space-2);flex-direction:column;display:flex}.public-profile__continent{padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.public-profile__continent-name{font-weight:var(--font-weight-medium)}.public-profile__continent-count{font-size:var(--font-size-sm);color:var(--color-on-surface-variant)}.public-profile__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.public-profile__tag{padding:var(--space-1) var(--space-3);background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.public-profile__footer{text-align:center;padding:var(--space-8) var(--space-6);color:var(--color-on-surface-variant);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);margin-top:var(--space-8)}.public-profile__footer a{color:var(--profile-accent,var(--color-primary));font-weight:var(--font-weight-medium)}@media (width<=600px){.public-profile__hero{padding:var(--space-6) var(--space-4) var(--space-4)}.public-profile__stats-row{grid-template-columns:repeat(2,1fr)}.public-profile__stat-value{font-size:var(--font-size-xl)}.public-profile__avatar{width:48px;height:48px}.public-profile__name{font-size:var(--font-size-xl)}}