@import"https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Gowun+Dodum&display=swap";:root{color-scheme:light;font-family:Gowun Dodum,sans-serif;--bg: #f6f1e8;--bg-2: #efe3d3;--ink: #2c2926;--muted: #6c6257;--accent: #2f7d5c;--accent-strong: #1f5c43;--accent-soft: #d9eadf;--sun: #f6b26b;--card: #fffaf2;--border: #e1d3c2;--shadow: 0 20px 50px rgba(49, 42, 35, .2);--topbar-height: 58px;--ad-height: 72px;--ad-gap: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px);--ad-offset: calc(var(--ad-height) + var(--ad-gap) + var(--safe-bottom))}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 10% -20%,#fff7ea,transparent 60%),linear-gradient(160deg,var(--bg),var(--bg-2));color:var(--ink);position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1px),repeating-linear-gradient(45deg,rgba(214,198,174,.2),rgba(214,198,174,.2) 2px,transparent 2px,transparent 12px);background-size:28px 28px,48px 48px;opacity:.45;pointer-events:none;z-index:0}#app{height:100%;min-height:100vh;position:relative;z-index:1;opacity:0;transition:opacity .5s ease}body.is-ready #app{opacity:1}.topbar{position:fixed;top:0;left:0;right:0;min-height:var(--topbar-height);display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;background:#fffaf2e6;border-bottom:1px solid rgba(214,198,174,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.lang-switch{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(210,193,168,.7);background:#fffcf6f2}.lang-btn{border:0;background:transparent;font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--muted);padding:4px 8px;border-radius:999px;cursor:pointer}.lang-btn.is-active{background:var(--accent-soft);color:var(--accent-strong)}.top-actions{display:flex;align-items:center;gap:8px}.btn.icon{display:none;width:36px;padding:0;align-items:center;justify-content:center}.menu-icon{width:20px;height:2px;border-radius:999px;background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink)}.mobile-menu{position:fixed;top:calc(var(--topbar-height) + 10px);right:16px;width:min(220px,calc(100% - 32px));padding:10px;border-radius:16px;border:1px solid rgba(210,193,168,.7);background:#fffaf4fa;box-shadow:0 16px 40px #362c222e;display:none;flex-direction:column;gap:8px;z-index:12}.mobile-menu.open{display:flex}.menu-divider{height:1px;background:#d2c1a899;margin:2px 0}.menu-label{font-size:11px;color:var(--muted);padding:2px 4px 0}.menu-lang{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.menu-item{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(210,193,168,.7);background:#fffdf7;font-size:13px;text-align:left;cursor:pointer}.menu-item.lang{text-align:center;padding:8px 6px;font-size:12px}.menu-item.is-active{background:var(--accent-soft);border-color:#2f7d5c73;color:var(--accent-strong)}.menu-item:active{background:#f1e6d6}.brand{font-family:Gowun Batang,serif;font-weight:700;letter-spacing:.5px}.status{font-size:12px;color:var(--muted)}.spacer{flex:1}.btn{border:1px solid rgba(82,68,52,.2);background:#fffaf1;color:var(--ink);height:34px;padding:0 12px;border-radius:999px;cursor:pointer;font-size:12px;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #3e33262e}.btn.primary{background:var(--accent);color:#fff;border-color:#2f7d5c80}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}#map{position:fixed;top:var(--topbar-height);left:0;right:0;bottom:var(--ad-offset);z-index:1}.panel{position:fixed;top:calc(var(--topbar-height) + 20px);right:18px;bottom:calc(var(--ad-offset) + 18px);width:360px;background:#fffaf4eb;border:1px solid rgba(210,193,168,.7);border-radius:20px;box-shadow:var(--shadow);z-index:9;display:flex;flex-direction:column;transition:transform .3s ease,opacity .3s ease}.adbar{position:fixed;left:16px;right:16px;bottom:calc(var(--ad-gap) + var(--safe-bottom));height:var(--ad-height);display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;border:1px dashed rgba(210,193,168,.9);background:#fff8ece6;box-shadow:0 14px 30px #362c2226;z-index:8}.ad-chip{font-size:11px;font-weight:700;letter-spacing:.6px;color:#fff;background:var(--accent-strong);padding:4px 8px;border-radius:999px}.ad-slot{flex:1;height:100%;display:grid;place-items:center;font-size:13px;color:var(--muted);border-radius:12px;background:#fffdf7;border:1px solid rgba(210,193,168,.6)}.style-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#211b1459;display:none;align-items:center;justify-content:center;z-index:25}.style-backdrop.show{display:flex;animation:fadeIn .2s ease}.style-sheet{width:min(760px,calc(100% - 32px));max-height:calc(100vh - var(--topbar-height) - var(--ad-offset) - 24px);background:#fffaf2;border:1px solid rgba(210,193,168,.7);border-radius:24px;box-shadow:var(--shadow);padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}.style-header{display:flex;align-items:center;justify-content:space-between}.style-title{font-weight:700;font-size:16px}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;overflow:auto;padding-right:4px}.style-card{position:relative;border:1px solid rgba(210,193,168,.7);border-radius:16px;background:#fffdf7;padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:130px;transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease}.style-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3e332624}.style-card.is-active{border-color:#2f7d5c99;box-shadow:0 14px 28px #2f7d5c33;background:#f4fbf7}.style-card.is-active:after{content:"";position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px #2f7d5c2e}.style-thumb{height:64px;border-radius:12px;border:1px solid rgba(210,193,168,.6);overflow:hidden}.style-thumb-normal{background:linear-gradient(135deg,#fdf6e3,#f2e2c4 55%,#d0e3d3)}.style-thumb-terrain{background:linear-gradient(135deg,#d7e6c5,#f1d5a7 55%,#b8d3c9)}.style-thumb-satellite{background:radial-gradient(circle at 20% 30%,#6cc0a9,#2b5a6e 45%,#1f2e3a)}.style-thumb-hybrid{background:linear-gradient(135deg,#2f4858,#3a6b7d 55%,#f2d5a7);position:relative}.style-thumb-hybrid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.35),rgba(255,255,255,.35) 3px,transparent 3px,transparent 8px)}.style-name{font-weight:700}.style-desc{font-size:12px;color:var(--muted);line-height:1.4}.home-screen{position:fixed;top:var(--topbar-height);left:0;right:0;bottom:var(--ad-offset);padding:24px 24px 40px;overflow:auto;display:none;z-index:11}.home-screen.show{display:block}.home-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,rgba(255,247,226,.9),transparent 55%),radial-gradient(circle at 90% 0%,rgba(214,236,214,.6),transparent 55%);opacity:.8;pointer-events:none}.home-shell{position:relative;max-width:1040px;margin:0 auto;background:#fffbf4f5;border:1px solid rgba(210,193,168,.8);border-radius:26px;box-shadow:var(--shadow);padding:24px;overflow:hidden}.home-shell:after{content:"";position:absolute;right:-60px;top:-120px;width:220px;height:220px;background:radial-gradient(circle,rgba(246,178,107,.25),transparent 70%);border-radius:50%;pointer-events:none}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 18px 20px;border-radius:20px;border:1px solid rgba(210,193,168,.7);background:linear-gradient(135deg,#fff7ecf2,#f0ece1eb);margin-bottom:18px}.home-kicker{font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.home-title{font-size:22px;font-weight:700;margin-bottom:8px}.home-subtitle{color:var(--muted);font-size:13px;line-height:1.5}.home-actions{display:flex;gap:8px}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.home-note{margin-bottom:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(210,193,168,.7);background:#fffaf4f2}.home-note-title{font-weight:700;margin-bottom:6px}.home-note-desc{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:10px}.home-note-links{display:flex;gap:8px;flex-wrap:wrap}.home-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(82,68,52,.2);background:#fffaf1;color:var(--ink);font-size:12px;text-decoration:none}.home-card{border:1px solid rgba(210,193,168,.75);border-radius:18px;padding:14px;background:#fffdf7;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:160px;transition:transform .15s ease,box-shadow .15s ease}.home-card:hover{transform:translateY(-2px);box-shadow:0 14px 26px #3e332624}.home-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-art{width:52px;height:52px;border-radius:16px;border:1px solid rgba(210,193,168,.6);background:#f6f0e6;position:relative;overflow:hidden}.home-art:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:12px;border:1px dashed rgba(255,255,255,.7)}.home-art-valley{background:linear-gradient(135deg,#d9edd0,#f6d9ab)}.home-art-flower{background:linear-gradient(135deg,#f9d6dc,#f6b26b)}.home-art-date{background:linear-gradient(135deg,#f6d6e8,#cfe2f3)}.home-art-market{background:linear-gradient(135deg,#ffe0c7,#f6b26b)}.home-art-attraction{background:linear-gradient(135deg,#dfe7f4,#d9eadf)}.home-art-night{background:linear-gradient(135deg,#2f3f53,#6b8aa5)}.home-badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#2f7d5c1f;color:var(--accent-strong);font-weight:700}.home-card-title{font-weight:700;font-size:15px}.home-card-desc{color:var(--muted);font-size:12px;line-height:1.4}.panel.hidden{opacity:0;pointer-events:none;transform:translate(110%)}.section{padding:14px;border-bottom:1px solid rgba(214,198,174,.6)}.section-title{margin-top:12px;font-size:12px;color:var(--muted)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input,select{width:100%;height:36px;border-radius:12px;border:1px solid rgba(210,193,168,.8);padding:0 10px;background:#fffdf7;color:var(--ink);outline:none}.input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f7d5c2e}.tagbox{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(210,193,168,.7);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;background:#fffaf1}.tag input{accent-color:var(--accent)}.actions{margin-top:12px;display:flex;gap:8px}.actions .btn{flex:1}.list-head{display:flex;align-items:center;justify-content:space-between}.list{overflow:auto;padding:12px;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.empty{border:1px dashed rgba(210,193,168,.8);border-radius:16px;padding:16px;background:#fff8eccc;color:var(--muted);font-size:13px;text-align:center}.card{width:100%;border:1px solid rgba(210,193,168,.7);border-radius:16px;padding:12px;margin-bottom:10px;background:var(--card);text-align:left;cursor:pointer;box-shadow:0 10px 25px #362c221f;opacity:0;transform:translateY(10px);animation:cardIn .35s ease forwards}.card .title{font-weight:700;margin-bottom:6px}.card .meta{font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;border:1px solid rgba(210,193,168,.7);background:#fffdf7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#27201a66;z-index:20;display:none}.modal-backdrop.show{display:block;animation:fadeIn .25s ease}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 24px));border-radius:20px;background:#fffaf2;color:var(--ink);border:1px solid rgba(210,193,168,.7);box-shadow:var(--shadow);overflow:hidden}.modal .hd{padding:14px;display:flex;align-items:center;justify-content:space-between;background:#fff3e1;border-bottom:1px solid rgba(210,193,168,.6)}.modal-title{font-weight:700}.modal .bd{padding:14px}.modal a{color:var(--accent-strong)}.modal-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.modal-line{opacity:.8;margin-bottom:8px}.modal-desc{line-height:1.6;margin-bottom:12px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.pin{transform:translate(-50%,-100%);width:26px;height:26px;border-radius:999px;border:2px solid rgba(255,255,255,.95);background:var(--accent);box-shadow:0 6px 18px #00000040;display:grid;place-items:center;font-size:13px;color:#fff;font-weight:700}.cluster{transform:translate(-50%,-50%);min-width:36px;height:36px;border-radius:999px;border:2px solid rgba(255,255,255,.95);background:var(--accent-strong);box-shadow:0 8px 22px #00000040;display:grid;place-items:center;color:#fff;font-weight:900;padding:0 10px}.me-pin{position:relative;width:18px;height:18px;box-sizing:border-box;border-radius:999px;background:#2563eb;border:2px solid #fff;box-shadow:0 6px 18px #2563eb59}.me-pin:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:999px;border:2px solid rgba(37,99,235,.35);animation:mePulse 1.8s ease-out infinite}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mePulse{0%{opacity:.8;transform:scale(.3)}70%{opacity:0;transform:scale(1)}to{opacity:0}}@media (max-width: 960px){.panel{left:12px;right:12px;width:auto;top:auto;bottom:calc(var(--ad-offset) + 12px);height:44vh;transform:translateY(0)}.panel.hidden{transform:translateY(120%)}}@media (max-width: 640px){:root{--ad-height: 56px;--ad-gap: 10px;--topbar-height: 64px}.topbar{flex-wrap:nowrap;gap:6px;padding:8px 12px}.top-actions,.lang-switch{display:none}.btn.icon{display:inline-flex}#map{top:var(--topbar-height)}.panel{bottom:calc(var(--ad-offset) + 10px);height:min(68vh,calc(100vh - var(--ad-offset) - var(--topbar-height) - 16px));border-radius:16px}.section{padding:10px}.panel .section:first-child{max-height:42%;overflow:auto;-webkit-overflow-scrolling:touch}.filters{gap:8px}.tag{padding:4px 8px;font-size:11px}.actions{gap:6px}.list{padding:10px}.card{padding:10px;margin-bottom:8px}.card .meta{font-size:11px}.adbar{left:12px;right:12px;padding:10px 12px;border-radius:14px}.filters{grid-template-columns:1fr}.style-backdrop{align-items:flex-end}.style-sheet{width:calc(100% - 16px);margin-bottom:calc(var(--ad-offset) + 8px);border-radius:20px;max-height:calc(100vh - var(--ad-offset) - 20px)}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-screen{padding:16px}.home-shell{padding:18px}.home-hero{grid-template-columns:1fr;text-align:left}.home-actions{justify-content:flex-start}.home-grid{grid-template-columns:1fr}}