:root{--bg:#f7f5f0;--surface:#fff;--text:#2b2b28;--text-muted:#6b6b63;--border:#e2ded4;--green:#2f7a4d;--green-soft:#e8f1ea;--warning:#c2603f;--shadow:0 -2px 16px #00000014;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.app{flex-direction:column;height:100%;display:flex}.header{padding:.6rem 1rem;padding-top:calc(.6rem + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);align-items:baseline;gap:.6rem;display:flex}.header__title{letter-spacing:.02em;color:var(--green);margin:0;font-size:1.1rem;font-weight:700}.header__tagline{color:var(--text-muted);margin:0;font-size:.78rem}.map{flex:auto;min-height:34vh}.sheet{max-height:58vh;padding:.9rem 1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);flex-direction:column;flex:none;gap:.85rem;display:flex;overflow-y:auto}.search{flex-direction:column;gap:.5rem;display:flex}.search__targets{align-items:stretch;gap:.4rem;display:flex}.chip{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:.1rem;padding:.45rem .6rem;font-family:inherit;font-size:.75rem;display:flex}.chip--active{color:var(--green);background:var(--green-soft);border-color:var(--green);font-weight:600}.chip__value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;overflow:hidden}.chip--icon{flex:none;justify-content:center;align-items:center;padding:.45rem .7rem;font-size:1.1rem}.chip--icon:disabled{opacity:.4;cursor:default}.search__form{gap:.4rem;display:flex}.search__form input{min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:.55rem .7rem;font-family:inherit;font-size:1rem}.search__form button,.search__locate{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:.55rem .8rem;font-family:inherit;font-size:.85rem}.search__locate{font-size:1.1rem;line-height:1}.search__form button:disabled{opacity:.5;cursor:default}.search__results{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.search__results li+li{border-top:1px solid var(--border)}.search__results button{text-align:left;width:100%;color:var(--text);background:var(--surface);cursor:pointer;border:none;padding:.6rem .7rem;font-family:inherit;font-size:.85rem}.search__error{color:var(--warning);margin:0;font-size:.8rem}.hint{color:var(--text-muted);background:var(--bg);border-radius:var(--radius);margin:0;padding:.6rem .7rem;font-size:.82rem}.controls{flex-direction:column;gap:.6rem;display:flex}.controls__toggles{flex-direction:column;gap:.4rem;display:flex}.toggle{cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.85rem;display:flex}.toggle input{width:1.1rem;height:1.1rem;accent-color:var(--green);flex:none;margin-top:.15rem}.toggle small{color:var(--text-muted);font-size:.72rem;display:block}.controls__intent{border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem;font-family:inherit;font-size:1rem}.controls__actions{gap:.5rem;display:flex}.button{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600}.button--primary{color:#fff;background:var(--green);border-color:var(--green);flex:2}.button:disabled{opacity:.5;cursor:default}.error{color:#7a2f1c;border-radius:var(--radius);background:#fbeae4;border:1px solid #e8c4b6;padding:.7rem .8rem;font-size:.85rem}.error p{margin:0}.error ul{margin:.4rem 0 0;padding-left:1.1rem}.advice{background:var(--green-soft);border-radius:var(--radius);padding:.8rem .9rem}.advice__headline{color:var(--green);margin:0 0 .35rem;font-size:1rem}.advice__reason{margin:0;font-size:.85rem;line-height:1.65}.advice__waypoints{margin-top:.6rem}.advice__waypoints h3{color:var(--text-muted);margin:0 0 .25rem;font-size:.8rem}.advice__waypoints ul{margin:0;padding-left:1.1rem;font-size:.82rem;line-height:1.6}.advice__source{color:var(--text-muted);margin:.55rem 0 0;font-size:.72rem}.routes{flex-direction:column;gap:.6rem;display:flex}.card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid #8fb8a0;flex-direction:column;gap:.45rem;padding:.75rem .85rem;display:flex;position:relative}.card__select{z-index:0;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.card__content{z-index:1;pointer-events:none;flex-direction:column;gap:.45rem;display:flex;position:relative}.card--selected{border-left-color:var(--green);box-shadow:0 0 0 2px var(--green-soft);background:#fbfdfb}.card--baseline{opacity:.85;border-left-color:#9a9a94}.card__head{align-items:center;gap:.4rem;display:flex}.card__number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.card__label{font-size:.9rem;font-weight:600}.card__badge{color:#fff;background:var(--green);border-radius:999px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.card--experimental{border-left-style:dashed;border-left-color:#8a6fb0}.card__badge--experimental{background:#8a6fb0}.diagnostics{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;padding:.3rem .6rem;font-size:.75rem}.diagnostics:hover{background:#00000008}.card__primary{align-items:baseline;gap:.6rem;display:flex}.card__distance{font-size:1.15rem;font-weight:700}.card__time{color:var(--text-muted);font-size:.85rem}.card__score{color:var(--green);margin-left:auto}.card__score-value{font-size:1.3rem;font-weight:700}.card__score-unit{font-size:.75rem}.card__stats{grid-template-columns:repeat(4,1fr);gap:.3rem;margin:0;display:grid}.card__stats div{background:var(--bg);border-radius:8px;flex-direction:column;align-items:center;padding:.3rem .1rem;display:flex}.card__stats dt{color:var(--text-muted);font-size:.65rem}.card__stats dd{margin:0;font-size:.9rem;font-weight:600}.card__stats .is-warning dd{color:var(--warning)}.card__detour,.card__highlights{color:var(--text-muted);margin:0;font-size:.76rem}.card__maps{z-index:2;color:var(--green);align-self:flex-start;font-size:.82rem;font-weight:600;text-decoration:none;position:relative}@media (width>=900px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr 380px;display:grid}.header{grid-column:1/-1}.map{min-height:0}.sheet{border-top:none;border-left:1px solid var(--border);max-height:none;box-shadow:none;border-radius:0}}