@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{--ink:#17171c;--muted:#77777f;--canvas:#fff;--surface:#fff;--soft:#f5f5f7;--line:#e6e6e9;--map-line:#e6e6e9;--focus:#e94f87;--never:#d9dadc;--maybe:#eeba46;--yes:#61a978;--definitely:#3672b7;--never-visited:#d9dadc;--want-to-visit:#f08052;--visited:#57a574;--lived:#3672b7;--no-friend:#d9dadc;--friend-lives-there:#d46c85;--friend-born-there:#467eb6;color:var(--ink);background:var(--canvas)}[data-theme=dark]{--ink:#f4f4f5;--muted:#a5a5ad;--canvas:#151519;--surface:#1d1d23;--soft:#27272e;--line:#36363e;--map-line:#3b3b44;--focus:#ff6d9f;--never:#63636d;--never-visited:#63636d;--no-friend:#63636d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas);min-width:320px}body{background:var(--canvas);min-height:100vh;color:var(--ink);margin:0;font-family:DM Sans,sans-serif;transition:background .2s,color .2s}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,.country:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{max-width:1680px;min-height:100vh;margin:0 auto;padding:0 5.5vw 64px}.app-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:96px;display:grid}.brand{width:fit-content;color:var(--ink);align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.brand-mark svg{width:16px}.main-nav{background:var(--soft);border-radius:999px;gap:8px;padding:4px;display:flex}.main-nav a{color:var(--muted);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;text-decoration:none}.main-nav a:hover{color:var(--ink);background:var(--surface)}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-button,.export-button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;transition:border-color .16s,background .16s;display:inline-flex}.icon-button:hover,.export-button:hover{border-color:var(--ink)}.icon-button{width:42px}.icon-button svg{width:17px}.export-button{border-color:var(--ink);color:var(--surface);background:var(--ink);gap:8px;padding:0 17px;font-size:12px;font-weight:700}.export-button:hover{color:var(--ink);background:0 0}.export-button svg{width:16px}.spin{animation:.8s linear infinite spin}.toolbar{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 190px minmax(370px,1fr);align-items:center;gap:26px;padding:24px 0;display:grid}.control-group{min-width:0}.control-label,.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 9px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:block}.segmented{background:var(--soft);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.segmented button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.segmented button svg{width:14px}.segmented button.active{border-color:var(--line);color:var(--surface);background:var(--ink)}.map-picker-button{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:var(--surface);text-align:left;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .16s,background .16s;display:flex}.map-picker-button:hover{border-color:var(--ink);background:var(--soft)}.map-picker-button svg:first-child{width:16px;color:var(--muted);margin-right:9px}.map-picker-button .chevron{width:15px;color:var(--muted);margin-left:auto}.modal-backdrop{z-index:30;background:#17171c40;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.map-modal{border:1px solid var(--line);width:min(620px,100%);color:var(--ink);background:var(--surface);border-radius:24px;padding:24px}.map-modal__heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.map-modal__heading h2{margin:0;font-family:Fraunces,serif;font-size:30px;font-weight:500}.map-modal__heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.modal-close,.clear-map-button{border:1px solid var(--line);color:var(--muted);background:var(--surface);place-items:center;display:grid}.modal-close:hover,.clear-map-button:hover{border-color:var(--ink);color:var(--ink)}.modal-close{border-radius:50%;flex:none;width:36px;height:36px}.modal-close svg{width:16px}.map-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-option-grid{gap:10px;display:grid}.mode-option{border:1px solid var(--line);width:100%;min-height:76px;color:var(--ink);background:var(--surface);text-align:left;border-radius:16px;align-items:center;gap:11px;padding:13px 42px 13px 13px;transition:border-color .16s,background .16s;display:flex;position:relative}.mode-option:hover,.mode-option.active{border-color:var(--ink);background:var(--soft)}.mode-option strong,.mode-option small{display:block}.mode-option strong{font-size:13px}.mode-option small{color:var(--muted);margin-top:3px;font-size:11px}.mode-option__check{width:16px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.map-option-wrap{position:relative}.map-option{border:1px solid var(--line);width:100%;min-height:80px;color:var(--ink);background:var(--surface);text-align:left;border-radius:16px;align-items:center;gap:11px;padding:13px 42px 13px 13px;transition:border-color .16s,background .16s;display:flex}.map-option:hover,.map-option.active{border-color:var(--ink);background:var(--soft)}.map-option strong,.map-option small{display:block}.map-option strong{font-size:13px}.map-option small{color:var(--muted);margin-top:3px;font-size:11px}.map-option__icon{width:34px;height:34px;color:var(--surface);background:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.map-option__icon svg{width:16px}.map-option__check{width:16px;position:absolute;top:16px;right:38px}.clear-map-button{border-radius:50%;width:26px;height:26px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-map-button svg{width:13px}.status-options{flex-wrap:wrap;gap:5px;display:flex}.status-option{height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.status-option:hover{color:var(--ink)}.status-option.active{border-color:var(--line);color:var(--ink);background:var(--soft)}.status-dot,.row-swatch{border-radius:50%;width:9px;height:9px;display:inline-block}.status-never .status-dot,.fill-never,.status-never-visited .status-dot,.fill-never-visited{--fill:var(--never)}.status-maybe .status-dot,.fill-maybe{--fill:var(--maybe)}.status-yes .status-dot,.fill-yes{--fill:var(--yes)}.status-definitely .status-dot,.fill-definitely{--fill:var(--definitely)}.status-want-to-visit .status-dot,.fill-want-to-visit{--fill:var(--want-to-visit)}.status-visited .status-dot,.fill-visited{--fill:var(--visited)}.status-lived .status-dot,.fill-lived{--fill:var(--lived)}.status-no-friend .status-dot,.fill-no-friend{--fill:var(--no-friend)}.status-friend-lives-there .status-dot,.fill-friend-lives-there{--fill:var(--friend-lives-there)}.status-friend-born-there .status-dot,.fill-friend-born-there{--fill:var(--friend-born-there)}.status-dot,.row-swatch{background:var(--fill)}.content-grid{grid-template-columns:minmax(0,1fr) 320px;gap:54px;padding-top:42px;display:grid}.map-stage__topline{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.map-stage__topline h1,.map-stage__topline h2{margin:0}.map-stage__topline h1{max-width:620px;font-family:Fraunces,serif;font-size:clamp(35px,3vw,48px);font-weight:500;line-height:.96}.map-instruction{max-width:192px;color:var(--muted);text-align:right;margin:0 0 4px;font-size:12px;line-height:1.45}.atlas-canvas{isolation:isolate;border:1px solid var(--line);background:var(--soft);border-radius:22px;min-height:530px;position:relative;overflow:hidden}.atlas-canvas:before{z-index:-1;content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:100% 25%,20% 100%;position:absolute;inset:0}.atlas-canvas svg{width:100%;height:100%;min-height:508px;padding:28px}.export-title,.export-legend{display:none}.atlas-canvas[data-exporting=true] .export-title{color:var(--ink);flex-direction:column;gap:4px;display:flex;position:absolute;top:22px;left:24px}.atlas-canvas[data-exporting=true] .export-title strong{font-family:Fraunces,serif;font-size:24px;font-weight:500}.atlas-canvas[data-exporting=true] .export-title span{color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.atlas-canvas[data-exporting=true] .export-legend{color:var(--ink);text-transform:uppercase;align-items:center;gap:13px;font-family:DM Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:20px;right:24px}.atlas-canvas[data-exporting=true] .export-legend span{align-items:center;gap:5px;display:inline-flex}.atlas-canvas[data-exporting=true] .map-caption{left:24px;right:auto}.atlas-canvas[data-exporting=true] .map-caption span:last-child,.latitude,.longitude{display:none}.coastline{fill:none;stroke:var(--map-line);stroke-width:1.5px;stroke-dasharray:6 9;opacity:.85}.country{fill:var(--fill);stroke:var(--soft);stroke-width:3px;paint-order:stroke;cursor:pointer;transition:fill .18s,filter .18s}.country:hover,.country.hovered{filter:brightness(.91)}.country:focus-visible{stroke:var(--ink);stroke-width:5px}.map-caption{color:var(--muted);text-transform:uppercase;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;display:flex;position:absolute;bottom:17px;left:20px;right:20px}.region-list{padding-top:3px}.list-heading{justify-content:space-between;align-items:flex-end;min-height:44px;margin-bottom:12px;display:flex}.list-heading h2{margin:0;font-family:Fraunces,serif;font-size:28px;font-weight:500}.place-count{color:var(--muted);padding-bottom:4px;font-family:DM Mono,monospace;font-size:10px}.search{border:1px solid var(--line);height:44px;color:var(--muted);background:var(--surface);border-radius:999px;align-items:center;margin-bottom:12px;padding:0 13px;display:flex}.search svg{width:16px}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0 9px;font-size:13px}.search kbd{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 5px;font-family:DM Mono,monospace;font-size:10px}.region-rows{border-top:1px solid var(--line);max-height:462px;overflow:auto}.region-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:49px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:10px minmax(0,1fr) auto 14px;align-items:center;gap:9px;transition:background .15s;display:grid}.region-row:hover{background:var(--soft)}.region-row svg{width:14px;color:var(--muted)}.region-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.region-status{color:var(--muted);text-transform:capitalize;font-size:11px}.empty-list{color:var(--muted);padding:15px 0;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.toolbar{grid-template-columns:1fr 190px}.status-group{grid-column:1/-1}.content-grid{grid-template-columns:minmax(0,1fr) 280px;gap:32px}}@media (width<=800px){.app-shell{padding:0 24px 42px}.main-nav{display:none}.app-header{grid-template-columns:1fr auto}.content-grid{grid-template-columns:1fr;gap:38px}.region-rows{max-height:310px}}@media (width<=600px){.app-shell{padding:0 16px 32px}.app-header{height:75px}.brand{font-size:12px}.brand-mark{width:29px;height:29px}.export-button{width:42px;padding:0}.export-button span{display:none}.toolbar{z-index:10;background:var(--canvas);grid-template-columns:1fr;gap:12px;padding:15px 0;position:sticky;top:0}.status-group{grid-column:auto}.segmented{width:100%;display:flex}.segmented button{flex:1;justify-content:center;padding:0 8px}.status-options{gap:3px}.status-option{padding:0 9px}.modal-backdrop{align-items:end;padding:12px}.map-modal{border-radius:22px;max-height:calc(100vh - 24px);padding:20px 16px;overflow:auto}.map-modal__heading{margin-bottom:16px}.map-modal__heading h2{font-size:27px}.map-option-grid{grid-template-columns:1fr}.map-option{min-height:70px}.map-stage__topline{align-items:start;margin-top:28px}.map-stage__topline h1{font-size:37px}.map-instruction{display:none}.atlas-canvas{border-radius:16px;min-height:350px}.atlas-canvas svg{min-height:330px;padding:10px}.map-caption{font-size:8px}.region-list{padding-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}