:root{--ocean:#082b38;--ocean2:#0b5367;--sky:#8ddcf2;--mint:#87e3ca;--sand:#f1d9aa;--ink:#102d39;--paper:#f4fbfd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071b20;color:#eef9fa;font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR",sans-serif}.region-shell{width:min(1480px,calc(100% - 40px));margin:auto;padding:22px 0 70px}.region-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.region-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.region-brand i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#cfff42;color:#0a2831;font-style:normal;font-weight:950}.region-brand b,.region-brand small{display:block}.region-brand small{margin-top:3px;color:#89a9b2;font-size:11px;letter-spacing:.1em}.locked-home{min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:transparent;color:#b7c9ce;font-weight:850}.region-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:42px;padding:42px;border-radius:30px;background:radial-gradient(circle at 80% 20%,rgba(141,220,242,.25),transparent 28%),linear-gradient(145deg,var(--ocean),var(--ocean2) 65%,#846747)}.eyebrow{margin:0;color:var(--mint);font-size:12px;font-weight:900;letter-spacing:.16em}.region-hero h1{margin:12px 0 10px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.06em}.region-hero h1 em{display:block;color:var(--sky);font-style:normal}.region-hero p:not(.eyebrow){max-width:700px;margin:0;color:#c6dade;font-size:17px;line-height:1.7}.trip-date{padding:20px 22px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(4,31,40,.36);text-align:right}.trip-date span,.trip-date b{display:block}.trip-date span{color:#8fb2bc;font-size:10px;font-weight:900;letter-spacing:.15em}.trip-date b{margin-top:6px;font-size:20px}.region-tabs{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;padding:7px;border:1px solid rgba(141,220,242,.25);border-radius:18px;background:rgba(6,26,32,.94);backdrop-filter:blur(14px)}.region-tabs button{min-height:48px;border:0;border-radius:12px;background:transparent;color:#9db2b8;font-weight:900}.region-tabs button.active{background:#92ddf4;color:#0b2c39}.region-panel{display:none;padding:34px 0}.region-panel.active{display:block}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-head h2{margin:6px 0 0;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.panel-head>p{margin:0;color:#8fa6ad}.city-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:18px;margin-bottom:26px}.priority-note,.weather-card{border:1px solid rgba(141,220,242,.2);border-radius:24px;background:linear-gradient(145deg,rgba(12,74,89,.55),rgba(10,35,42,.84));padding:24px}.priority-note span,.weather-card header span{color:var(--mint);font-size:10px;font-weight:900;letter-spacing:.14em}.priority-note h3,.weather-card h3{margin:6px 0 10px;font-size:22px}.priority-note p{margin:0;color:#b9ccd1;line-height:1.65}.weather-card header{display:flex;align-items:start;justify-content:space-between;gap:12px}.weather-status{color:#8faab1;font-size:12px}.weather-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.weather-day{padding:12px 8px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.05);text-align:center}.weather-day b,.weather-day span,.weather-day small{display:block}.weather-day b{font-size:12px}.weather-day i{display:block;margin:7px 0;font-style:normal;font-size:25px}.weather-day span{font-size:12px;font-weight:850}.weather-day small{margin-top:5px;color:#91abb2;font-size:10px}.weather-source{display:block;margin-top:10px;color:#7297a1;font-size:10px;text-align:right}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.site-card{overflow:hidden;border:1px solid rgba(141,220,242,.22);border-radius:26px;background:#0b1d22}.site-visual{position:relative;height:280px;background:#163943}.site-visual img{width:100%;height:100%;object-fit:cover}.rank,.zone,.photo-label{position:absolute;border-radius:10px;font-weight:900}.rank{left:16px;top:16px;padding:9px 11px;background:#cfff42;color:#112b32}.zone{right:16px;top:16px;padding:9px 12px;background:rgba(4,27,33,.86);color:#86e2c5}.photo-label{left:16px;bottom:16px;padding:8px 11px;background:rgba(3,19,24,.87);color:#eef9fa;font-size:11px}.site-body{padding:22px}.site-body h3{margin:0 0 12px;font-size:27px}.territory{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(207,255,66,.26);border-radius:13px;color:#dfff78;font-size:13px;font-weight:900}.territory span{overflow-wrap:anywhere}.territory button{min-width:54px;min-height:42px;border:0;border-radius:10px;background:#cfff42;color:#102a31;font-weight:950}.site-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.site-tags span{padding:7px 9px;border-radius:9px;background:#102b31;color:#a9bec4;font-size:12px;font-weight:800}.site-body p{margin:10px 0;color:#b6c6ca;line-height:1.65}.site-body .reason{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.map-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.map-links a{display:grid;place-items:center;min-height:46px;border:1px solid rgba(141,220,242,.28);border-radius:12px;color:#8edff7;font-weight:900;text-decoration:none}.goal-sheet{padding:clamp(22px,4vw,42px);border-radius:28px;background:linear-gradient(180deg,#e5f8ff,#fffaf0);color:var(--ink)}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.goal-sheet label{display:grid;gap:7px}.goal-sheet label span{color:#54717d;font-size:11px;font-weight:900;letter-spacing:.08em}.goal-sheet input,.goal-sheet textarea{width:100%;min-height:52px;padding:13px 14px;border:1px solid #c7dfe7;border-radius:12px;background:#fff;color:#173946;font-size:16px}.goal-sheet .wide{grid-column:1/-1}.goal-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.goal-tier{padding:16px;border:1px solid #c7e2eb;border-radius:16px;background:#fff}.goal-tier b,.goal-tier output{display:block}.goal-tier b{margin-bottom:9px;color:#167ca3}.goal-tier output{margin-top:8px;color:#597581;font-size:12px;font-weight:800}.goal-actions{display:flex;justify-content:flex-end;margin-top:18px}.goal-actions button{min-height:50px;padding:0 22px;border:0;border-radius:13px;background:#0b5a72;color:#fff;font-weight:950}.save-state{margin-right:auto;color:#69818b;font-size:13px}
@media(max-width:900px){.city-dashboard{grid-template-columns:1fr}.weather-source{display:block;margin-top:10px;color:#7297a1;font-size:10px;text-align:right}.site-grid{grid-template-columns:1fr}.region-hero{grid-template-columns:1fr}.trip-date{text-align:left}.goal-grid,.goal-tiers{grid-template-columns:1fr}.goal-sheet .wide{grid-column:auto}}
@media(max-width:600px){.region-shell{width:calc(100% - 28px);padding-top:14px}.region-header{align-items:flex-start}.region-brand small{display:none}.region-hero{margin-top:28px;padding:30px 20px;border-radius:0}.region-hero h1{font-size:46px}.region-hero p:not(.eyebrow){font-size:16px}.trip-date{padding:14px 16px}.panel-head{align-items:flex-start;flex-direction:column}.city-dashboard{grid-template-columns:minmax(0,1fr)}.priority-note,.weather-card{padding:18px}.weather-grid{grid-template-columns:repeat(2,1fr)}.site-visual{height:220px}.site-body{padding:18px}.site-body h3{font-size:24px}.photo-label{max-width:calc(100% - 32px)}.goal-sheet{padding:20px 16px}.map-links a,.region-tabs button,.locked-home,.territory button{min-height:44px}input,textarea,button{max-width:100%}}