#root{width:100%;min-height:100vh}body{margin:0}:root,:root[data-theme=night]{--bg:#050915;--bg-2:#0f1b34;--panel:#0c1324;--card:#111a33;--text:#e8ecff;--text-soft:#e8ecffc7;--muted:#e8ecff8c;--surface:#ffffff0b;--surface-2:#ffffff12;--border:#ffffff17;--border-strong:#ffffff29;--tooltip-bg:#050915e6;--backdrop:#030612bf}:root[data-theme=day]{--bg:#e9eef9;--bg-2:#d4e2f7;--panel:#f5f8ff;--card:#fff;--text:#1a2240;--text-soft:#1a2240cc;--muted:#1a22408c;--surface:#182c600d;--surface-2:#182c6014;--border:#182c6021;--border-strong:#182c6038;--tooltip-bg:#fffffff2;--backdrop:#141e3c73}:root[data-theme=day] .country-item.active,:root[data-theme=day] .country-badge,:root[data-theme=day] .chip.active,:root[data-theme=day] .pick-btn{color:#0b7c66;background:#10967a1a}:root[data-theme=day] .chip.active,:root[data-theme=day] .country-item.active,:root[data-theme=day] .pick-btn{box-shadow:inset 0 0 0 1px #10967a66}:root[data-theme=day] .form-error{color:#c2255c}:root[data-theme=day] .delete-place{color:#c2255c;background:#c2255c14;box-shadow:inset 0 0 0 1px #c2255c59}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.hidden{display:none!important}body.modal-open{overflow:hidden}main.layout{flex-direction:row;min-height:100vh;display:flex}.canvas-wrapper{background:radial-gradient(circle at top, var(--bg-2), var(--bg) 60%);flex:2;position:relative}#globe-canvas{width:100%;height:100%;display:block}.info-panel{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;flex:1;gap:1.25rem;max-height:100vh;padding:2rem;display:flex;overflow-y:auto}.panel-head{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.panel-title{min-height:3.4rem}.info-panel h1{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(120deg,#ff517e,#63ffda);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;overflow:hidden}.panel-subtitle{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);margin:.15rem 0 0;font-size:.85rem;overflow:hidden}.panel-controls{align-items:center;gap:.5rem;min-height:2rem;display:flex}.stats-row{align-items:stretch;gap:.6rem;display:flex}.stat-tile{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);border-radius:.75rem;flex-direction:column;flex:1;align-items:center;gap:.1rem;padding:.55rem .5rem;display:flex}.stat-tile strong{font-size:1.25rem;line-height:1.1}.stat-tile span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.set-box{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);border-radius:.75rem;padding:.6rem .75rem}.set-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.set-status{color:var(--muted);align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.set-status:before{content:"";background:var(--border-strong);border-radius:999px;width:.55rem;height:.55rem}.set-status.loaded{color:var(--text-soft)}.set-status.loaded:before{background:#63ffda;box-shadow:0 0 8px #63ffdab3}.set-form{align-items:stretch;gap:.5rem;display:flex}.set-form .search-input{flex:1;min-width:0}.set-form .primary-btn{white-space:nowrap}.lang-toggle{box-shadow:inset 0 0 0 1px var(--border-strong);border-radius:999px;flex-shrink:0;display:inline-flex;overflow:hidden}.lang-toggle button{color:var(--text-soft);letter-spacing:.08em;cursor:pointer;background:0 0;border:none;padding:.35rem .75rem;font-size:.8rem;transition:background .2s,color .2s}.lang-toggle button.active{color:#fff;background:#ff517e}.stats{letter-spacing:.05em;color:var(--muted);margin:0;font-size:.85rem}.search-input{background:var(--surface);width:100%;box-shadow:inset 0 0 0 1px var(--border);color:var(--text);border:none;border-radius:.75rem;padding:.65rem .9rem;font-size:.95rem}.search-input::placeholder{color:var(--muted)}.search-input:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #ff517eb3}.country-scroll{flex:1;min-height:20rem;display:flex;position:relative}.country-scroll:after{content:"";background:linear-gradient(180deg, transparent, var(--panel));pointer-events:none;border-radius:0 0 .75rem .75rem;height:2.75rem;position:absolute;bottom:1px;left:1px;right:1px}.country-list{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;border-radius:.75rem;flex-direction:column;flex:1;gap:.15rem;margin:0;padding:.35rem .35rem 2.5rem;list-style:none;display:flex;overflow-y:auto}.country-list::-webkit-scrollbar{width:8px}.country-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.country-list::-webkit-scrollbar-track{background:0 0}.country-item{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.95rem;transition:background .15s,color .15s;display:flex}.country-item:hover,.country-item:focus-visible{background:var(--surface-2);outline:none}.country-item.active{color:#63ffda;background:#63ffda1f;box-shadow:inset 0 0 0 1px #63ffda59}.country-count{color:var(--muted);background:var(--surface-2);border-radius:999px;flex-shrink:0;padding:.05rem .5rem;font-size:.75rem}.country-empty{color:var(--muted);padding:.5rem .75rem;font-size:.9rem;list-style:none}.globe-tooltip{background:var(--tooltip-bg);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 4px 12px #0006, inset 0 0 0 1px var(--border);z-index:10;border-radius:.6rem;flex-direction:column;gap:.35rem;padding:.4rem;font-size:.85rem;transition:opacity .12s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 12px))}.globe-tooltip img{object-fit:cover;border-radius:.4rem;width:150px;height:90px}.globe-tooltip span{padding:0 .2rem .05rem}.country-badge{letter-spacing:.08em;text-transform:uppercase;color:#63ffda;background:#63ffda1f;border-radius:999px;flex-shrink:0;padding:.05rem .45rem;font-size:.65rem}.country-continent{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:.7rem}.country-year{color:var(--muted);font-size:.75rem}.filter-row{gap:.5rem;display:flex}.select-input{background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--border);color:var(--text);cursor:pointer;border:none;border-radius:.6rem;flex:1;padding:.5rem .6rem;font-size:.85rem}.select-input:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #ff517eb3}.year-chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-soft);cursor:pointer;border:none;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;transition:background .15s,color .15s}.chip:hover,.chip:focus-visible{background:var(--border-strong);outline:none}.chip.active{color:#63ffda;background:#63ffda26;box-shadow:inset 0 0 0 1px #63ffda66}.primary-btn{color:#fff;cursor:pointer;background:#ff517e;border:none;border-radius:.75rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;transition:background .2s}.primary-btn:hover,.primary-btn:focus-visible{background:#ff6b90;outline:none}.add-place-btn{width:100%}.ghost-btn{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);color:var(--text);cursor:pointer;border:none;border-radius:.6rem;padding:.5rem .8rem;font-size:.85rem;transition:background .2s}.ghost-btn:hover,.ghost-btn:focus-visible{background:var(--border-strong);outline:none}.add-form{background:var(--card);box-shadow:inset 0 0 0 1px var(--surface);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.field-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:.4rem;font-size:.75rem}.add-textarea{resize:vertical;font-family:inherit;line-height:1.4}.coord-row{flex-wrap:wrap;gap:.5rem;display:flex}.coord-row .search-input{flex:1;min-width:5rem}.pick-btn{color:#63ffda;cursor:pointer;white-space:nowrap;background:#63ffda1f;border:none;border-radius:.6rem;padding:0 .8rem;font-size:.85rem;box-shadow:inset 0 0 0 1px #63ffda59}.pick-btn.picking{color:#04221c;background:#63ffda}.photo-row{align-items:flex-start;gap:.5rem;display:flex}.photo-row-preview{object-fit:cover;background:var(--surface);border-radius:.5rem;flex-shrink:0;width:44px;height:44px}.photo-row-inputs{flex-direction:column;flex:1;gap:.35rem;display:flex}.photo-row-remove{background:var(--surface-2);color:var(--text);cursor:pointer;border:none;border-radius:.5rem;width:1.9rem;height:1.9rem;font-size:1.1rem;line-height:1}.photo-actions{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.file-btn{align-items:center;display:inline-flex}.form-error{color:#ff8aa6;margin:.3rem 0 0;font-size:.85rem}.form-actions{gap:.5rem;margin-top:.75rem;display:flex}.delete-place{color:#ff8aa6;cursor:pointer;background:#ff5a781f;border:none;border-radius:.6rem;margin-top:1.25rem;padding:.5rem .9rem;font-size:.85rem;box-shadow:inset 0 0 0 1px #ff5a7866}.delete-place:hover,.delete-place:focus-visible{background:#ff5a7833;outline:none}.fact-panel{background:var(--card);box-shadow:inset 0 0 0 1px var(--surface);border-radius:1rem;padding:1.5rem}.autocomplete{position:relative}.autocomplete .search-input{width:100%}.city-suggest{z-index:30;background:var(--card);box-shadow:0 12px 30px #00000059, inset 0 0 0 1px var(--border-strong);border-radius:.6rem;max-height:15rem;margin:.3rem 0 0;padding:.25rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.city-suggest button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .6rem;font-size:.9rem;display:flex}.city-suggest button:hover,.city-suggest button:focus-visible{background:var(--surface-2);outline:none}.city-country{color:var(--muted);flex-shrink:0;font-size:.75rem}.fact-panel-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.fact-panel-head .fact-title{margin:0}.fact-close{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text);cursor:pointer;white-space:nowrap;border:none;border-radius:.6rem;flex-shrink:0;padding:.4rem .7rem;font-size:.85rem}.fact-close:hover,.fact-close:focus-visible{background:var(--border-strong);outline:none}.fact-title{margin:0 0 .75rem;font-size:1.4rem}.fact-year{color:var(--muted);font-size:1rem;font-weight:400}.fact-story{color:var(--text-soft);margin:0 0 1rem;font-style:italic;line-height:1.6}.fact-detail{margin:.25rem 0;line-height:1.5}.photo-grid-label{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:1.5rem 0 .5rem;font-size:.8rem}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.photo-thumb{cursor:pointer;background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface);border:none;border-radius:.75rem;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.photo-thumb:hover,.photo-thumb:focus-visible{box-shadow:0 8px 15px #00000059, inset 0 0 0 1px var(--border);transform:translateY(-2px)}.photo-thumb img{object-fit:cover;aspect-ratio:4/3;width:100%;height:100%;display:block}.photo-thumb-caption{text-align:left;background:linear-gradient(#0000,#000c);padding:.35rem .5rem;font-size:.8rem;position:absolute;inset:auto 0 0}.photo-grid-hint{color:var(--muted);margin-top:.25rem;font-size:.8rem}.modal-backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;position:fixed;inset:0}.photo-modal{z-index:50;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.photo-modal-shell{background:var(--bg);width:100%;max-width:min(900px,90vw);box-shadow:0 25px 60px #0000008c, inset 0 0 0 1px var(--border);border-radius:1.25rem;padding:1.5rem 1.75rem 1.25rem;position:relative}.photo-modal-body{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.photo-modal-body img{object-fit:contain;border-radius:.75rem;width:100%;max-height:65vh}.photo-modal-nav{background:var(--border);width:3rem;height:3rem;color:var(--text);cursor:pointer;border:none;border-radius:999px;font-size:1.5rem;transition:background .2s}.photo-modal-nav:hover:not(:disabled){background:var(--border-strong)}.photo-modal-nav:disabled{opacity:.25;cursor:not-allowed}.photo-modal-close{background:var(--border);width:2.75rem;height:2.75rem;color:var(--text);cursor:pointer;border:none;border-radius:999px;font-size:1.4rem;position:absolute;top:.6rem;right:.6rem}.photo-modal-footer{color:var(--text-soft);justify-content:space-between;align-items:center;margin-top:1rem;font-size:.9rem;display:flex}.photo-modal-caption{color:var(--text-soft);margin:.5rem 0 0;font-size:1rem}@media (width<=900px){main.layout{flex-direction:column}.canvas-wrapper,.info-panel{flex:initial;min-height:50vh}.photo-modal-body{grid-template-columns:1fr}.photo-modal-nav{border-radius:.75rem;order:-1;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}