@font-face{font-family:Pretendard Subset;src:url(/fonts/Pretendard-Regular.subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard Subset;src:url(/fonts/Pretendard-Bold.subset.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--sign-green: #076b3b;--sign-green-deep: #04502b;--sign-green-lift: #0a7d45;--sign-yellow: #f5c400;--sign-red: #c8102e;--sign-red-deep: #8d0a20;--sign-blue: #0b4da2;--sign-white: #ffffff;--paper: #edede7;--paper-raised: #f6f6f2;--asphalt-900: #17191c;--asphalt-700: #333940;--asphalt-500: #5c636c;--asphalt-300: #9aa1a9;--asphalt-200: #c9cdd2;--asphalt-100: #dfe2e4;--road-white: #f2f3ef;--road-yellow: #e0aa08;--sev-info-ink: #0b4da2;--sev-info-face: #e4ecf9;--sev-success-ink: #076b3b;--sev-success-face: #e2f0e8;--sev-warning-ink: #7d6000;--sev-warning-face: #fdf1cc;--sev-danger-ink: #c8102e;--sev-danger-face: #fae3e6;--t-11: .6875rem;--t-12: .75rem;--t-13: .8125rem;--t-15: .9375rem;--t-17: 1.0625rem;--t-20: 1.25rem;--t-24: 1.5rem;--t-30: 1.875rem;--t-40: 2.5rem;--t-56: 3.5rem;--track-sign: -.03em;--track-plate: -.015em;--r-plate: 6px;--r-chip: 4px;--r-round: 999px;--border-sign: 3px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--shadow-sign: 0 2px 0 rgba(23, 25, 28, .16), 0 14px 28px -12px rgba(23, 25, 28, .45);--shadow-plate: 0 1px 0 rgba(23, 25, 28, .1), 0 6px 14px -8px rgba(23, 25, 28, .35);--gantry-w: 96px;--motion-fast: .14s;--motion-base: .2s;--ease-sign: cubic-bezier(.2, 0, 0, 1)}.sev-info{--sev-ink: var(--sev-info-ink);--sev-face: var(--sev-info-face)}.sev-success{--sev-ink: var(--sev-success-ink);--sev-face: var(--sev-success-face)}.sev-warning{--sev-ink: var(--sev-warning-ink);--sev-face: var(--sev-warning-face)}.sev-danger{--sev-ink: var(--sev-danger-ink);--sev-face: var(--sev-danger-face)}.tone-good{--tone-ink: var(--sev-success-ink);--tone-face: var(--sev-success-face)}.tone-caution{--tone-ink: var(--sev-warning-ink);--tone-face: var(--sev-warning-face)}.tone-bad{--tone-ink: var(--sev-danger-ink);--tone-face: var(--sev-danger-face)}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--asphalt-900);font-family:Pretendard Subset,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:var(--t-15);line-height:1.55;-webkit-font-smoothing:antialiased;word-break:keep-all}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--sign-blue);outline-offset:2px}.sign-face :focus-visible,.gantry :focus-visible{outline-color:var(--sign-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.num{font-variant-numeric:tabular-nums;letter-spacing:var(--track-sign)}.muted{color:var(--asphalt-500)}.sign-face{position:relative;background:var(--sign-green);color:var(--sign-white);border-radius:var(--r-plate);box-shadow:var(--shadow-sign)}.sign-face:after{content:"";position:absolute;inset:8px;border:var(--border-sign) solid var(--sign-white);border-radius:3px;pointer-events:none}.sign-post{position:relative}.sign-post:before,.sign-post:after{content:"";position:absolute;bottom:-18px;width:10px;height:18px;background:linear-gradient(180deg,var(--asphalt-500),var(--asphalt-300));border-radius:0 0 3px 3px}.sign-post:before{left:22%}.sign-post:after{right:22%}.plate{background:var(--paper-raised);border:1px solid var(--asphalt-200);border-radius:var(--r-plate);box-shadow:var(--shadow-plate)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border-radius:var(--r-chip);font-weight:700;letter-spacing:var(--track-plate);transition:background var(--motion-fast) var(--ease-sign),color var(--motion-fast) var(--ease-sign),transform var(--motion-fast) var(--ease-sign)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed}.btn-sign{background:var(--sign-white);color:var(--sign-green-deep);box-shadow:0 2px #04502b73}.btn-sign:hover:not(:disabled){background:var(--paper)}.btn-sign:disabled{background:transparent;border:2px solid rgba(255,255,255,.55);color:#ffffffe6;box-shadow:none}.btn-primary{background:var(--sign-green);color:var(--sign-white);box-shadow:0 2px 0 var(--sign-green-deep)}.btn-primary:hover:not(:disabled){background:var(--sign-green-lift)}.btn-primary:disabled{background:var(--asphalt-200);color:var(--asphalt-500);box-shadow:none}.btn-ghost{background:var(--paper-raised);color:var(--asphalt-700);border:2px solid var(--asphalt-200)}.btn-ghost:hover:not(:disabled){border-color:var(--asphalt-500);color:var(--asphalt-900)}.btn-block{width:100%}.mark{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;font-size:var(--t-13);font-weight:700;line-height:1;color:var(--sign-white)}.mark-warning{background:var(--sign-yellow);color:var(--asphalt-900);transform:rotate(45deg);border:2px solid var(--asphalt-900);border-radius:3px}.mark-warning>*{transform:rotate(-45deg)}.mark-danger{background:var(--sign-white);color:var(--sign-red);border:4px solid var(--sign-red);border-radius:var(--r-round)}.mark-info{background:var(--sign-blue);border-radius:var(--r-round)}.mark-success{background:var(--sign-green);border-radius:3px}@keyframes plate-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.plate-in{animation:plate-in var(--motion-base) var(--ease-sign) both}@keyframes sweep{0%{background-position:-180% 0}to{background-position:180% 0}}.skeleton{background:linear-gradient(90deg,var(--asphalt-100) 25%,var(--asphalt-200) 37%,var(--asphalt-100) 63%);background-size:200% 100%;animation:sweep 1.3s ease-in-out infinite;border-radius:var(--r-chip)}.shell{display:flex;min-height:100%}.gantry{width:var(--gantry-w);flex:0 0 var(--gantry-w);position:sticky;top:0;height:100vh;padding:var(--sp-5) var(--sp-3) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);background:var(--asphalt-900);color:var(--asphalt-300)}.gantry-brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.gantry-brand-name{font-size:var(--t-12);font-weight:700;letter-spacing:var(--track-plate);color:var(--sign-white)}.gantry-items{display:flex;flex-direction:column;gap:var(--sp-2);width:100%}.gantry-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:var(--sp-3) 2px;border-radius:var(--r-chip);border:1px solid transparent;font-size:var(--t-11);font-weight:700;letter-spacing:var(--track-plate);color:var(--asphalt-300);transition:background var(--motion-fast) var(--ease-sign),color var(--motion-fast) var(--ease-sign)}.gantry-item:hover{background:#23262a;color:var(--sign-white)}.gantry-item.is-here{background:var(--sign-green);border-color:#ffffffb3;color:var(--sign-white)}.shell-main{flex:1;min-width:0}.page{padding:var(--sp-8) var(--sp-8) var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-6)}.page-narrow{max-width:780px}.page-result{max-width:1040px;gap:var(--sp-6)}.route-pair>li.plate-in:nth-child(2){animation-delay:70ms}@media(prefers-reduced-motion:reduce){.route-pair>li.plate-in:nth-child(2){animation-delay:0ms}}.route-pair{display:grid;grid-template-columns:3fr 2fr;gap:var(--sp-4);align-items:start}.route-pair>li{min-width:0}.map-band{--map-h: 380px;height:var(--map-h)}.detail-body{display:flex;flex-direction:column;gap:var(--sp-5)}.head{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}.head-line{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--t-13)}.head-title{font-size:var(--t-30);font-weight:700;letter-spacing:var(--track-sign);line-height:1.2}h1.trip{font-size:var(--t-30);gap:var(--sp-3);color:var(--asphalt-900);flex-wrap:wrap}h1.trip .trip-from{color:var(--asphalt-500)}.section-title,.plate-title{font-size:var(--t-17);font-weight:700;letter-spacing:var(--track-plate);display:flex;align-items:center;gap:var(--sp-2)}.plate-title{margin-bottom:var(--sp-3)}.tab-title{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);padding:5px var(--sp-3);background:var(--sign-green);color:var(--sign-white);border-radius:3px 3px 0 0;font-size:var(--t-15);font-weight:700;letter-spacing:var(--track-plate)}.tab-title .num{background:#ffffff38;color:var(--sign-white);min-width:20px;height:20px;border-radius:3px;display:inline-grid;place-items:center;padding:0 5px;font-size:var(--t-11)}.plate>.tab-title{margin:calc(var(--sp-5) * -1) 0 var(--sp-4) calc(var(--sp-5) * -1);border-radius:var(--r-plate) 0 3px 0}.plate-title .num,.section-title .num{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-chip);background:var(--asphalt-100);color:var(--asphalt-700);font-size:var(--t-12)}.trip{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--t-15);font-weight:700;color:var(--asphalt-700)}.trip-arrow{color:var(--sign-green)}.trip-to{color:var(--asphalt-900)}.back{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-13);font-weight:700;color:var(--asphalt-500)}.back:hover{color:var(--sign-green)}.plate{padding:var(--sp-5)}.actions{display:flex;flex-direction:column;gap:var(--sp-2)}.actions-row{flex-direction:row;flex-wrap:wrap}.actions-row .btn{min-width:180px}.note{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-chip);border:1px solid var(--sev-ink, var(--sign-blue));background:var(--sev-face, var(--sev-info-face));color:var(--sev-ink, var(--sev-info-ink));font-size:var(--t-13);line-height:1.6}.note-info{--sev-ink: var(--sev-info-ink);--sev-face: var(--sev-info-face)}.note-warning{--sev-ink: var(--sev-warning-ink);--sev-face: var(--sev-warning-face)}.mock-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-chip);background:var(--sign-yellow);border:1px solid var(--asphalt-900);color:var(--asphalt-900);font-size:var(--t-11);font-weight:700}.home{max-width:860px;margin:0 auto;padding-top:var(--sp-12);gap:var(--sp-10)}.home-sign{padding:var(--sp-8)}.home-sign-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5) var(--sp-2)}.home-origin{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.home-origin-tools{display:flex;gap:var(--sp-2)}.sign-tool{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 var(--sp-3);border-radius:var(--r-chip);border:1.5px solid rgba(255,255,255,.6);color:var(--sign-white);font-size:var(--t-12);font-weight:700;transition:background var(--motion-fast) var(--ease-sign)}.sign-tool:hover:not(:disabled){background:#ffffff29}.sign-tool:disabled{opacity:.6;cursor:not-allowed}.branch{position:relative;margin-top:var(--sp-2);color:var(--sign-white)}.branch svg{display:block;width:100%;max-width:340px;margin:0 auto;height:auto}.branch-text{fill:currentColor;font-size:15px;font-weight:700;letter-spacing:var(--track-plate)}.home-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;border-top:2px solid rgba(255,255,255,.35);padding-top:var(--sp-4)}.sign-note{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0;color:var(--sign-white);font-size:var(--t-13);font-weight:700;letter-spacing:var(--track-plate)}.sign-note:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sign-yellow)}.sign-note-block{flex-basis:100%;align-items:flex-start;font-weight:600;line-height:1.45}.sign-note-block:before{flex:0 0 auto;margin-top:.45em}.shortcuts{display:flex;flex-direction:column;gap:var(--sp-3)}.shortcut-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-2)}.shortcut{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;transition:border-color var(--motion-fast) var(--ease-sign)}.shortcut:hover{border-color:var(--sign-green)}.shortcut-name{font-weight:700}.shortcut-address{font-size:var(--t-12);color:var(--asphalt-500)}.field{position:relative;min-width:0}.field-label{display:block;font-size:var(--t-12);font-weight:700;letter-spacing:.02em}.field-input{display:flex;align-items:center;gap:var(--sp-2)}.field-input input{flex:1;min-width:0;border:none;background:transparent;outline:none}.field-clear{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-round);flex:0 0 auto}.field-sign-major{flex:1}.field-sign-major .field-label{color:#ffffffe0;margin-bottom:2px}.field-sign-major .field-input{border-bottom:3px solid rgba(255,255,255,.55)}.field-sign-major input{padding:var(--sp-1) 0 var(--sp-2);font-size:var(--t-40);font-weight:700;letter-spacing:var(--track-sign);color:var(--sign-white)}.field-sign-major input::placeholder{color:#ffffffd1}.field-sign-major .field-clear{color:var(--sign-white);border:1.5px solid rgba(255,255,255,.6)}.field-sign-minor{max-width:320px}.field-sign-minor .field-label{color:#ffffffe0}.field-sign-minor .field-input{border-bottom:2px solid rgba(255,255,255,.45)}.field-sign-minor input{padding:2px 0 5px;font-size:var(--t-17);font-weight:700;color:var(--sign-white)}.field-sign-minor input::placeholder{color:#ffffffd1;font-weight:400}.field-sign-minor .field-clear{color:var(--sign-white)}.field-plate .field-label{color:var(--asphalt-500);margin-bottom:2px}.field-plate .field-input{border-bottom:2px solid var(--asphalt-200)}.field-plate input{padding:4px 0 6px;font-size:var(--t-17)}.field-plate .field-input:focus-within{border-color:var(--sign-green)}.results{position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;max-height:320px;overflow-y:auto;padding:var(--sp-1)}.result{display:flex;flex-direction:column;gap:1px;width:100%;padding:var(--sp-2) var(--sp-3);text-align:left;border-radius:var(--r-chip);color:var(--asphalt-900);font-size:var(--t-15)}.result:hover{background:var(--sev-success-face)}.result.is-status{color:var(--asphalt-500);font-size:var(--t-13)}.result.is-error{color:var(--sign-red);font-size:var(--t-13)}.result-name{font-weight:700}.result-address{font-size:var(--t-12);color:var(--asphalt-500)}.route-list{display:flex;flex-direction:column;gap:var(--sp-3)}.route-sign{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);width:100%;padding:var(--sp-5);text-align:left;border-radius:var(--r-plate);transition:transform var(--motion-fast) var(--ease-sign),box-shadow var(--motion-fast) var(--ease-sign)}.route-sign:hover{transform:translateY(-1px)}.route-sign.is-guide{background:var(--sign-green);color:var(--sign-white);box-shadow:var(--shadow-sign);padding:var(--sp-6)}.route-sign.is-guide:after{content:"";position:absolute;inset:8px;border:var(--border-sign) solid var(--sign-white);border-radius:3px;pointer-events:none}.route-sign.is-plain{background:var(--paper-raised);border:2px solid var(--asphalt-200);color:var(--asphalt-900);box-shadow:var(--shadow-plate)}.route-sign.is-plain.is-selected{border-color:var(--asphalt-900)}.route-sign.is-guide.is-selected{box-shadow:var(--shadow-sign),0 0 0 3px var(--asphalt-900)}.route-sign-top{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.route-branch{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:3px;font-size:var(--t-12);font-weight:700;font-variant-numeric:tabular-nums;background:#ffffff38;border:1.5px solid rgba(255,255,255,.75)}.is-plain .route-branch{background:var(--asphalt-100);border-color:var(--asphalt-200);color:var(--asphalt-700)}.route-kind{font-size:var(--t-15);font-weight:700;letter-spacing:var(--track-plate)}.route-recommended{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-chip);background:var(--sign-white);color:var(--sign-green-deep);font-size:var(--t-11);font-weight:700}.route-figures{display:flex;align-items:baseline;gap:var(--sp-3)}.route-time{font-size:var(--t-40);font-weight:700;line-height:1.05}.is-guide .route-time{font-size:var(--t-56)}.route-distance{font-size:var(--t-20);font-weight:700}.is-plain .route-distance{color:var(--asphalt-700)}.route-eta{font-size:var(--t-13)}.is-guide .route-eta{color:#ffffffe6}.is-plain .route-eta{color:var(--asphalt-500)}.metrics{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-4);margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:2px solid currentColor;border-color:var(--asphalt-100)}.is-guide .metrics{border-color:#ffffff59}.metric{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--t-12);font-weight:700}.metric-mark{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:3px;border:2px solid var(--asphalt-300);transform:rotate(45deg);font-size:var(--t-11);color:var(--asphalt-500)}.metric-mark>.num{transform:rotate(-45deg)}.metric.is-on .metric-mark{background:var(--sign-yellow);border-color:var(--asphalt-900);color:var(--asphalt-900)}.metric-label{color:var(--asphalt-700)}.metric.is-on .metric-label{color:var(--asphalt-900)}.is-guide .metric-mark{border-color:#ffffff8c;color:#fffc}.is-guide .metric-label{color:#ffffffd9}.is-guide .metric.is-on .metric-label{color:var(--sign-white)}.difference{display:flex;flex-direction:column;gap:var(--sp-4)}.difference-lede{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:var(--t-20);font-weight:700;letter-spacing:var(--track-plate);line-height:1.45}.difference-subject{color:var(--sign-green)}.difference-cost{color:var(--asphalt-500)}.difference-gain{color:var(--asphalt-900)}.difference-gain.is-flat{color:var(--asphalt-500);font-weight:400}.versus{width:100%;border-collapse:collapse;font-size:var(--t-13)}.versus th,.versus td{padding:var(--sp-2) var(--sp-2);text-align:right;border-bottom:1px solid var(--asphalt-100)}.versus thead th{font-size:var(--t-12);font-weight:700;color:var(--asphalt-500);border-bottom-width:2px;border-bottom-color:var(--asphalt-200)}.versus .versus-metric{text-align:left;font-weight:400;color:var(--asphalt-700)}.versus tbody td{font-weight:700;font-variant-numeric:tabular-nums;color:var(--asphalt-500)}.versus td.is-better{color:var(--sign-green);background:var(--sev-success-face)}.difference-note{font-size:var(--t-13)}.cautions{display:flex;flex-direction:column;gap:var(--sp-3)}.caution-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-3)}.caution{display:flex;gap:var(--sp-3);padding:var(--sp-4);background:var(--paper-raised);border:1px solid var(--asphalt-200);border-radius:var(--r-plate)}.caution-body{min-width:0}.caution-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--t-15);font-weight:700}.caution-kind{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--r-chip);background:var(--sev-face);color:var(--sev-ink);font-size:var(--t-11);font-weight:700}.caution-message{margin-top:3px;font-size:var(--t-13);color:var(--asphalt-700)}.caution-where{margin-top:5px;font-size:var(--t-12)}.detail-sign{padding:var(--sp-6)}.detail-sign-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);padding:var(--sp-3) var(--sp-4)}.detail-figure{display:flex;flex-direction:column;gap:2px}.detail-figure strong{font-size:var(--t-30);font-weight:700;letter-spacing:var(--track-sign)}.detail-figure span{font-size:var(--t-12);color:#ffffffe0}.bullets{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--t-15)}.bullet{display:flex;align-items:flex-start;gap:var(--sp-2);color:var(--asphalt-700)}.bullet svg{color:var(--tone-ink, var(--asphalt-500));flex:0 0 auto;margin-top:2px}.bullet-dot{width:9px;height:9px;margin-top:7px;flex:0 0 auto;border-radius:2px;background:var(--tone-ink, var(--asphalt-300))}.steps{display:flex;flex-direction:column}.steps li{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--asphalt-100)}.steps li:last-child{border-bottom:none}.step-no{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:3px;background:var(--sev-success-face);color:var(--sign-green-deep);font-size:var(--t-12);font-weight:700}.step-instruction{font-size:var(--t-15);font-weight:700}.step-meta{font-size:var(--t-12)}.map-shell{position:relative;width:100%;height:var(--map-h, 420px);border-radius:var(--r-plate);overflow:hidden;border:2px solid var(--asphalt-200);background:var(--paper-raised)}.map-canvas{width:100%;height:100%}.map-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);height:100%;padding:var(--sp-8);text-align:center;color:var(--asphalt-700);background:repeating-linear-gradient(-45deg,var(--asphalt-100) 0 10px,var(--paper-raised) 10px 22px)}.map-notice h3{font-size:var(--t-17);font-weight:700}.map-notice-body{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);max-width:44ch;font-size:var(--t-13)}.map-notice-body .btn{min-width:140px;margin-top:var(--sp-1)}.map-notice code,code{padding:1px 5px;border-radius:3px;background:var(--asphalt-100);border:1px solid var(--asphalt-200);font-size:.9em}.legend{background:var(--paper-raised);border:1px solid var(--asphalt-200);border-radius:var(--r-plate);box-shadow:var(--shadow-plate);position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:5;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--t-12);font-weight:700}.legend-title{color:var(--asphalt-500)}.legend-item{display:inline-flex;align-items:center;gap:5px;color:var(--asphalt-700)}.legend-line{width:18px;height:5px;border-radius:2px}.legend-route{background:var(--sign-green)}.legend-warning{background:var(--sign-yellow);border:1px solid var(--asphalt-900)}.legend-danger{background:var(--sign-red)}.map-mark{display:grid;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #17191c59}.map-mark-warning{background:#f5c400;color:#17191c;border:2px solid #17191c;border-radius:3px;transform:rotate(45deg) translateY(-2px)}.map-mark-warning span{transform:rotate(-45deg)}.map-mark-danger{background:#fff;color:#c8102e;border:4px solid #c8102e;border-radius:999px}.map-plate{padding:3px 9px;border-radius:3px;border:2px solid #ffffff;color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 6px #17191c59}.map-plate-origin{background:#076b3b}.map-plate-dest{background:#17191c}.state{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-6);background:var(--paper-raised);border:2px solid var(--asphalt-200);border-radius:var(--r-plate)}.state-empty{flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4);border-style:dashed}.state-error{border-color:var(--sign-red);align-items:center}.state-body h3{font-size:var(--t-17);font-weight:700}.state-body p{margin-top:3px;font-size:var(--t-13);color:var(--asphalt-700)}.state-code{font-size:var(--t-12)}.loading{display:flex;flex-direction:column;gap:var(--sp-3)}.skeleton-sign{height:148px}.place-list{display:flex;flex-direction:column;gap:var(--sp-2)}.place-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);color:var(--asphalt-700)}.place-row-body{display:flex;flex-direction:column;flex:1;min-width:0}.place-row-body strong{color:var(--asphalt-900)}.place-row-body span{font-size:var(--t-12)}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-chip);color:var(--asphalt-500)}.icon-btn:hover{background:var(--sev-danger-face);color:var(--sign-red)}.row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.fav-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--sp-3);border-radius:var(--r-chip);border:2px solid var(--asphalt-200);background:var(--paper-raised);color:var(--asphalt-500);font-size:var(--t-12);font-weight:700}.fav-btn:hover{border-color:var(--asphalt-500);color:var(--asphalt-900)}.fav-btn.is-on{background:var(--sign-yellow);border-color:var(--asphalt-900);color:var(--asphalt-900)}.fav-btn.is-on svg{fill:currentColor}@media(max-width:900px){.route-pair{grid-template-columns:1fr}.map-band{--map-h: 320px}}@media(max-width:760px){.shell{flex-direction:column}.gantry{position:static;width:100%;flex:none;height:auto;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3)}.gantry-brand{flex-direction:row;gap:var(--sp-2)}.gantry-items{flex-direction:row;width:auto;gap:2px}.gantry-item{padding:var(--sp-2) var(--sp-2)}.page{padding:var(--sp-5) var(--sp-4) var(--sp-10)}.home{padding-top:var(--sp-6);gap:var(--sp-6)}.home-sign{padding:var(--sp-4)}.home-sign-inner{padding:var(--sp-3) var(--sp-2) 0;gap:var(--sp-4)}.field-sign-major input{font-size:var(--t-30)}.branch svg{max-width:300px}.is-guide .route-time{font-size:var(--t-40)}.detail-sign-inner{grid-template-columns:1fr;gap:var(--sp-3)}.caution-list{grid-template-columns:1fr}}