@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#263e36;--muted:#7a8279;--line:#e4e6dd;--green:#68a582;--orange:#e6a16a;--yellow:#e8cc69}*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #699e88;outline-offset:3px}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:700}.brand-icon{background:#2d5143;color:#f7f4e5;width:39px;height:42px;display:grid;place-items:center;border-radius:14px 14px 14px 3px;font-size:28px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:4px;font-weight:500}.header-note{color:#92988c;font-size:12px}.mode{display:flex;align-items:center;gap:8px;font-size:12px;background:#eceee5;padding:10px 14px;border-radius:30px}.mode i,.live-dot{width:6px;height:6px;border-radius:50%;background:#719b7e;display:inline-block}main{max-width:1700px;margin:auto;padding:47px 4vw 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#82917c;margin:0 0 15px;font-weight:600}h1{font-size:35px;letter-spacing:-1.8px;font-weight:500;margin:0 0 13px}h1 em{font-style:normal;color:#7b9178}.subtitle{color:var(--muted);font-size:13px;margin:0}.totals{display:flex}.totals>div{min-width:125px;text-align:center;padding:0 22px;border-left:1px solid var(--line)}.totals strong{display:block;font-size:32px;font-weight:500;margin-bottom:7px}.totals span{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.visited{background:var(--green)}.planned{background:var(--orange)}.wishlist{background:var(--yellow)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;border:1px solid #dce1d8;border-radius:17px;overflow:hidden;background:#fcfcf8;box-shadow:0 8px 35px #28453404}.map-wrap{position:relative;min-height:665px;background:#e6eeec}#map{position:absolute;inset:0}.map-heading{position:absolute;top:23px;left:24px;display:flex;gap:9px;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.5px;pointer-events:none}.map-heading>span:last-child{margin-left:13px;font-size:8px;color:#869b91;font-weight:400}.home{position:absolute;left:22px;top:53px;background:#fffffff0;border:1px solid #dbe2d9;border-radius:7px;padding:10px 12px;font-size:11px;color:#445e50;box-shadow:0 2px 6px #00000004}.legend{position:absolute;bottom:49px;left:22px;display:flex;gap:18px;background:#fffffff2;padding:13px 16px;border:1px solid #e1e6dd;border-radius:8px;font-size:10px}.legend span{display:flex;align-items:center;gap:7px}.map-hint{position:absolute;bottom:22px;left:24px;font-size:10px;color:#718980;pointer-events:none}aside{background:#fcfcf8;padding:24px;border-left:1px solid var(--line);max-height:760px;overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-bottom:18px}.small-label{font-size:8px;color:#969d90;letter-spacing:1.4px;font-weight:400}.search{display:flex;align-items:center;gap:9px;background:#f2f3ed;border:1px solid #e6e9df;border-radius:8px;padding:10px 12px}.search>span{font-size:24px;line-height:18px;color:#8c988a}.search input{background:none;border:0;outline:none;width:100%;font-size:12px;color:var(--ink)}.search input::placeholder{color:#9a9f94}.results{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:7px;margin-top:5px}.results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:white;padding:10px 12px;color:var(--ink)}.results button:hover{background:#eef2e9}.results p{padding:12px;color:var(--muted);font-size:12px}.empty{text-align:center;padding:35px 0 30px}.empty-icon{margin:0 auto 22px;width:56px;height:56px;border:1px dashed #b9c6b4;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#7f977a;transform:rotate(-10deg)}.empty .eyebrow{font-size:8px;margin-bottom:13px}.empty h2{font-size:19px;font-weight:500;line-height:1.7;letter-spacing:-.6px;margin:0}.empty>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#9a9f94;margin:15px 0}.text-button{border:0;background:none;color:#78916d;font-size:11px}.saved{border-top:1px solid var(--line);padding-top:20px}.saved-heading{display:flex;justify-content:space-between;align-items:center}.saved h3{font-size:12px;margin:0;font-weight:500}.saved-heading>span{font-size:10px;color:#9ba18f}.filters{display:flex;gap:5px;margin:15px 0}.filters button{border:1px solid transparent;background:none;color:#9a9f92;padding:5px 9px;font-size:10px;border-radius:20px}.filters button[aria-pressed=true]{background:#eaf0e5;color:#496e48;border-color:#dbe6d4}.saved-row{width:100%;border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 0;color:var(--ink);border-bottom:1px solid #eff0e8}.saved-row:hover{background:#f1f4eb}.saved-row>span:nth-child(2){flex:1;font-size:12px}.saved-row small{display:block;font-size:9px;color:#9aa191;margin-top:3px}.saved-row>b{font-size:10px;font-weight:400;color:#8e9a87}.no-places{color:#a0a697;font-size:11px;padding:15px 0 20px}.storage-note{display:flex;gap:9px;margin-top:25px;color:#86927f;font-size:11px}.storage-note>span{font-size:18px}.storage-note p{margin:2px 0;line-height:1.7}.storage-note small{display:block;color:#a4aa9b;font-size:10px;margin-top:6px}.country-top{display:flex;align-items:center;justify-content:space-between;margin-top:28px}#country-code{letter-spacing:2px;color:#87977d;font-size:11px}.status-pill{font-size:10px;padding:5px 8px;border-radius:20px;background:#eef0e8}#country-name{font-size:30px;letter-spacing:-1px;margin:10px 0 5px;font-weight:500}.english{font-size:12px;color:#9aab94;margin:0 0 28px}.field-label{font-size:11px;color:#87917f}.status-options{display:grid;gap:9px}.status-options button{border:1px solid #e2e7db;border-radius:9px;padding:13px;display:flex;gap:12px;align-items:center;background:#fff;color:var(--ink);text-align:left}.status-options button:hover{background:#f6f8f0}.status-options button[aria-pressed=true]{border-color:#789d7c;background:#f0f5ea}.status-options button>span{flex:1;font-size:12px}.status-options small{display:block;font-size:10px;color:#a2a994;margin-top:4px}.status-options b{visibility:hidden;color:#688c60}.status-options button[aria-pressed=true] b{visibility:visible}.remove{border:0;background:none;color:#9ca28e;font-size:10px;text-decoration:underline;margin:15px 0 0;padding:0}.remove:disabled{opacity:.4;cursor:default}.save-note{font-size:9px;color:#9da991;margin:12px 0 25px}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0 25px;color:#a3a897;font-size:8px;letter-spacing:1.5px}footer>div{display:flex;align-items:center;gap:25px;letter-spacing:0}footer button{color:#819174;font-size:10px;border:0;background:none}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:#2f5144;color:white;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}#map-error{position:absolute;inset:130px 25px auto;padding:20px;background:#fff9e7;border:1px solid #dbcb98;border-radius:10px;font-size:13px}.maplibregl-ctrl-attrib{font-size:9px!important}.maplibregl-ctrl-group{box-shadow:0 0 0 1px #dce3d9!important}.country-tooltip{background:#fff;padding:7px 11px;border-radius:7px;font-size:12px;box-shadow:0 3px 15px #0001;position:absolute;pointer-events:none;display:none;z-index:3}.maplibregl-canvas:focus-visible{outline-offset:-3px}[hidden]{display:none!important}@media(min-width:1600px){.map-wrap{min-height:730px}}@media(max-width:1050px){.header-note{display:none}.totals>div{min-width:90px;padding:0 13px}.workspace{grid-template-columns:minmax(0,1fr) 300px}aside{padding:20px}.map-heading>span:last-child{display:none}h1{font-size:29px}}@media(max-width:760px){header{height:75px;padding:0 20px}.brand{font-size:16px}.brand-icon{width:32px;height:36px}.mode{font-size:0;padding:9px}.mode i{width:8px;height:8px}main{padding:30px 16px 0}.intro{display:block;margin-bottom:24px}h1{font-size:29px}.subtitle{font-size:11px}.totals{margin-top:24px;justify-content:space-between}.totals>div{flex:1;padding:0 8px}.totals>div:first-child{border:0}.totals strong{font-size:26px}.totals span{font-size:10px}.workspace{display:flex;flex-direction:column}.map-wrap{min-height:470px}aside{border-left:0;border-top:1px solid var(--line);max-height:none}.legend{left:12px;bottom:48px;gap:14px;padding:11px;font-size:9px}.map-hint{left:14px;font-size:9px}.map-heading{left:16px}.home{left:14px}.empty{padding:25px 0}.empty h2 br{display:none}.empty-icon{margin-bottom:15px}footer{gap:15px;align-items:flex-start;line-height:1.8}footer>div{flex-direction:column;gap:8px;align-items:flex-end}footer>span{max-width:100px}}