:root{--bg: #080d14;--surface: #0d1522;--surface-soft: #121c2c;--text: #dbe6f4;--muted: #8f9db6;--line: #1f2b40;--brand: #4ca8cf;--brand-strong: #3a8fb3;--accent: #3fb7a8;--shadow: 0 16px 40px rgba(2, 8, 20, .5);font-family:General Sans,SUIT,Pretendard,Noto Sans KR,sans-serif;line-height:1.5;font-weight:500;color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg: #f4f6f8;--surface: #f8fafb;--surface-soft: #eef2f5;--text: #24313f;--muted: #657486;--line: #d8e0e8;--brand: #4a87a9;--brand-strong: #3b6f8c;--accent: #4c8b7d;--shadow: 0 14px 28px rgba(47, 60, 76, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% -10%,#2dd4bf22 0 24%,transparent 25%),radial-gradient(circle at 90% 0%,#38bdf822 0 22%,transparent 23%),linear-gradient(180deg,#080d14,#0c1422 260px,#080d14)}html[data-theme=light] body{background:radial-gradient(circle at 15% -10%,#7dd3fc33 0 24%,transparent 25%),radial-gradient(circle at 90% 0%,#5eead433 0 22%,transparent 23%),linear-gradient(180deg,#edf3fb,#e8eef8 260px,#f2f6fc)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text);padding:8px 12px;font:inherit;cursor:pointer}.app-shell{position:relative;min-height:100vh;max-width:760px;margin:0 auto;background:color-mix(in srgb,var(--surface),black 6%);display:flex;flex-direction:column;box-shadow:var(--shadow);overflow:hidden}.app-shell:before{content:"";position:absolute;inset:-120px -40px auto auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,#2dd4bf22 0 40%,transparent 70%);pointer-events:none}.top-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid #1b2537;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface),transparent 25%)}.region-button{text-align:left;flex:1;border-radius:12px;border-color:#2b3a52;background:linear-gradient(90deg,#141d2d,#172338)}.region-button.active{border-color:#5baecf;box-shadow:0 0 0 2px #4ca8cf33}.header-actions{display:flex;gap:8px;align-items:center}.ghost-button{display:grid;place-items:center;min-height:36px;min-width:58px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:#131d2d}.ghost-button.active{border-color:#5baecf;box-shadow:0 0 0 2px #4ca8cf33}.page-content{flex:1;padding:20px 16px 94px}.bottom-tab-nav{position:fixed;left:0;right:0;bottom:0;max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 16px 20px;background:color-mix(in srgb,var(--surface),transparent 12%);border-top:1px solid #1b2537;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-link{text-align:center;padding:10px 4px;border-radius:12px;color:var(--muted);transition:all .22s ease}.tab-link.active{color:#041018;background:linear-gradient(135deg,#6fc8d6,#4ca8cf);box-shadow:0 10px 18px #0ea5e944;font-weight:700}h1,h2,p{margin:0}h1{font-size:1.72rem;line-height:1.2;letter-spacing:-.03em}h2{font-size:1.2rem}.stack{display:grid;gap:16px}.eyebrow{font-size:.75rem;color:var(--accent);font-weight:700;letter-spacing:.08em}.hero-panel{position:relative;display:grid;gap:8px;padding:18px;border-radius:22px;border:1px solid #1f2b40;background:radial-gradient(circle at 90% 20%,#22d3ee22 0 24%,transparent 26%),linear-gradient(135deg,#111b2b,#0f2135 45%,#102031)}.hero-panel h1,.hero-panel p{color:#dbe6f4}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#14253a;border-color:#24415f}.chip.muted{background:#152133;border-color:#26344c}.map-category-chip.active{color:#041018;background:linear-gradient(135deg,#6fc8d6,#4ca8cf);border-color:transparent;box-shadow:0 10px 18px #0ea5e944;font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.text-button{border:0;border-radius:10px;color:#8fbfd4;background:transparent;padding:4px 2px}.spot-card{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:12px;border:1px solid #1f2b40;border-radius:18px;background:color-mix(in srgb,var(--surface),#122238 20%);box-shadow:0 10px 20px #02081459}.spot-card[role=button]{cursor:pointer}.spot-card[role=button]:focus-visible{outline:0;border-color:#5baecf;box-shadow:0 0 0 3px #4ca8cf33}.thumb-placeholder{height:80px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;border:1px solid #355071;color:#bdeaff;background:radial-gradient(circle at 70% 30%,#34d39944 0 18%,transparent 19%),linear-gradient(135deg,#173457,#1f4670);font-size:.82rem;font-weight:700;line-height:1.3;padding:8px}.thumb-placeholder span{white-space:pre-line}.thumb-image{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.spot-body{display:grid;gap:8px}.spot-title{font-size:1.04rem;font-weight:700}.spot-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.badge{display:inline-block;border-radius:999px;padding:2px 8px;color:#052018;background:linear-gradient(135deg,var(--accent),#14b8a6);font-size:.78rem}.spot-score{color:#66bed8;font-weight:700}.map-stage{border:1px solid #23324b;border-radius:20px;min-height:260px;display:block;background:radial-gradient(circle at 22% 20%,#2dd4bf22 0 13%,transparent 14%),radial-gradient(circle at 62% 42%,#38bdf822 0 10%,transparent 11%),linear-gradient(135deg,#121b2b,#16283e)}.map-layout{gap:14px}.map-hint{color:var(--muted);font-size:.9rem}.map-container{position:relative;overflow:hidden}.map-container:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#04111f22,#06122055)}.map-overlay-message{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2;margin:0;padding:6px 10px;border-radius:999px;border:1px solid #2b3f5f;background:#0f1a2acc;color:#bdeaff;font-size:.86rem;font-weight:700}.kakao-map{width:100%;height:360px;min-height:300px}.sort-row{display:flex;flex-wrap:wrap;gap:8px}.radius-row{display:grid;gap:8px}.radius-row input[type=range]{width:100%;accent-color:#6fc8d6}.sheet-list{display:grid;gap:8px}.sheet-list-item{display:grid;gap:4px;padding:10px;border-radius:12px;border:1px solid #24354f;background:#0d1726}.map-list-item{padding:0;overflow:hidden}.spot-row-actions{display:flex;gap:8px}.map-spot-row{display:grid;grid-template-columns:112px 1fr;gap:0;align-items:stretch;min-height:112px}.map-spot-thumb{width:100%;height:100%;min-height:112px;border-radius:0;border-right:1px solid #355071;overflow:hidden;background:radial-gradient(circle at 70% 30%,#34d39944 0 18%,transparent 19%),linear-gradient(135deg,#173457,#1f4670);display:grid;place-items:center}.map-spot-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.map-spot-thumb-empty{margin:0;text-align:center;color:#bdeaff;font-size:.78rem;font-weight:700;line-height:1.2}.map-spot-main{min-width:0;display:grid;gap:4px;padding:10px}.spot-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-list-item[role=button]{cursor:pointer}.sheet-list-item[role=button]:focus-visible{outline:0;border-color:#5baecf;box-shadow:0 0 0 3px #4ca8cf33}.sheet-spot-title{display:inline-flex;align-items:center;gap:6px;font-weight:700}.sheet-spot-meta{color:var(--muted);font-size:.9rem}.review-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.review-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.review-photo-item{display:grid;gap:6px}.review-photo-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;border:1px solid #2a3e5e;background:#0c1626}.sheet-empty{color:var(--muted);text-align:center;padding:8px}.search-panel{padding:12px 16px;border-bottom:1px solid #1b2537;background:#0b1422;display:grid;gap:10px}.search-panel-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.search-result-list{display:grid;gap:8px;max-height:52vh;overflow:auto}.search-result-item{width:100%;text-align:left;display:grid;gap:4px;padding:10px;border-radius:12px;border:1px solid #24354f;background:#0d1726}.region-select-grid{display:grid;gap:10px}.region-select-field{display:grid;gap:6px}.region-select-field select.form-input{padding-right:12px}.sheet-card{display:grid;gap:8px;padding:14px;border:1px solid #1f2b40;border-radius:18px;background:#101a2acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sheet-title{font-weight:700}.primary-link{display:grid;place-items:center;min-height:48px;border-radius:12px;border:0;color:#041018;font-weight:700;background:linear-gradient(90deg,#6fc8d6,#4ca8cf);box-shadow:0 14px 20px #0ea5e940}.primary-link.compact,.secondary-link.compact{min-height:40px;padding:0 14px}.secondary-link{display:grid;place-items:center;min-height:48px;border-radius:12px;border:1px solid #2b3b54;color:var(--text);background:#141f31;font:inherit}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.action-link{border:1px solid #2b3b54;border-radius:10px;min-height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:#141f31;font-size:.88rem}.action-link.primary{color:#041018;background:linear-gradient(135deg,#6fc8d6,#4ca8cf);border-color:transparent;font-weight:700}.login-screen,.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.login-card{width:min(520px,100%);display:grid;gap:14px;padding:22px;border:1px solid #22324b;border-radius:20px;background:radial-gradient(circle at 88% 16%,#22d3ee22 0 20%,transparent 24%),linear-gradient(135deg,#111b2b,#0f1d2e);box-shadow:var(--shadow)}.login-actions{display:grid;gap:10px}.oauth-button{min-height:46px;border-radius:12px;font-weight:700}.oauth-button.kakao{background:#fbe64d;color:#1f1f1f;border-color:#ddcc4a}.oauth-button.naver{background:#14532d;color:#d1fae5;border-color:#1f7a43}.oauth-button.google{background:#1c2638;color:#e5ecf5;border-color:#334155}.oauth-button:disabled{opacity:.65;cursor:not-allowed}.login-note{color:var(--muted);font-size:.9rem}.profile-form{display:grid;gap:10px}.form-label{font-size:.9rem;color:#b7c6de}.form-input{width:100%;min-height:44px;border:1px solid #31435f;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#0f1d30,#102238);color:var(--text);font:inherit;box-shadow:inset 0 1px #ffffff0d;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-textarea{min-height:88px;resize:vertical;border-radius:12px}.form-input:focus{outline:0;border-color:#5baecf;box-shadow:0 0 0 3px #4ca8cf33}select.form-input{appearance:auto;cursor:pointer;border-color:#395374;background-image:none;padding-right:12px}.file-input-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.file-picker{width:100%;min-height:48px;border-radius:12px;border:1px solid #335173;background:linear-gradient(180deg,#101f33,#11253d);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.file-picker-meta{color:var(--muted);font-size:.88rem}.photo-empty-state{display:flex;align-items:center;gap:8px;color:var(--muted)}.form-error{color:#fca5a5;font-size:.88rem}.primary-link:disabled{opacity:.7;cursor:not-allowed}.detail-id{color:var(--muted);font-size:.9rem}.reveal{opacity:0;transform:translateY(10px);animation:reveal .42s ease forwards}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.cta-row,.spot-card{grid-template-columns:1fr}.thumb-placeholder{width:100%;height:110px}.map-spot-row{grid-template-columns:1fr}.map-spot-thumb{width:100%;min-height:110px;border-right:0;border-bottom:1px solid #355071}}.icon-text{display:inline-flex;align-items:center;gap:6px}.icon-text svg{flex:0 0 auto}.tab-link .icon-text,.oauth-button .icon-text,.action-link .icon-text,.primary-link .icon-text,.secondary-link .icon-text,.ghost-button .icon-text,.text-button .icon-text{justify-content:center}.form-success{color:#86efac;font-size:.9rem;text-align:center}.danger-text-button{border:1px solid #7f1d1d;border-radius:10px;padding:6px 10px;background:#2a0f14;color:#fca5a5;font-weight:700;cursor:pointer}.region-picked-row{grid-template-columns:1fr auto;align-items:center}html[data-theme=light] body{background:radial-gradient(circle at 10% -10%,#9fb6c866 0 28%,transparent 29%),radial-gradient(circle at 92% 0%,#9fc4bd66 0 26%,transparent 27%),linear-gradient(180deg,#f2f5f7,#edf2f5 320px,#f7f9fb)}html[data-theme=light] .app-shell{background:linear-gradient(180deg,#f7f9fb,#f1f5f8 45%,#f8fafb);box-shadow:0 18px 30px #36445421}html[data-theme=light] .app-shell:before{background:radial-gradient(circle,#8fa8be55 0 45%,transparent 72%)}html[data-theme=light] .top-header,html[data-theme=light] .bottom-tab-nav,html[data-theme=light] .search-panel,html[data-theme=light] .sheet-card,html[data-theme=light] .spot-card,html[data-theme=light] .sheet-list-item,html[data-theme=light] .login-card{background:#f9fbfc;border-color:#d7e0e8;color:#24313f}html[data-theme=light] .ghost-button,html[data-theme=light] .region-button,html[data-theme=light] .chip,html[data-theme=light] .chip.muted,html[data-theme=light] .action-link,html[data-theme=light] .secondary-link,html[data-theme=light] .search-result-item{background:#eff3f6;border-color:#d5dee7;color:#2a3949}html[data-theme=light] .sheet-spot-meta,html[data-theme=light] .map-hint,html[data-theme=light] .sheet-empty,html[data-theme=light] .form-label,html[data-theme=light] .login-note{color:#6a7a8b}html[data-theme=light] .tab-link.active,html[data-theme=light] .primary-link,html[data-theme=light] .action-link.primary,html[data-theme=light] .map-category-chip.active{color:#fff;background:linear-gradient(135deg,#5f8fab,#4e9a94);box-shadow:0 10px 18px #4c7c8e38}html[data-theme=light] .map-stage{background:radial-gradient(circle at 22% 20%,#97b0c41a 0 13%,transparent 14%),radial-gradient(circle at 62% 42%,#94bdb61a 0 10%,transparent 11%),linear-gradient(135deg,#edf2f6,#e8eff4);border-color:#d7e0e8}html[data-theme=light] .map-spot-thumb{border-right-color:#cfdbe7;background:radial-gradient(circle at 70% 30%,#7cc5bb4d 0 20%,transparent 21%),linear-gradient(135deg,#ddeaf7,#d8e6f5)}html[data-theme=light] .map-spot-thumb-empty{color:#476682}html[data-theme=light] .form-input{background:linear-gradient(180deg,#fff,#f6f9fb);border-color:#d4dde7;color:#24313f}html[data-theme=light] select.form-input{border-color:#c7d3df;background-image:none}html[data-theme=light] .text-button{color:#3b6f8c}html[data-theme=light] .danger-text-button{border-color:#ef4444;background:#fff1f2;color:#b91c1c}.settings-wrap{position:relative}.nav-sheet-backdrop{position:fixed;inset:0;z-index:60;background:#040a148f;display:flex;align-items:flex-end;justify-content:center;padding:16px}.nav-sheet{width:min(760px,100%);display:grid;gap:10px;border-radius:16px;border:1px solid #2a3a54;background:#0f1a2b;box-shadow:0 18px 34px #03091299;padding:14px}.app-select-wrap{width:100%}.app-select__control{min-height:44px!important;border-radius:12px!important;border:1px solid #31435f!important;background:linear-gradient(180deg,#0f1d30,#102238)!important;box-shadow:inset 0 1px #ffffff0d!important}.app-select__control:hover{border-color:#3b5272!important}.app-select__control--is-focused{border-color:#5baecf!important;box-shadow:0 0 0 3px #4ca8cf33!important}.app-select__value-container{padding:2px 10px!important}.app-select__single-value{color:var(--text)!important}.app-select__placeholder{color:var(--muted)!important}.app-select__indicator{color:#8fbfd4!important}.app-select__indicator-separator{background:#355071!important}.app-select__menu{margin-top:6px!important;border:1px solid #2b3b54!important;border-radius:12px!important;background:#0f1a2b!important;overflow:hidden!important}.app-select__menu-list{padding:6px!important}.app-select__option{border-radius:8px!important;color:var(--text)!important;cursor:pointer!important}.app-select__option--is-focused{background:#1b2c45!important}.app-select__option--is-selected{background:linear-gradient(135deg,#6fc8d6,#4ca8cf)!important;color:#041018!important}.settings-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:170px;border:1px solid #2a3a54;border-radius:12px;background:#0f1a2b;box-shadow:0 12px 26px #050a1473;padding:10px}.settings-popover:before{content:"";position:absolute;top:-7px;right:18px;width:12px;height:12px;transform:rotate(45deg);background:#0f1a2b;border-left:1px solid #2a3a54;border-top:1px solid #2a3a54}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.switch-button{width:46px;height:26px;border-radius:999px;border:1px solid #36506f;background:#132238;padding:2px;transition:background .2s ease,border-color .2s ease}.switch-thumb{display:block;width:20px;height:20px;border-radius:999px;background:#dbe6f4;transform:translate(0);transition:transform .2s ease,background .2s ease}.switch-button.on{background:#2f8e7f;border-color:#2f8e7f}.switch-button.on .switch-thumb{transform:translate(20px);background:#fff}html[data-theme=light] .hero-panel{border-color:#cddae6;background:radial-gradient(circle at 88% 20%,#9bb7cb2a 0 24%,transparent 26%),linear-gradient(135deg,#f2f6fa,#ecf2f7 45%,#eef3f8)}html[data-theme=light] .hero-panel h1,html[data-theme=light] .hero-panel p{color:#263546}html[data-theme=light] .spot-score{color:#1f5672}html[data-theme=light] .settings-popover{border-color:#d2dce6;background:#f8fbfd;box-shadow:0 10px 22px #2a3d522e}html[data-theme=light] .settings-popover:before{background:#f8fbfd;border-left-color:#d2dce6;border-top-color:#d2dce6}html[data-theme=light] .switch-button{border-color:#bfd0df;background:#eaf1f6}html[data-theme=light] .switch-thumb{background:#6f8598}html[data-theme=light] .switch-button.on{background:#4a87a9;border-color:#4a87a9}html[data-theme=light] .file-picker{border-color:#c9d5e0;background:linear-gradient(180deg,#fff,#f4f8fb)}html[data-theme=light] .nav-sheet-backdrop{background:#1e2a3847}html[data-theme=light] .nav-sheet{border-color:#d2dce6;background:#f8fbfd;box-shadow:0 12px 26px #2a3d5233}html[data-theme=light] .app-select__control{border-color:#d4dde7!important;background:linear-gradient(180deg,#fff,#f6f9fb)!important}html[data-theme=light] .app-select__control--is-focused{border-color:#5f8fab!important;box-shadow:0 0 0 3px #5f8fab33!important}html[data-theme=light] .app-select__single-value{color:#24313f!important}html[data-theme=light] .app-select__placeholder{color:#6a7a8b!important}html[data-theme=light] .app-select__indicator{color:#5c7690!important}html[data-theme=light] .app-select__indicator-separator{background:#cfdae5!important}html[data-theme=light] .app-select__menu{border-color:#d2dce6!important;background:#fff!important}html[data-theme=light] .app-select__option{color:#24313f!important}html[data-theme=light] .app-select__option--is-focused{background:#edf3f9!important}