*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #1c1e21)}.center-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.app{display:flex;flex-direction:column;height:100%}.map-tabs{display:flex;gap:6px;padding:8px;overflow-x:auto;border-bottom:1px solid rgba(0,0,0,.08)}.tab{border:none;background:#f0f0f0;padding:6px 12px;border-radius:16px;font-size:13px;white-space:nowrap;cursor:pointer}.tab.active{background:var(--tg-theme-button-color, #2563eb);color:var(--tg-theme-button-text-color, #fff)}.map-container{flex:1;position:relative}.point-detail{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:16px 16px 0 0;padding:16px;max-height:45%;overflow-y:auto;box-shadow:0 -4px 20px #00000026}.point-detail .close-btn{position:absolute;right:12px;top:12px;border:none;background:#f0f0f0;border-radius:50%;width:28px;height:28px;cursor:pointer}.point-detail .category{display:inline-block;background:#eef2ff;color:#3730a3;font-size:12px;padding:2px 8px;border-radius:10px;margin-bottom:6px}.media-row{display:flex;gap:8px;overflow-x:auto;margin-top:10px}.media-row img,.media-row video{height:120px;border-radius:8px}