/* v0.7.1 first-screen usability and visual refresh */
body{background:linear-gradient(180deg,#dceae4 0,#f5f8f5 34%,#e8f0ec 100%)}
.app-shell{background:#f7faf8}
.home-view{padding:14px 14px 108px;gap:14px}
.week-heading{align-items:center;padding:2px 1px}
.week-heading h2{font-size:19px;letter-spacing:.01em}
.phase-status-button{min-height:40px;padding:8px 12px;border:1px solid #bcd5cb;border-radius:999px;background:#fff;color:#275f52;font-size:10px;font-weight:900;box-shadow:0 5px 13px rgba(29,87,72,.08)}
.phase-status-button:after{content:' ›';font-size:14px}.phase-status-button.is-set{background:#e2f2eb;border-color:#91c4ae}
.next-action-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px 12px;align-items:center;padding:15px;border-radius:25px;background:linear-gradient(145deg,#164d43 0%,#1e6f5e 58%,#3a8f73 100%);color:#fff;overflow:hidden;box-shadow:0 18px 38px rgba(17,73,61,.24)}
.next-action-card:before{content:'';position:absolute;width:180px;height:180px;right:-78px;top:-100px;border-radius:50%;background:rgba(255,255,255,.1)}
.next-action-card:after{content:'';position:absolute;width:100px;height:100px;left:-45px;bottom:-65px;border-radius:50%;background:rgba(255,224,140,.13)}
.next-action-character{position:relative;z-index:1;align-self:end}.next-action-character .ponkichi-stage{height:132px}.next-action-character .ponkichi-character{width:111px;height:144px;filter:drop-shadow(0 10px 10px rgba(7,35,29,.25))}.next-action-character .ponkichi-name{left:1px;right:1px;bottom:0;background:#0d352e;border:1px solid rgba(255,255,255,.25)}
.next-action-copy{position:relative;z-index:1;min-width:0}.next-action-copy>span{display:inline-flex;margin-bottom:5px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.14);font-size:8px;font-weight:900;letter-spacing:.12em}.next-action-copy h3{margin:0;font-size:17px;line-height:1.35}.next-action-copy p{margin:7px 0 4px;font-size:11px;line-height:1.55;color:#f6fffb}.next-action-copy small{display:block;font-size:9px;line-height:1.5;color:rgba(255,255,255,.72)}
.next-action-button{position:relative;z-index:1;grid-column:1/-1;min-height:52px;background:#fff;color:#155346;box-shadow:0 9px 20px rgba(6,38,31,.2);font-size:13px}.next-action-button:after{content:' →';font-size:16px}
.city-scene{height:auto;min-height:178px;border:1px solid rgba(34,96,80,.12);border-radius:25px;background:#dcefe8;box-shadow:0 14px 30px rgba(18,65,55,.13)}
.city-illustration{display:block;width:100%;height:auto;aspect-ratio:720/300}
.illustration-sky-fill{fill:url(#citySky)}.city-storm .illustration-sky-fill{fill:#78919b}.city-clear .illustration-sky-fill{fill:#83d2e2}
.illustration-sun{fill:#ffe494;filter:drop-shadow(0 0 14px #ffe494);animation:illustrationSun 4s ease-in-out infinite}.city-storm .illustration-sun{opacity:.2}
.illustration-cloud{fill:#fff;opacity:.76}.illustration-cloud-a{animation:illustrationCloudA 18s linear infinite}.illustration-cloud-b{opacity:.55;animation:illustrationCloudB 22s linear infinite}
.illustration-hills{fill:#9bc486}.city-storm .illustration-hills{fill:#769876}
.city-river{fill:#75bdd1;opacity:.92}.city-storm .city-river{fill:#6d9fb4}
.illustration-building-left path:first-child{fill:#ffd78e}.illustration-building-left path:nth-child(2){fill:#ed9b69}.illustration-building-left rect{fill:#78b7a8}
.city-hall-building>path:nth-child(2){fill:#f2c46d}.city-hall-building>rect{fill:#fff2c9}.city-hall-building>rect:nth-of-type(2){fill:#315f64}
.illustration-building-right>rect:first-child{fill:#b9d7c7}.illustration-building-right>rect:last-child{fill:#4c7774}
.illustration-shop-strip>rect{fill:#efaa78}.illustration-shop-strip>path{stroke:#fff1d2;stroke-width:8}.illustration-window{fill:#507672}.illustration-window.is-lit{fill:#ffe184;filter:drop-shadow(0 0 4px #ffe184)}
.illustration-tree rect{fill:#805c3f}.illustration-tree circle{fill:#4f9a69}.illustration-tree circle:nth-of-type(2){fill:#5cab73}.illustration-tree circle:nth-of-type(3){fill:#3f885c}
.illustration-person circle{fill:#efbd98}.illustration-person path:first-of-type{fill:#356f7c}.illustration-person-1 path:first-of-type{fill:#d46b68}.illustration-person-2 path:first-of-type{fill:#6d9c58}.illustration-person-3 path:first-of-type{fill:#735f9d}.illustration-person path:last-of-type{fill:none;stroke:#59463b;stroke-width:3;stroke-linecap:round}
.illustration-tourist circle{fill:#efbd98}.illustration-tourist path{fill:#d85f5a}.illustration-tourist rect{fill:#314c58}.illustration-tourist circle:last-child{fill:#9ed7dc}
.illustration-construction{fill:#e0a63c;stroke:#c68c2d;stroke-width:3}.illustration-construction path,.illustration-construction line{fill:none;stroke:#c68c2d;stroke-width:5}
.illustration-road{fill:url(#cityRoad)}.illustration-road-line{fill:none;stroke:#ffe9a4;stroke-width:4;stroke-dasharray:18 16}
.illustration-vehicles{pointer-events:none}.illustration-vehicle{animation:illustrationDrive 9s linear infinite;animation-delay:var(--vehicle-delay)}.illustration-vehicle rect,.illustration-vehicle path{fill:#e85e53}.illustration-vehicle.vehicle-1 rect,.illustration-vehicle.vehicle-1 path{fill:#f0b94f}.illustration-vehicle.vehicle-2 rect,.illustration-vehicle.vehicle-2 path{fill:#5ca1b3}.illustration-vehicle circle{fill:#1e302d}
.illustration-flood{fill:rgba(65,151,196,.65);animation:illustrationFlood 2s ease-in-out infinite}.illustration-flood.level-2{fill:rgba(48,132,184,.76)}
.festival-flags>path{fill:none;stroke:#f2a54e;stroke-width:3}.festival-flags g path{fill:#f4c45e}.eco-sparkles{fill:#83c57a;filter:drop-shadow(0 0 7px #b7eaa9)}
.city-scene-caption{position:absolute;left:11px;top:10px;display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(17,64,54,.78);color:#fff;backdrop-filter:blur(8px)}.city-scene-caption span{font-size:7px;font-weight:900;letter-spacing:.16em;color:#9fe0c7}.city-scene-caption b{font-size:9px}
.metric-strip{gap:7px}.metric-strip article{padding:9px 7px;border-radius:16px;box-shadow:0 7px 16px rgba(20,70,58,.06)}.metric-strip span{font-size:8px}.metric-strip strong{font-size:18px}.metric-strip i{height:6px}
.goal-onboarding{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px dashed #a9c8bb;border-radius:18px;background:#eef6f2}.goal-onboarding>span{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#fff;font-size:20px}.goal-onboarding b{display:block;font-size:11px}.goal-onboarding p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.bottom-nav{box-shadow:0 -10px 28px rgba(18,60,51,.12)}
@keyframes illustrationSun{50%{transform:scale(1.07);transform-origin:612px 58px}}
@keyframes illustrationCloudA{to{transform:translateX(650px)}}
@keyframes illustrationCloudB{to{transform:translateX(-520px)}}
@keyframes illustrationDrive{from{transform:translateX(0)}to{transform:translateX(840px)}}
@keyframes illustrationFlood{50%{transform:translateY(5px)}}
@media(max-width:370px){.next-action-card{grid-template-columns:92px minmax(0,1fr);padding:12px}.next-action-character .ponkichi-character{width:98px}.next-action-copy h3{font-size:15px}.next-action-copy p{font-size:10px}.city-scene-caption b{display:none}}