:root{--bg:#f5f7f9;--surface:#fff;--muted:#f1f5f9;--muted2:#f8fafc;--seg:#e8edf2;--ink:#0f172a;--ink2:#334155;--ink3:#475569;--line:#e2e8f0;--line2:#eef2f6;--outline:#cbd5e1;--primary:#047857;--on-primary:#fff;--accent:#10b981;--green:#047857;--tint:#e7f5ee;--check-bg:#f3faf6;--check-line:#d5eee1;--pub-bg:#e8effd;--pub-fg:#1d4ed8;--user-bg:#e3f5ec;--user-fg:#047857;--warn-bg:#fef6e7;--warn-fg:#7a3e00;--bad-bg:#fdecec;--bad-fg:#b42318;--chip-on-bg:#0f172a;--chip-on-fg:#fff;--m-land:#eef1ea;--m-park:#d3e9cf;--m-water:#c7ddf0;--m-road:#fff;--m-edge:#dfe3db;--m-label:#6b766d;--m-water-label:#5f88ad;--glass:#fffffff0;--shadow:#0f172a33;--bubble-bg:#0f172a;--bubble-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--bg:#0e1622;--surface:#172131;--muted:#1e2939;--muted2:#1a2433;--seg:#1e2939;--ink:#e8eef6;--ink2:#cbd5e1;--ink3:#a3b1c6;--line:#2b384b;--line2:#223044;--outline:#3a4a60;--primary:#34d399;--on-primary:#052e1f;--accent:#34d399;--green:#6ee7b7;--tint:#173a2d;--check-bg:#13281f;--check-line:#1f4a3a;--pub-bg:#1e2b4d;--pub-fg:#a5c0ff;--user-bg:#173a2d;--user-fg:#6ee7b7;--warn-bg:#3a2a10;--warn-fg:#fcd38d;--bad-bg:#3d1a1a;--bad-fg:#fca5a5;--chip-on-bg:#34d399;--chip-on-fg:#052e1f;--m-land:#0e1622;--m-park:#15291f;--m-water:#122a42;--m-road:#1f2b3b;--m-edge:#0a1019;--m-label:#7f8da0;--m-water-label:#5d86ad;--glass:#141d2bf0;--shadow:#0009;--bubble-bg:#f1f5f9;--bubble-fg:#0f172a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:#dce2e8}:root.dark{background:#05090f}body{color:var(--ink);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,sans-serif}button{cursor:pointer;color:inherit;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.45}input{font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app{background:var(--bg);max-width:480px;min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 40px #0f172a1f}.demo-bar{z-index:50;color:#fde68a;background:#0f172a;justify-content:center;align-items:center;height:28px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}:root.dark .demo-bar{background:#000}.page{flex-direction:column;gap:16px;padding:20px 16px 120px;display:flex}.page-title{letter-spacing:-.03em;padding:0 4px;font-size:22px;font-weight:800}.badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge.pub{background:var(--pub-bg);color:var(--pub-fg)}.badge.user{background:var(--user-bg);color:var(--user-fg)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.bad{background:var(--bad-bg);color:var(--bad-fg)}.badge.neutral{background:var(--muted);color:var(--ink3)}.badge.sample{color:#92400e;background:#fef3c7}.badge.pill{border-radius:999px;padding:4px 10px}.tag{background:var(--muted);color:var(--ink2);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500}.sub{color:var(--ink3);font-size:13px}.btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:50px;padding:0 16px;font-size:15px;font-weight:700;transition:transform .12s,filter .12s;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.soft{background:var(--muted);color:var(--ink)}.btn.outline{background:var(--surface);color:var(--ink2);border:1px solid var(--outline)}.btn.dark{background:var(--ink);color:var(--bg)}.btn.sm{border-radius:12px;height:44px;font-size:14px}.btn.pill{border-radius:999px;height:36px;padding:0 12px;font-size:13px}.btn.block{width:100%}.icon-btn{background:var(--glass);width:44px;height:44px;color:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex}.fav[aria-pressed=true]{color:#e11d48}.fav[aria-pressed=true] .icon{fill:currentColor}.chip{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink2);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.chip[aria-pressed=true]{background:var(--chip-on-bg);border-color:var(--chip-on-bg);color:var(--chip-on-fg)}.chip.lg{border-color:var(--outline);height:42px;padding:0 16px}.chip.lg[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.seg{background:var(--seg);border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{height:40px;color:var(--ink3);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1 1 0;padding:0 4px;font-size:13px;font-weight:500}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 4px #0f172a24}.seg.tabs button{font-size:14px;font-weight:700}.note{background:var(--muted2);color:var(--ink3);border-radius:12px;gap:8px;padding:12px;font-size:12px;line-height:1.5;display:flex}.note.warn{background:var(--warn-bg);color:var(--warn-fg)}.note .icon{flex-shrink:0;margin-top:1px}.card{background:var(--surface);box-shadow:0 4px 20px -8px var(--shadow);border-radius:20px}.list{background:var(--surface);border-radius:20px;overflow:hidden}.list>*+*{border-top:1px solid var(--line2)}.row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 14px;font-size:15px;display:flex}.row .grow{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.row .title{font-size:15px;font-weight:700}.thumb{object-fit:cover;background:var(--muted);border-radius:12px;flex-shrink:0;width:52px;height:52px;display:block}.no-photo{color:var(--ink3);background:var(--muted);justify-content:center;align-items:center;display:flex}.empty{text-align:center;color:var(--ink3);flex-direction:column;align-items:center;gap:8px;padding:40px 16px;font-size:14px;display:flex}.nav{bottom:calc(16px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line2);width:min(432px,100% - 48px);height:64px;box-shadow:0 10px 30px -8px var(--shadow);z-index:20;border-radius:24px;justify-content:space-around;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.nav a{width:72px;color:var(--ink3);flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:500;display:flex}.nav a[aria-current=page]{color:var(--green);font-weight:700}.nav .fab{background:var(--primary);width:56px;height:56px;color:var(--on-primary);border-radius:20px;justify-content:center;margin-top:-28px;box-shadow:0 12px 24px -8px #04785799}.toast{left:50%;bottom:calc(100px + env(safe-area-inset-bottom));z-index:60;color:#fff;text-align:center;background:#0f172aeb;border-radius:14px;max-width:min(400px,100% - 32px);padding:12px 18px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px -8px #0006}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}.sec-head{align-items:center;gap:8px;display:flex}.sec-head h2{font-size:17px;font-weight:800}.step{background:var(--ink);width:24px;height:24px;color:var(--bg);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.switch{background:var(--outline);border:0;border-radius:999px;flex-shrink:0;justify-content:flex-start;width:50px;height:30px;padding:3px;display:flex}.switch span{background:#fff;border-radius:999px;width:24px;height:24px;box-shadow:0 1px 3px #0f172a4d}.switch[aria-pressed=true]{background:var(--primary);justify-content:flex-end}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}