.app-shell{min-height:100svh;padding:24px 20px 40px}.home-page{flex-direction:column;max-width:480px;margin:0 auto;display:flex}.home-header{color:#315c4c;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{color:#fff;background:#31755d;border-radius:12px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.home-content{flex-direction:column;flex:1;justify-content:center;padding:56px 0 32px;display:flex}.eyebrow{color:#31755d;margin:0 0 12px;font-size:16px;font-weight:800}.home-content h1{color:#18312a;letter-spacing:-1.8px;max-width:390px;margin:0;font-size:clamp(36px,10vw,48px);line-height:1.2}.intro{color:#66736e;margin:18px 0 42px;font-size:19px;line-height:1.7}.role-list{gap:16px;display:grid}.role-card{color:#18312a;text-align:left;border:2px solid #0000;border-radius:24px;align-items:center;gap:18px;min-height:118px;padding:20px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 8px 24px #2343381a}.role-card:active{transform:scale(.98)}.role-card:focus-visible{outline-offset:3px;outline:4px solid #ffbd59}.role-card.senior{background:#daf1e7;border-color:#acd9c9}.role-card.guardian{background:#fff;border-color:#dce6e1}.role-icon{background:#fff;border-radius:20px;flex:0 0 64px;place-items:center;height:64px;font-size:32px;display:grid}.role-text{flex-direction:column;flex:1;gap:4px;display:flex}.role-text strong{font-size:24px;line-height:1.3}.role-text small{color:#5d6c67;font-size:15px;line-height:1.4}.arrow{color:#31755d;font-size:28px;font-weight:700}.home-footer{color:#7a8581;text-align:center;font-size:14px}.page-container{max-width:720px;margin:0 auto}.top-bar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.back-link{color:#315c4c;font-size:17px;font-weight:750;text-decoration:none}.page-title{color:#18312a;margin:0;font-size:28px}.status-badge{color:#236348;background:#dff3e8;border-radius:999px;padding:8px 13px;font-weight:800}.card{background:#fff;border:1px solid #dce6e1;border-radius:20px;margin-bottom:16px;padding:22px;box-shadow:0 5px 18px #2343380f}.card-label{color:#68756f;margin:0 0 8px;font-size:15px;font-weight:700}.card-value{color:#18312a;margin:0;font-size:22px;font-weight:800;line-height:1.4}.current-status-card{background:linear-gradient(135deg,#e8f7f0,#fff);border:2px solid #9bcfbb;border-radius:24px;margin-bottom:28px;padding:24px;box-shadow:0 8px 22px #2363481f}.current-status-card .card-label{color:#236348;font-size:19px}.current-status-values{grid-template-columns:1fr 1fr;gap:12px;display:grid}.current-status-values p{color:#18312a;background:#fff;border-radius:15px;margin:0;padding:14px;font-size:20px;line-height:1.4}.status-selector{margin-bottom:12px}.status-submit-button{color:#fff;width:100%;min-height:58px;font:inherit;cursor:pointer;background:#236348;border:0;border-radius:16px;margin-bottom:12px;font-size:19px;font-weight:850}.status-submit-button:disabled{cursor:wait;opacity:.65}.api-message{color:#164c39;background:#e8f7f0;border-radius:12px;margin:0 0 20px;padding:12px 14px;font-weight:750}.api-message.api-error{color:#861e1e;background:#fff0f0}.status-selector-heading{margin-bottom:20px}.status-fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.status-fieldset legend{color:#18312a;margin-bottom:12px;font-size:21px;font-weight:850}.status-option-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.status-option{color:#263d35;min-height:108px;font:inherit;cursor:pointer;background:#fff;border:3px solid #d5e2dc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px 8px;font-size:18px;font-weight:850;display:flex;position:relative}.status-option.selected{color:#164c39;background:#daf1e7;border-color:#31755d;box-shadow:0 5px #9acdb9}.status-option:focus-visible,.sos-button:focus-visible,.sos-dialog button:focus-visible{outline-offset:3px;outline:4px solid #ffbd59}.status-option-icon{font-size:32px;line-height:1}.selected-mark{color:#fff;background:#31755d;border-radius:50%;place-items:center;width:23px;height:23px;font-size:14px;display:grid;position:absolute;top:8px;right:9px}.action-grid{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.action-card{color:#18312a;min-height:112px;font:inherit;background:#edf5f1;border:0;border-radius:18px;padding:18px;font-size:18px;font-weight:800;text-decoration:none}.action-card span{margin-bottom:8px;font-size:28px;display:block}.sos-button{color:#fff;width:100%;min-height:82px;font:inherit;cursor:pointer;background:#d84949;border:0;border-radius:22px;font-size:26px;font-weight:900;box-shadow:0 7px #a52f2f}.sos-button:active{transform:translateY(4px);box-shadow:0 3px #a52f2f}.emergency-banner{color:#861e1e;background:#fff0f0;border:3px solid #d84949;border-radius:20px;align-items:center;gap:16px;margin-bottom:18px;padding:20px;display:flex}.emergency-banner>span{font-size:36px}.emergency-banner strong{font-size:23px}.emergency-banner p{margin:4px 0 0;font-size:17px}.sos-dialog-backdrop{z-index:20;background:#0f1a16ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sos-dialog{text-align:center;background:#fff;border-radius:26px;width:min(100%,480px);padding:30px 24px 24px;box-shadow:0 20px 60px #0000004d}.sos-dialog-icon{font-size:48px}.sos-dialog h2{color:#711b1b;margin:12px 0 10px;font-size:27px}.sos-dialog p{color:#5f6864;margin:0 0 24px;font-size:18px;line-height:1.55}.sos-dialog-actions{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}.sos-dialog button{min-height:66px;font:inherit;cursor:pointer;border:0;border-radius:16px;font-size:18px;font-weight:900}.sos-cancel-button{color:#31453e;background:#e8ecea}.sos-confirm-button{color:#fff;background:#d84949}.recommendations{margin:30px 0 24px}.section-heading,.destination-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading{align-items:end;margin-bottom:14px}.section-heading h2,.destination-card h3,.route-summary h2{color:#18312a;margin:0}.section-heading h2{font-size:25px}.section-heading>span{color:#68756f;font-weight:750}.section-eyebrow,.route-summary-label{color:#31755d;margin:0 0 4px;font-size:14px;font-weight:800}.destination-list{gap:14px;display:grid}.destination-card{background:#fff;border:1px solid #dce6e1;border-radius:20px;padding:20px;box-shadow:0 5px 18px #23433812}.place-type{color:#236348;background:#e6f3ed;border-radius:8px;margin-bottom:7px;padding:5px 9px;font-size:13px;font-weight:800;display:inline-block}.destination-card h3{font-size:21px}.place-distance{color:#315c4c;font-size:19px}.accessible,.not-accessible{color:#236348;margin:16px 0;font-weight:750}.not-accessible{color:#9b502f}.route-button{color:#fff;background:#31755d;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:17px;font-weight:850;text-decoration:none;display:flex}.route-button:focus-visible{outline-offset:2px;outline:4px solid #ffbd59}.map-placeholder{color:#426357;text-align:center;background:linear-gradient(135deg,#e4f1eb,#f7faf8);border:2px dashed #9fbbb0;border-radius:24px;place-items:center;min-height:420px;display:grid}@media (width<=520px){.app-shell{padding-inline:16px}.current-status-values,.status-option-grid{grid-template-columns:1fr}.status-option{flex-direction:row;min-height:82px;font-size:21px}.status-option-icon{font-size:34px}}.map-placeholder span{margin-bottom:8px;font-size:48px;display:block}.map-view{background:#e4f1eb;border:2px solid #9fbbb0;border-radius:24px;min-height:520px;position:relative;overflow:hidden}.route-summary{z-index:2;background:#fff;border:1px solid #d5e3dd;border-radius:22px;margin:-42px 16px 0;padding:22px;position:relative;box-shadow:0 10px 28px #18312a29}.route-summary h2{font-size:24px}.route-details{grid-template-columns:1fr 1fr;margin:20px 0 16px;display:grid}.route-details>div+div{border-left:1px solid #dce6e1;padding-left:18px}.route-details dt{color:#68756f;font-size:14px;font-weight:700}.route-details dd{color:#18312a;margin:4px 0 0;font-size:22px;font-weight:850}.stairs-status{color:#236348;text-align:center;background:#e6f3ed;border-radius:12px;margin:0;padding:12px;font-weight:850}.stairs-status.warning{color:#983b24;background:#fff0e8}.gps-status{color:#315c4c;background:#eef6f2;border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:15px;font-weight:700}.gps-status p{margin:0}.gps-status .gps-error{color:#983b24}.map-canvas{position:absolute;inset:0}.map-status{z-index:1;color:#315c4c;text-align:center;place-items:center;padding:24px;font-size:20px;font-weight:800;display:grid;position:absolute;inset:0}.map-error{color:#983b24;background:#fff5ee}.map-error small{font-size:15px}.map-marker{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:900;display:grid;box-shadow:0 2px 7px #18312a59}.map-marker.current{background:#2474db}.map-marker.destination{background:#d84949}.map-marker.rest{background:#31755d}.alert-card{background:#fff5ee;border-color:#f2c6ad}.alert-card .card-value{color:#983b24}.update-time{color:#68756f;margin:6px 0 0;font-size:15px}@media (width>=700px){.app-shell{padding:40px}.home-content{padding-top:80px}.role-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #23433824}}:root{color:#233b33;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8fbf9;font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f8fbf9}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}