:root{color:#142033;background:#eef5ff;--brand-blue: #1677ff;--brand-blue-dark: #0b4eb3;--brand-blue-soft: #e7f1ff;--brand-blue-line: rgba(22, 119, 255, .28);--ink: #142033;--muted: #64748b;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(90deg,#eff6ffe6,#eff6ff14 48%),#dbeafe}.map-stage{position:fixed;inset:0}.naver-map{width:100%;height:100%}.map-fallback{position:absolute;inset:0;overflow:hidden;background:linear-gradient(120deg,rgba(96,165,250,.28),transparent 38%),linear-gradient(25deg,transparent 45%,rgba(37,99,235,.14) 46%,transparent 48%),#dbeafe}.map-grid{position:absolute;inset:-40px;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:76px 76px;transform:rotate(-7deg) scale(1.08)}.road{position:absolute;height:48px;border:1px solid rgba(85,99,84,.18);background:#fcfbf5c7;box-shadow:0 12px 24px #232e2614}.road-a{top:33%;left:-8%;width:120%;transform:rotate(-13deg)}.road-b{top:60%;left:-12%;width:118%;transform:rotate(8deg)}.road-c{top:-8%;left:52%;width:48px;height:120%;transform:rotate(24deg)}.map-pin{position:absolute;top:46%;left:63%;width:42px;height:42px;border-radius:50% 50% 50% 8px;background:var(--brand-blue);border:6px solid #fffaf0;box-shadow:0 18px 40px #40312642;transform:rotate(-45deg)}.map-pin:after{position:absolute;inset:8px;content:"";border-radius:50%;background:#fffaf0}.map-location-control{position:fixed;right:24px;bottom:24px;z-index:6;display:grid;justify-items:end;gap:10px;pointer-events:none}.location-button{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(22,119,255,.16);border-radius:16px;color:var(--brand-blue);background:#fffffff5;box-shadow:0 16px 34px #14203329;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.location-button:hover{border-color:#1677ff57;box-shadow:0 18px 38px #1677ff2e;transform:translateY(-1px)}.location-button:disabled{cursor:wait;opacity:.72}.location-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.location-spinner{width:20px;height:20px;border:2px solid rgba(22,119,255,.2);border-top-color:var(--brand-blue);border-radius:50%;animation:location-spin .72s linear infinite}.location-message{max-width:min(320px,calc(100vw - 48px));border:1px solid rgba(22,119,255,.14);border-radius:12px;padding:10px 12px;color:var(--brand-blue-dark);background:#fffffff5;box-shadow:0 16px 34px #14203324;font-size:12px;font-weight:800;pointer-events:auto}.location-message.is-error{color:#b42318;border-color:#b4231829}@keyframes location-spin{to{transform:rotate(360deg)}}.brand-launcher{position:fixed;top:18px;left:18px;z-index:8;display:inline-flex;align-items:flex-end;gap:10px;min-height:52px;border:1px solid rgba(23,32,26,.1);border-radius:8px;padding:8px 10px 8px 8px;color:#17201a;background:#fffdf5e6;box-shadow:0 16px 42px #2a362921;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .18s ease,transform .18s ease}.map-sidebar{--rail-width: 96px;--panel-width: 390px;--panel-gap: 14px;--toggle-gap: 14px;--toggle-size: 36px;--panel-transition: .42s cubic-bezier(.22, 1, .36, 1);position:fixed;inset:18px auto 18px 18px;z-index:8;display:grid;grid-template-columns:var(--rail-width) var(--panel-width);column-gap:var(--panel-gap);width:calc(var(--rail-width) + var(--panel-gap) + var(--panel-width) + var(--toggle-gap) + var(--toggle-size));height:calc(100vh - 36px);background:transparent;transition:width var(--panel-transition)}.map-sidebar.is-collapsed{width:calc(var(--rail-width) + var(--toggle-gap) + var(--toggle-size));grid-template-columns:var(--rail-width) 0;column-gap:0}.menu-rail{display:grid;grid-template-rows:96px repeat(4,74px) 1fr;align-content:start;row-gap:14px;padding-bottom:16px;width:var(--rail-width);height:calc(100vh - 36px);border:1px solid rgba(22,119,255,.12);border-radius:22px;background:#ffffffeb;box-shadow:0 20px 48px #14203324;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.rail-logo{align-self:center;justify-self:center;display:block;width:50px;height:50px;object-fit:contain}.menu-rail button{display:grid;gap:4px;place-items:center;width:76px;min-height:74px;justify-self:center;border:0;border-radius:18px;color:#334155;background:transparent;font-size:13px;font-weight:800;transition:color .18s ease,background .18s ease,transform .18s ease}.menu-rail button span{display:grid;width:36px;height:36px;place-items:center;color:#64748b;line-height:1}.menu-rail button img{display:block;width:32px;height:32px;object-fit:contain}.rail-svg-icon{display:block;width:31px;height:31px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1}.menu-rail button.active{color:var(--brand-blue-dark);background:linear-gradient(180deg,#eaf3ff,#dbeafe);box-shadow:inset 0 0 0 1px #1677ff2e;transform:translateY(-1px)}.menu-rail button.active span{color:var(--brand-blue)}.panel-content{--content-pad: 24px;width:var(--panel-width);height:calc(100vh - 36px);overflow:hidden;scrollbar-gutter:stable;border:1px solid rgba(22,119,255,.12);border-radius:22px;padding:14px var(--content-pad) 24px;background:#fffffff5;box-shadow:0 20px 54px #14203329;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:opacity .32s ease,transform var(--panel-transition)}.map-sidebar.is-collapsed .panel-content{opacity:0;pointer-events:none;transform:translate(-16px)}.panel-toggle{position:absolute;top:50%;left:calc(var(--rail-width) + var(--panel-gap) + var(--panel-width) + var(--toggle-gap));z-index:9;display:grid;width:var(--toggle-size);height:var(--toggle-size);place-items:center;border:1px solid rgba(22,119,255,.16);border-radius:50%;color:var(--brand-blue-dark);background:#fffffff5;box-shadow:0 10px 24px #1420332e;font-size:22px;line-height:1;transform:translateY(-50%)}.map-sidebar.is-collapsed .panel-toggle{left:calc(var(--rail-width) + var(--toggle-gap))}.brand-launcher.is-open{opacity:0;pointer-events:none;transform:translate(-8px)}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fffaf0;background:var(--brand-blue-dark);font-weight:900}.brand-logo{display:block;width:46px;height:46px;object-fit:contain}.brand-copy strong,.brand-copy small,.panel-brand strong,.panel-brand small{display:block;line-height:1.05}.brand-copy strong,.panel-brand strong{font-size:16px}.brand-copy small,.panel-brand small{margin-top:3px;color:#687468;font-size:12px}.launcher-chevron{display:grid;width:22px;height:22px;place-items:center;color:#7b8379;font-size:24px;line-height:1}.kakao-button{width:100%;min-height:42px;border:0;border-radius:8px;padding:0 18px;color:#2b2112;background:#fee500;font-weight:800;box-shadow:0 16px 42px #2a362921}.account-page{display:grid;align-content:start;gap:12px}.profile-grade-card,.profile-progress-card,.profile-stats-grid>div{border:1px solid rgba(22,119,255,.12);border-radius:14px;background:#eff6ff9e}.profile-grade-card{display:flex;align-items:center;gap:14px;padding:16px}.grade-badge{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(145deg,var(--brand-blue),var(--brand-blue-dark));box-shadow:0 16px 28px #1677ff2e;font-size:24px;font-weight:900}.grade-copy{min-width:0}.grade-copy span,.profile-stats-grid span,.profile-progress-scale{color:var(--muted);font-size:12px;font-weight:800}.grade-copy strong{display:block;margin-top:4px;color:var(--ink);font-size:24px;font-weight:900;line-height:1.1}.grade-copy p{margin:6px 0 0;color:var(--brand-blue-dark);font-size:13px;font-weight:900}.profile-progress-card{display:grid;gap:12px;padding:16px}.profile-progress-top,.profile-progress-scale{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-progress-top strong{color:var(--ink);font-size:14px;line-height:1.35}.profile-progress-top span{color:var(--brand-blue);font-size:13px;font-weight:900}.profile-progress-track{height:10px;overflow:hidden;border-radius:999px;background:#1677ff1f}.profile-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-blue),#52a7ff)}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-stats-grid>div{display:grid;gap:6px;padding:14px}.profile-stats-grid strong{color:var(--ink);font-size:20px;font-weight:900}.report-panel{position:fixed;top:18px;bottom:18px;left:18px;z-index:7;width:min(390px,calc(100vw - 28px));overflow:auto;border:1px solid rgba(23,32,26,.1);border-radius:8px;padding:12px 12px 18px;background:#fffdf5f0;box-shadow:0 28px 80px #232e2633;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform:translate(-24px) scale(.98);transition:opacity .19s ease,transform .19s ease}.report-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.panel-top{position:sticky;top:-14px;z-index:2;display:inline-flex;align-items:center;width:calc(100% + (var(--content-pad) * 2));min-height:64px;margin:-14px calc(var(--content-pad) * -1) 20px;padding:18px var(--content-pad) 12px;border-bottom:1px solid rgba(22,119,255,.1);border-radius:22px 22px 0 0;background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-top strong{color:var(--ink);font-size:19px;font-weight:900;line-height:1}.panel-brand{display:inline-flex;align-items:center;gap:10px}.panel-close{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(23,32,26,.1);border-radius:50%;color:#516052;background:#fffefa;font-size:28px;line-height:1}.panel-actions{margin-bottom:14px}.panel-page{margin-top:0}h1{margin:0;color:#17201a;font-size:27px;line-height:1.08;letter-spacing:0}.report-form{display:grid;gap:12px}.report-section{display:grid;gap:10px;border:1px solid rgba(22,119,255,.12);border-radius:14px;padding:14px;background:#eff6ff9e}.field{display:grid;gap:7px}.field span{color:#374238;font-size:13px;font-weight:800}input,textarea{width:100%;border:1px solid rgba(23,32,26,.14);border-radius:8px;padding:14px;color:#17201a;background:#fffefa;outline:none}input:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px #1677ff24}.report-form input::placeholder,.report-form textarea::placeholder{color:#8a94a6;font-size:14px}textarea{min-height:112px;resize:vertical}.place-search{position:relative;z-index:5}.suggestion-list{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:10;display:grid;gap:0;max-height:210px;overflow:auto;border:1px solid rgba(22,119,255,.18);border-radius:10px;background:#fff;box-shadow:0 14px 32px #14203324}.suggestion-list button,.selected-place,.report-card{border:1px solid rgba(23,32,26,.1);border-radius:8px;background:#fffefa}.suggestion-list button{display:flex;gap:12px;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid rgba(22,119,255,.08);border-radius:0;padding:12px;text-align:left}.suggestion-list button:last-child{border-bottom:0}.suggestion-list button:hover{border-color:var(--brand-blue-line);background:var(--brand-blue-soft)}.suggestion-list strong,.suggestion-list small{display:block}.suggestion-list small{margin-top:4px;color:#687468;font-size:12px}.suggestion-list em{flex:0 0 auto;color:var(--brand-blue);font-size:12px;font-style:normal;font-weight:900}.suggestion-state{padding:14px;color:var(--muted);font-size:13px;font-weight:800;text-align:center}.selected-place{display:grid;gap:4px;padding:12px;background:var(--brand-blue-soft)}.selected-place span{color:#59675d;font-size:13px}.segmented,.status-row{display:grid;gap:7px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button,.status-chip{min-height:42px;border:1px solid rgba(23,32,26,.12);border-radius:8px;padding:8px;color:#425044;background:#fffefa;font-size:12px;font-weight:900}.segmented button.active{color:#fffaf0;border-color:var(--brand-blue-dark);background:var(--brand-blue-dark)}.status-row{grid-template-columns:repeat(3,minmax(0,1fr))}.status-chip.easy.active{border-color:var(--brand-blue);background:var(--brand-blue-soft)}.status-chip.normal.active{border-color:#5b8def;background:#edf5ff}.status-chip.busy.active{border-color:#3159c9;background:#e2eaff}.submit-button{min-height:52px;border:0;border-radius:8px;color:#fffaf0;background:var(--brand-blue);font-size:15px;font-weight:900}.submit-button:disabled{cursor:not-allowed;opacity:.42}.report-feed{display:grid;gap:10px;margin-top:20px}.panel-page.report-feed{display:grid;grid-template-rows:auto auto 1fr;height:calc(100vh - 112px);margin-top:0;overflow:hidden}.saved-page{display:grid;grid-template-rows:auto 1fr;gap:12px;height:calc(100vh - 112px);overflow:hidden}.filter-section{--filter-inner-pad: 4px;position:sticky;top:0;z-index:3;display:grid;gap:10px;height:390px;align-content:start;margin-bottom:16px;border:1px solid rgba(22,119,255,.12);border-radius:14px;padding:14px;background:#eff6ff9e}.filter-section.is-closed{height:64px}.filter-toggle{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;min-height:36px;border:0;border-radius:10px;padding:0 var(--filter-inner-pad);color:var(--ink);background:transparent;text-align:left}.filter-toggle span{font-size:15px;font-weight:900}.filter-toggle em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.filter-toggle b{display:grid;width:22px;height:22px;place-items:center;color:var(--brand-blue);line-height:1;transition:transform .16s ease}.filter-toggle b.is-open{transform:rotate(180deg)}.filter-toggle svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.filter-body{display:grid;gap:10px;padding:0 var(--filter-inner-pad)}.report-filter-body{display:grid;gap:9px}.filter-group{display:grid;gap:7px}.filter-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.filter-heading strong{color:var(--ink);font-size:13px}.filter-heading span{color:var(--muted);font-size:11px;font-weight:700}.filter-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.filter-chip{width:100%;min-width:0;min-height:34px;border:1px solid rgba(22,119,255,.16);border-radius:999px;padding:0 11px;color:#36506f;background:#fff;font-size:12px;font-weight:800;white-space:nowrap}.explore-filter-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.filter-group:first-child .explore-filter-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-filter-chips .filter-chip{min-height:31px;padding:0 6px;font-size:12px}.filter-chip.active{color:#fff;border-color:var(--brand-blue);background:var(--brand-blue)}.filter-reset{min-height:38px;margin-top:2px;border:1px solid rgba(22,119,255,.16);border-radius:8px;color:var(--brand-blue-dark);background:#fff;font-size:12px;font-weight:900}.filter-reset:disabled{color:#94a3b8;opacity:.6}.feed-title,.report-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.feed-title span{color:var(--muted);font-size:13px;font-weight:800}.report-results{display:grid;align-content:start;gap:10px;min-height:0;height:100%;overflow-y:auto;padding-right:6px;margin-right:-6px}.report-card{position:relative;display:grid;gap:12px;width:100%;border:1px solid rgba(22,119,255,.14);border-radius:14px;padding:16px 42px 16px 16px;text-align:left;background:linear-gradient(180deg,#eff6ffeb,#e7f1ffb8);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.report-card strong,.report-card span{display:block}.report-card:hover{border-color:#1677ff57;box-shadow:0 12px 24px #1677ff1a}.report-card div span{margin-top:4px;color:var(--muted);font-size:12px}.report-card footer{flex-wrap:wrap;justify-content:flex-start;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.place-tags span{border-radius:14px;padding:4px 8px;background:var(--brand-blue);color:#fff;font-size:11px}.card-arrow{position:absolute;top:50%;right:16px;color:var(--brand-blue);font-size:28px;line-height:1;transform:translateY(-50%)}.place-detail{display:grid;align-content:start;gap:12px;height:calc(100vh - 112px);overflow-y:auto}.detail-back{justify-self:start;min-height:34px;border:1px solid rgba(22,119,255,.16);border-radius:999px;padding:0 12px;color:var(--brand-blue-dark);background:#fff;font-size:12px;font-weight:900}.detail-card,.detail-section{display:grid;gap:10px;border:1px solid rgba(22,119,255,.12);border-radius:14px;padding:16px;background:#eff6ff9e}.detail-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-card-top>div{display:grid;gap:6px;min-width:0}.detail-card strong{color:var(--ink);font-size:19px}.detail-card>span,.detail-section p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.detail-section strong{color:var(--ink);font-size:13px}.report-proof-section{gap:12px}.reporter-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.reporter-row div{display:grid;gap:4px}.reporter-row strong{font-size:14px}.reporter-row span{color:var(--muted);font-size:12px;font-weight:800}.reporter-row em{flex:0 0 auto;border-radius:999px;padding:4px 8px;color:#fff;background:var(--brand-blue);font-size:11px;font-style:normal;font-weight:900}.vote-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vote-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid rgba(22,119,255,.16);border-radius:999px;color:#36506f;background:#fff;font-size:12px;font-weight:900}.vote-actions button.active{color:#fff;border-color:var(--brand-blue);background:var(--brand-blue)}.vote-actions button.active.is-disagree{border-color:#64748b;background:#64748b}.vote-actions span{font-size:12px}.save-place-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:34px;border:1px solid rgba(22,119,255,.18);border-radius:999px;padding:0 11px;color:var(--brand-blue);background:#fff;font-size:12px;font-weight:900}.save-place-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.save-place-button.is-saved{color:#fff;border-color:var(--brand-blue);background:var(--brand-blue)}.save-place-button.is-saved svg{fill:currentColor}.empty-state{display:grid;gap:5px;min-height:180px;align-content:center;border:1px dashed rgba(22,119,255,.24);border-radius:12px;padding:18px;color:var(--muted);background:#f8fbff;text-align:center}.empty-state strong{color:var(--ink);font-size:14px}.empty-state span{font-size:12px}.dot.easy{color:#1677ff}.dot.normal{color:#3159c9}.dot.busy{color:#193b8c}.map-hint{position:fixed;right:22px;bottom:22px;z-index:4;display:grid;gap:4px;max-width:min(320px,calc(100vw - 44px));border:1px solid rgba(23,32,26,.1);border-radius:8px;padding:14px 16px;background:#fffdf5e0;box-shadow:0 16px 42px #2a362921;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .18s ease,transform .18s ease}.map-hint.hide{opacity:0;transform:translateY(8px);pointer-events:none}.map-hint strong{color:#17201a;font-size:14px}.map-hint span{color:#687468;font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0f172a3d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal{display:grid;gap:14px;width:min(360px,100%);border:1px solid rgba(22,119,255,.16);border-radius:18px;padding:20px;background:#fffffffa;box-shadow:0 26px 70px #1420333d}.confirm-modal strong{color:var(--ink);font-size:18px;font-weight:900}.confirm-modal p{margin:0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.65}.confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.confirm-actions button{min-height:42px;border:1px solid rgba(22,119,255,.16);border-radius:10px;color:var(--brand-blue-dark);background:#fff;font-size:13px;font-weight:900}.confirm-actions button:last-child{color:#fff;border-color:var(--brand-blue);background:var(--brand-blue)}@media(max-width:760px){.app-shell{min-height:100svh;background:#f5f3ea}.map-stage{position:fixed;height:auto;min-height:0}.map-sidebar{--rail-width: 82px;--panel-width: calc(100vw - 112px) ;--panel-gap: 10px;--toggle-gap: 10px;--toggle-size: 34px;inset:10px auto 10px 10px;max-width:100vw}.menu-rail{grid-template-rows:86px repeat(4,68px) 1fr;row-gap:12px;height:calc(100vh - 20px);border-radius:18px}.menu-rail button{width:66px;min-height:66px;border-radius:16px;font-size:12px}.panel-content{--content-pad: 16px;height:calc(100vh - 20px);border-radius:18px;padding:12px var(--content-pad) 20px}.panel-top{top:-12px;width:calc(100% + (var(--content-pad) * 2));margin:-12px calc(var(--content-pad) * -1) 18px;padding:16px var(--content-pad) 10px}h1{font-size:25px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button:last-child{grid-column:span 2}.panel-toggle{width:var(--toggle-size);height:var(--toggle-size)}}