:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#203235;--muted:#65716e;--line:#20323524;--paper:#f7f2e8;--panel:#fffcf4;--sea:#d5e2de;--empty-province:#dde4dd;--one-person:#8eaa91;--two-people:#d5a24e;--many-people:#c96c58;--teal:#2f7474;--coral:var(--many-people);--gold:var(--two-people);--sage:var(--one-person);--blue:#7895a2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}body{background:linear-gradient(135deg, #2f6f7321, transparent 34%), linear-gradient(165deg, transparent 55%, #c66b571f), var(--paper);min-width:320px;height:100svh;color:var(--ink);margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{border:0}.app-shell{grid-template-rows:minmax(0,1fr);width:min(1640px,100%);height:100svh;margin:0 auto;padding:18px clamp(14px,2.4vw,34px);display:grid}.eyebrow,.section-kicker{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(2.25rem,4.2vw,4.2rem);line-height:.95}h2{letter-spacing:0;font-size:clamp(1.18rem,1.5vw,1.65rem);line-height:1.1}.workspace{grid-template-columns:240px minmax(0,1fr);align-items:stretch;gap:0;min-height:0;display:grid;position:relative}.no-data-toast{top:18px;left:var(--toast-x,50%);z-index:40;background:linear-gradient(180deg, #fffcf4f7, #fffcf4e6), var(--panel);width:max-content;max-width:calc(100vw - 32px);color:var(--ink);opacity:0;pointer-events:none;border:1px solid #2032351f;border-radius:999px;padding:10px 18px;font-size:.94rem;font-weight:800;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,-12px);box-shadow:inset 0 1px #fffcf4e0,0 16px 38px #20323521}.no-data-toast.is-visible{opacity:1;transform:translate(-50%)}.detail-popover{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px #2130341f}.overseas-rail{background:0 0;border-right:1px solid #2032351a;flex-direction:column;min-height:0;padding:18px 22px 18px 6px;display:flex;overflow:hidden}.map-board{background:0 0;flex-direction:column;min-width:0;min-height:0;padding:0 0 0 clamp(18px,1.7vw,26px);display:flex}.map-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, #7895a22e, #8eaa9124), var(--sea);border-radius:4px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffcf485,inset 0 1px #fffcf457}.map-stage.is-panning{cursor:grabbing}.map-tilt{filter:drop-shadow(0 16px 16px #2130341f);width:100%;height:100%;transform:translate3d(var(--china-map-pan-x,0px), var(--china-map-pan-y,0px), 0) scale(var(--china-map-scale,1));transform-origin:50%;will-change:transform;transition:transform .12s ease-out}.map-stage.is-panning .map-tilt{transition:none}.china-svg{width:100%;height:100%;display:block;overflow:visible}.province-region{cursor:pointer;outline:none;transition:opacity .18s}.province-hit{fill:#0000;stroke:none;pointer-events:fill}.province-lift{pointer-events:none;transform-box:fill-box;transform-origin:50%;transition:transform .18s,filter .18s}.province-face{fill:var(--region-fill);stroke:#fffcf5f2;stroke-width:1.15px;transition:fill .18s,stroke .18s,stroke-width .18s}.province-region:hover,.province-region:focus-visible{filter:none}.province-region:hover .province-lift,.province-region:focus-visible .province-lift{transform:translate(var(--lift-x), var(--lift-y));filter:url(#lift-shadow)}.province-region:hover .province-face,.province-region:focus-visible .province-face,.province-region.is-selected .province-face{fill:var(--teal);stroke:#fff9ec;stroke-width:2px}.province-region[data-count="0"]{opacity:.78}.province-region[data-count="0"]:hover,.province-region[data-count="0"].is-selected{opacity:1}.loading-label,.loading-subtitle{fill:var(--muted);font-weight:700}.loading-subtitle{font-size:18px;font-weight:500}.overseas-grid{grid-template-columns:1fr;gap:clamp(16px,2vh,24px);min-height:0;display:grid}.country-tile{min-height:76px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:0;outline:none;grid-template-rows:auto auto;grid-template-columns:104px minmax(0,1fr);align-items:center;column-gap:10px;padding:4px 0;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:grid}.country-tile:hover,.country-tile:focus-visible,.country-tile.is-selected{box-shadow:none;background:0 0;transform:translate(6px)}.country-svg{filter:drop-shadow(0 8px 7px #21303421);grid-row:1/span 2;width:104px;height:66px;overflow:visible}.country-face{fill:#6f8fa661;stroke:#21303447;stroke-width:1.4px;transition:fill .16s}.country-tile.is-selected .country-face,.country-tile:hover .country-face,.country-tile:focus-visible .country-face{fill:#2f6f73d1}.country-svg text{fill:#213034a8;paint-order:stroke;stroke:#fffcf5b3;stroke-width:3px;font-size:14px;font-weight:900}.country-tile.is-selected .country-svg text,.country-tile:hover .country-svg text,.country-tile:focus-visible .country-svg text{fill:#fffaf0;stroke:#2f6f7359}.country-name{align-self:end;font-weight:900}.country-count{color:var(--muted);align-self:start;font-size:.84rem}.detail-popover{left:var(--popover-x,50%);top:var(--popover-y,18%);z-index:20;--classmate-name-width:3.25rem;background:linear-gradient(180deg, #fffcf4f5, #fffcf4e6), var(--panel);opacity:0;pointer-events:none;border-color:#2032351f;border-radius:6px;flex-direction:column;width:min(400px,100vw - 32px);max-height:min(620px,100vh - 32px);transition:opacity .16s,transform .16s;display:flex;position:fixed;overflow:hidden;transform:translateY(10px)scale(.98);box-shadow:inset 0 1px #fffcf4d9,0 18px 48px #20323524,0 2px 12px #20323514}.detail-popover:not(.is-open){display:none}.detail-popover.is-open{opacity:1;pointer-events:auto;display:flex;transform:translateY(0)scale(1)}.popover-close{z-index:2;width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid;position:absolute;top:0;right:0}.popover-close:hover,.popover-close:focus-visible{color:var(--teal);outline:none}.detail-heading{border-bottom:1px solid var(--line);padding:20px 52px 17px 22px}.detail-title-row{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.detail-heading h2{min-width:0;font-size:clamp(1.28rem,1.55vw,1.72rem);line-height:1.08}.detail-heading span{color:var(--muted);white-space:nowrap;flex:none;font-size:.9rem}.detail-body{padding:14px 18px 0;overflow:auto}.city-group+.city-group{margin-top:14px}.city-row{color:var(--muted);justify-content:space-between;gap:16px;margin-bottom:8px;font-size:.8rem;font-weight:800;display:flex}.city-row span:last-child{font-size:.76rem;font-weight:800}.people-index{padding-bottom:14px}.classmate-name-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 0;width:100%;display:grid}.classmate-name{width:var(--classmate-name-width);color:var(--ink);cursor:pointer;text-align:justify;text-align-last:justify;white-space:nowrap;background:0 0;border:0;border-radius:0;outline:none;justify-self:center;padding:2px 0;font-size:1.04rem;font-weight:800;line-height:1.15;transition:color .14s,opacity .14s}.classmate-name:hover,.classmate-name:focus-visible,.classmate-name.is-active{color:var(--teal);opacity:.9}.classmate-preview{border-top:1px solid var(--line);grid-template-columns:54px minmax(0,1fr);align-items:start;gap:12px;min-height:128px;margin:0 -18px;padding:16px 18px 18px;display:grid}.preview-copy{min-width:0}.preview-title{flex-wrap:wrap;align-items:baseline;gap:5px 10px;margin-bottom:6px;display:flex}.preview-title strong{font-size:1rem}.preview-title span{color:var(--muted);font-size:.82rem}.preview-copy p{color:#39494b;font-size:.92rem;line-height:1.55}.preview-copy time{color:var(--muted);margin-top:8px;font-size:.78rem;display:block}.avatar{color:#fffaf0;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffffff5c}.avatar-sunrise,.avatar-gold{background:linear-gradient(135deg, var(--two-people), var(--many-people))}.avatar-paper,.avatar-stone{background:linear-gradient(135deg, var(--blue), var(--ink))}.avatar-tea,.avatar-leaf,.avatar-mint{background:linear-gradient(135deg, var(--one-person), var(--teal))}.avatar-lake,.avatar-aqua,.avatar-sky{background:linear-gradient(135deg, var(--blue), var(--teal))}.avatar-ink,.avatar-clay,.avatar-coral,.avatar-peach,.avatar-berry{background:linear-gradient(135deg, var(--many-people), var(--blue))}.empty-state{min-height:220px;color:var(--muted);text-align:center;place-items:center;display:grid}@media (width<=1100px){body{height:auto;min-height:100svh;overflow-y:auto}.app-shell{height:auto;min-height:100svh}.workspace{grid-template-columns:1fr;gap:18px}.map-board{order:1;padding:0}.overseas-rail{border-top:1px solid #2032351a;border-right:0;order:2;min-height:0;padding:16px 0 0}.overseas-grid{grid-template-columns:none;grid-auto-columns:minmax(180px,220px);grid-auto-flow:column;gap:12px;padding-bottom:6px;overflow-x:auto}.country-tile{min-height:112px}}@media (width<=720px){.app-shell{padding:18px 10px}.detail-popover{box-shadow:0 16px 40px #2130341f}.map-tilt{filter:drop-shadow(0 14px 14px #2130341f)}.detail-popover{width:calc(100dvw - 20px);max-width:calc(100dvw - 20px);max-height:58vh;inset:auto auto 10px 10px;transform:translateY(16px)}.detail-popover.is-open{transform:translateY(0)}.detail-heading{padding:18px 48px 14px 18px}.detail-body{padding:14px}}@media (width<=430px){h1{font-size:2.1rem}.country-tile{grid-template-columns:92px minmax(0,1fr)}.country-svg{width:92px}.avatar{width:48px;height:48px}.detail-popover{--classmate-name-width:3rem}.classmate-name-grid{row-gap:8px}.classmate-name{font-size:.95rem}}