:root{color:#e8e9ec;font-synthesis:none;text-rendering:optimizelegibility;background:#050505;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#050505;overflow:hidden}button,select{font:inherit}.app-shell{--reading-panel-width:min(23rem, 94vw);isolation:isolate;background:radial-gradient(circle at 50% 46%,#41444a26,#0000 35%),radial-gradient(circle at 50% 110%,#25272b40,#0000 42%),#050505;width:100vw;height:100svh;position:relative;overflow:hidden}.app-shell:after{content:"";pointer-events:none;z-index:8;position:absolute;inset:0;box-shadow:inset 0 0 120px #000000b8}.ambient{filter:blur(90px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.ambient--one{background:#89909d;width:22rem;height:22rem;top:-18rem;left:8%}.ambient--two{background:#8d939d;width:18rem;height:18rem;bottom:-15rem;right:5%}@media (width>=721px){.masthead{transform:translateY(-30px)}}.masthead{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;transition:right .42s cubic-bezier(.22,.8,.25,1);display:flex;position:absolute;top:clamp(1.5rem,4vw,3.5rem);left:clamp(1.25rem,5vw,5rem);right:clamp(1.25rem,5vw,5rem)}.eyebrow{color:#767a82;letter-spacing:.24em;margin:0 0 .55rem;font-size:.66rem}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.12em;margin-bottom:0;font-family:Songti SC,STSong,serif;font-size:clamp(1.8rem,3.2vw,3.4rem);font-weight:400}.masthead__summary{color:#9598a0;letter-spacing:.08em;white-space:nowrap;margin:0;font-size:.78rem;line-height:1}.masthead__right{pointer-events:none;align-items:center;gap:1rem;height:2rem;display:flex}.masthead__right .panel-toggle{pointer-events:auto}.globe-stage{z-index:2;cursor:grab;place-items:center;display:grid;position:absolute;inset:0}.globe-stage:active{cursor:grabbing}.globe-stage canvas{filter:drop-shadow(0 0 28px #ced3dd1a)}.globe-tooltip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080809e0;border:1px solid #dee1e838;min-width:8rem;padding:.65rem .75rem;box-shadow:0 12px 35px #00000073}.globe-tooltip strong,.globe-tooltip span{display:block}.globe-tooltip strong{color:#f1f2f4;font-size:.85rem;font-weight:500}.globe-tooltip span{color:#999ca3;margin-top:.2rem;font-size:.72rem}.controls{z-index:10;left:clamp(1.25rem,5vw,5rem);bottom:max(1.25rem, calc(env(safe-area-inset-bottom) + .75rem));align-items:center;gap:2.25rem;display:flex;position:absolute}.legend{color:#73767d;align-items:center;gap:.65rem;font-size:.62rem;display:flex}.legend__bar{background:linear-gradient(90deg,#52555b,#f0f1f3);border-radius:3px;width:5rem;height:3px;box-shadow:0 0 8px #e8ebf12e}.drawer-backdrop{visibility:hidden;z-index:18;opacity:0;background:0 0;border:0;padding:0;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.drawer-backdrop--visible{visibility:visible;opacity:1}.drawer{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#09090af5;border-left:1px solid #d1d4db21;width:min(27rem,92vw);height:100svh;padding:2.2rem 1.7rem 1.5rem;transition:transform .42s cubic-bezier(.22,.8,.25,1);position:fixed;top:0;right:0;transform:translate(103%);box-shadow:-28px 0 80px #0000007a}.drawer--list{--panel-width:min(23rem, 94vw);width:var(--panel-width)}.drawer--list.drawer--open,.drawer--open{transform:translate(0)}.drawer__handle{display:none}.drawer__header{border-bottom:1px solid #26272a;justify-content:space-between;gap:1rem;padding-bottom:1.3rem;display:flex}.drawer__header h2{margin-bottom:.3rem;font-family:Songti SC,STSong,serif;font-size:1.65rem;font-weight:400}.drawer__header p:last-child{color:#7f8289;margin-bottom:0;font-size:.75rem}.icon-button{color:#a8abb1;cursor:pointer;background:0 0;border:1px solid #34363a;border-radius:50%;width:2rem;height:2rem;padding:0;font-size:1.25rem}.icon-button:hover{color:#fff;border-color:#6c6f76}.book-list{scrollbar-color:#383a3f transparent;height:calc(100svh - 9rem);padding:1.1rem .3rem 3rem 0;overflow-y:auto}.book{border-bottom:1px solid #ffffff0e;padding:.85rem 0}.book__meta{min-width:0}.book__meta h3{color:#dddfe3;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.35rem;font-size:.88rem;font-weight:500;overflow:hidden}.book__meta p{color:#81848b;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.45rem;font-size:.72rem;overflow:hidden}.book__meta .book__detail{color:#60636a;letter-spacing:.04em;font-size:.65rem}.fallback{text-align:center;place-content:center;padding:2rem;display:grid;position:absolute;inset:0}.fallback h2{font-family:Songti SC,STSong,serif;font-weight:400}.fallback p{color:#858890}@media (width<=720px){.masthead{display:block;top:1.35rem}h1{font-size:1.8rem}.masthead__right{height:auto;display:block}.masthead__right .panel-toggle{margin-top:0;position:absolute;top:0;right:0}.app-shell--list-open .masthead{right:1.25rem}.app-shell--list-open .map-stage{right:0}.controls{left:1.25rem;right:1.25rem;bottom:max(1.25rem, calc(env(safe-area-inset-bottom) + .75rem));flex-wrap:wrap;justify-content:flex-start;gap:.9rem 1.2rem}.map-zoom{gap:.5rem}.map-zoom input{width:4.5rem}.legend{padding-bottom:0;display:flex}.legend__dot{width:.45rem;height:.45rem}.legend span:last-child{display:none}.map-instruction{font-size:.58rem}.drawer--list{height:min(72svh,42rem)}.drawer{border-top:1px solid #d1d4db24;border-left:0;border-radius:1.15rem 1.15rem 0 0;width:100%;height:min(72svh,42rem);padding:.75rem 1.2rem 1rem;top:auto;bottom:0;transform:translateY(103%)}.drawer--open{transform:translateY(0)}.drawer__handle{background:#4d5056;border-radius:4px;width:2.6rem;height:3px;margin:0 auto .8rem;display:block}.drawer__header{padding-bottom:1rem}.book-list{height:calc(72svh - 7.8rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.light--twinkle{animation:none!important}}.map-stage{z-index:2;transition:right .42s cubic-bezier(.22,.8,.25,1);position:absolute;inset:0}.app-shell--list-open .map-stage{right:var(--reading-panel-width)}.app-shell--list-open .masthead{right:calc(var(--reading-panel-width) + clamp(1.25rem, 5vw, 5rem))}.map-scroll{padding-top:min(300px, max(0px, calc((var(--map-zoom,1) - 1) * 75px)));padding-bottom:min(12svh, max(0px, calc((var(--map-zoom,1) - 1) * 3svh)));cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;touch-action:none;display:flex;position:absolute;inset:0;overflow:auto}.map-scroll::-webkit-scrollbar{display:none}.map-scroll--dragging{cursor:grabbing}.map-canvas{width:calc(100% * var(--map-zoom,1));aspect-ratio:1830/745;flex:none;min-width:0;margin:auto}.map-canvas svg{width:100%;height:100%;display:block}.map-zoom{color:#73767d;letter-spacing:.04em;align-items:center;gap:.65rem;font-size:.62rem;display:flex}.map-zoom input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#52555b,#f0f1f3);border:0;border-radius:3px;outline:none;width:5rem;height:3px;margin:0;box-shadow:0 0 8px #e8ebf12e}.map-zoom input::-webkit-slider-thumb{appearance:none;background:#c4c8cf;border:1px solid #f0f1f3;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 5px #e8ebf17a}.map-zoom input::-moz-range-thumb{background:#c4c8cf;border:1px solid #f0f1f3;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 5px #e8ebf17a}.map__ocean{fill:#070b12;pointer-events:none}.map__graticule{fill:none;stroke:#969eac12;stroke-width:.4px;pointer-events:none}.map__land{fill:#1c212a;pointer-events:none}.map__country{fill:#fff0;stroke:#9299a666;stroke-width:.55px;transition:stroke .25s,fill .25s}.map__country-hit{cursor:pointer;outline:none}.map__country--lit{stroke:#ced4e085}.map__country--hover{fill:#ffd69612;stroke:#ffe9c8f2;stroke-width:.9px}.map__country--selected{fill:#ffd69624;stroke:#ffeed2;stroke-width:1.1px;filter:drop-shadow(0 0 6px #ffd6969e)}.map__lights,.map__glow{pointer-events:none}.light--twinkle{animation:4s ease-in-out infinite light-twinkle}@keyframes light-twinkle{0%,to{opacity:1}50%{opacity:.5}}.map__label{fill:#ffe7bd;text-anchor:middle;dominant-baseline:middle;letter-spacing:.1em;pointer-events:none;text-shadow:0 0 10px #ffbe6473,0 2px 6px #000c;font-size:15px}.map-tooltip{z-index:30;pointer-events:none;position:fixed;top:0;left:0}.view-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0b8c;border:1px solid #33363b;border-radius:999px;display:inline-flex;overflow:hidden}.view-toggle button{color:#8b8e95;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;min-height:2.75rem;padding:.5rem 1.1rem;font-size:.7rem;transition:color .2s,background .2s}.view-toggle button.is-active{color:#060607;background:linear-gradient(#d9dce1,#b9bdc4)}.view-toggle button:focus-visible,.panel-toggle:focus-visible,.icon-button:focus-visible,.year-filter select:focus-visible,.map-zoom input:focus-visible{outline-offset:3px;outline:1px solid #d8dbe1}.map__country-hit:focus-visible+.map__country{stroke:#fff5df;stroke-width:1.2px}.legend__dot{background:radial-gradient(circle,#fff6e0 0%,#ffd98f 45%,#0000 72%);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 7px #ffbe64e6}.drawer__empty{color:#6a6d74;text-align:center;padding:3.2rem 0 2rem}.drawer__empty p:first-child{color:#9ba0a8;margin-bottom:.6rem;font-family:Songti SC,STSong,serif}.panel-toggle{color:#8b8e95;letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0b8c;border:1px solid #33363b;border-radius:999px;align-items:center;height:2rem;padding:0 1.1rem;font-size:.7rem;line-height:1;transition:color .2s;display:inline-flex}.panel-toggle:hover{color:#e8d9bd;border-color:#6b5f4a}.cl-body{scrollbar-color:#383a3f transparent;height:calc(100svh - 11rem);padding:1.1rem .3rem 2.5rem 0;overflow-y:auto}.cl-section{margin-bottom:1.6rem}.cl-section h3{color:#8a8e95;letter-spacing:.16em;margin:0 0 .7rem;font-size:.68rem;font-weight:400}.cl-grid{grid-template-columns:1fr 1fr;gap:.1rem .6rem;display:grid}.cl-row{color:#c3c7cd;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:.6rem;padding:.3rem .55rem;font-size:.78rem;transition:background .15s;display:flex}.cl-row:hover{background:#ffcd8217}.cl-row--unlit{color:#63666d}.cl-row--unlit:hover{color:#9a9da4}.cl-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-count{color:#ffd98f;font-variant-numeric:tabular-nums;font-size:.74rem}.cl-arrow{color:#4d5056;font-size:.7rem}@media (width<=720px){.map-zoom{gap:.5rem}.map-zoom input{width:4.5rem}.controls{flex-wrap:wrap;gap:.9rem 1.2rem}.controls .legend{display:none}.app-shell--list-open .controls,.app-shell--drawer-open .controls{visibility:hidden;pointer-events:none}.controls .view-toggle{order:1}.controls .map-zoom{order:2}.controls .legend{order:3}.cl-body{height:calc(72svh - 8.5rem)}.app-shell--list-open .map-stage{width:auto;right:0}.app-shell--list-open .masthead{right:1.25rem}}