:root{--ink:#162e2a;--muted:#5e716c;--green:#136b59;--green-dark:#0b5748;--mint:#e8f4ef;--orange:#d57a29;--paper:#f3f6f4;--line:#d7e2dd;--white:#fff;--danger:#b74444;--shadow:0 22px 70px #12352d1a}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 88% -8%,#d9eee5 0,transparent 38rem),var(--paper);color:var(--ink);margin:0;font-family:Yu Gothic UI,Hiragino Sans,Meiryo,system-ui,sans-serif;font-size:16px;line-height:1.65}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #e39a56}.walker-app{min-height:100vh}.walker-app>header{justify-content:space-between;align-items:center;max-width:1140px;height:72px;margin:auto;padding:0 26px;display:flex}.brand{background:0 0;border:0;align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}.brand>span{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-4deg)}.quiet,.back{color:var(--muted);background:0 0;border:0;border-radius:11px;align-items:center;gap:7px;padding:10px;display:inline-flex}.quiet:hover,.back:hover{background:#fff}.primary,.outline,.danger{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:49px;padding:11px 19px;font-weight:850;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.primary:disabled{opacity:.4;cursor:not-allowed}.outline{border-color:var(--line);background:#fff}.outline:hover{border-color:var(--green);color:var(--green)}.danger{background:var(--danger);color:#fff}.large{min-height:55px;padding-inline:24px}.loading{place-items:center;min-height:100vh;display:grid}.enter{animation:.3s both enter}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kicker{color:var(--orange);letter-spacing:.08em;align-items:center;gap:7px;margin:0 0 9px;font-size:13px;font-weight:900;display:flex}.goal-page{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(35px,6vw,80px);max-width:1060px;margin:clamp(35px,9vh,90px) auto;padding:0 26px 90px;display:grid}.goal-copy h1,.question h1,.check-page h1,.result-page h1,.tomorrow-page h1{letter-spacing:-.045em;margin:7px 0 18px;font-size:clamp(36px,5vw,58px);line-height:1.14}.goal-copy>p:last-child,.question>p,.check-page>p,.result-page>p,.tomorrow-page>p{color:var(--muted);font-size:17px}.goal-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:27px;padding:clamp(22px,4vw,36px)}.goal-card>label{margin-bottom:20px;font-size:20px;font-weight:900;display:block}.goal-input{border:1.5px solid var(--line);background:#fbfdfc;border-radius:16px;flex-wrap:wrap;align-items:center;gap:7px;padding:13px 15px;display:flex}.goal-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #136b591a}.goal-input span{color:var(--muted)}.goal-input input{background:0 0;border:0;outline:0;flex:1;min-width:220px;font-weight:800}.error{color:var(--danger);margin:8px 0;font-size:14px}.examples{flex-wrap:wrap;gap:7px;margin:17px 0 22px;display:flex}.examples>span{width:100%;color:var(--muted);font-size:13px;font-weight:800}.examples button{border:1px solid var(--line);background:#f7faf8;border-radius:999px;padding:6px 10px;font-size:13px}.examples button:hover{border-color:var(--green)}.goal-card>.primary{width:100%}.storage-note{text-align:center;color:var(--muted);margin:14px 0 0;font-size:12px}.question-page,.check-page,.result-page,.tomorrow-page{max-width:800px;margin:15px auto;padding:10px 24px 90px}.question-top{height:44px;color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}.progress{background:#dbe5e0;border-radius:99px;height:4px;overflow:hidden}.progress i{background:var(--orange);height:100%;transition:width .3s;display:block}.question{padding-top:clamp(35px,7vh,70px)}.question h1{margin-bottom:10px;font-size:clamp(34px,5vw,51px)}.question>p{margin:0 0 25px}.option-list{gap:10px;display:grid}.option-list>button{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:17px;grid-template-columns:29px 1fr 20px;align-items:center;column-gap:11px;min-height:70px;padding:13px 15px;display:grid}.option-list>button:hover{border-color:#8eb5a8;transform:translateY(-1px)}.option-list>button.selected{border-color:var(--green);background:var(--mint)}.option-list>button>span{color:#fff;border:2px solid #a9bbb4;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.option-list>button.selected>span{background:var(--green);border-color:var(--green)}.option-list b{font-size:17px}.option-list small{color:var(--muted);grid-column:2;margin-top:-6px}.option-list>button>svg{color:#9bada6;grid-area:1/3/3}.suggestion-page{max-width:1100px;margin:18px auto;padding:10px 26px 90px}.suggestion-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin:24px 0;display:flex}.goal-label{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;margin:4px 0 9px;padding:5px 11px;font-size:14px;display:inline-block}.suggestion-heading h1{letter-spacing:-.045em;max-width:820px;margin:0;font-size:clamp(35px,4.8vw,55px);line-height:1.15}.time-badge{background:var(--ink);color:#fff;border-radius:24px;flex:none;grid-template-columns:auto auto;place-content:center;align-items:center;gap:3px;width:98px;height:98px;display:grid;transform:rotate(3deg)}.time-badge svg{grid-column:1/3;margin:auto}.time-badge b{font-size:32px;line-height:1}.time-badge span{font-size:13px}.suggestion-grid{grid-template-columns:.85fr 1.15fr;gap:18px;display:grid}.first-action,.steps-card{border:1px solid var(--line);background:#fff;border-radius:25px;padding:27px;box-shadow:0 12px 35px #12352d0a}.section-label{color:var(--orange);letter-spacing:.08em;font-size:13px;font-weight:900}.first-action h2{margin:5px 0 24px;font-size:27px;line-height:1.4}.needs{background:var(--mint);color:var(--green);border-radius:14px;gap:12px;padding:14px;display:flex}.needs span,.needs b{display:block}.needs span{font-size:12px}.reason{color:var(--muted);margin:22px 0 0}.reason b{color:var(--ink);margin-bottom:3px;display:block}.steps-card ol{gap:12px;margin:13px 0;padding:0;list-style:none;display:grid}.steps-card li{grid-template-columns:34px 1fr;align-items:start;gap:10px;display:grid}.steps-card li>span{background:var(--mint);width:31px;height:31px;color:var(--green);border-radius:10px;place-items:center;font-weight:900;display:grid}.steps-card li p{margin:2px 0}.starter{color:#fff;background:#172e29;border-radius:13px;align-items:center;gap:8px;margin:16px 0;padding:12px;display:flex}.starter code{overflow-wrap:anywhere;flex:1}.starter button{color:#fff;background:#2b4941;border:1px solid #607b73;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;display:flex}.done{color:#704719;background:#fff5e8;border-radius:14px;gap:11px;margin-top:18px;padding:14px;display:flex}.done span,.done b{display:block}.done span{font-size:12px}.launch-bar{background:var(--ink);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:18px 20px;display:flex}.launch-bar b,.launch-bar span{display:block}.launch-bar span{color:#b9cbc5;font-size:13px}.adjust{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.adjust button{color:var(--green);background:0 0;border:0;align-items:center;gap:7px;padding:10px;font-weight:800;display:flex}.smaller{background:#fff;border:1px solid #e9c99f;border-radius:16px;max-width:590px;margin:8px 0 0 auto;padding:17px}.smaller p{color:var(--muted)}.check-page,.result-page,.tomorrow-page{padding-top:clamp(30px,7vh,70px)}.check-page h1,.result-page h1,.tomorrow-page h1{margin-bottom:10px;font-size:clamp(34px,5vw,51px)}.start-checks{gap:11px;margin:28px 0;display:grid}.start-checks label{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:17px;grid-template-columns:30px 1fr;align-items:center;gap:12px;min-height:72px;padding:14px 16px;display:grid}.start-checks label.checked{border-color:var(--green);background:var(--mint)}.start-checks input{opacity:0;position:absolute}.start-checks label>span{border:2px solid #a9bbb4;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.start-checks label.checked>span{background:var(--green);border-color:var(--green);color:#fff}.note-field{gap:8px;margin-top:22px;font-weight:800;display:grid}.note-field textarea{resize:vertical;border:1.5px solid var(--line);border-radius:15px;outline:none;min-height:105px;padding:13px;font-weight:400}.note-field textarea:focus{border-color:var(--green)}.action-row{justify-content:space-between;gap:12px;margin-top:25px;display:flex}.result-list{margin-top:25px}.success-mark{background:var(--mint);width:58px;height:58px;color:var(--green);border-radius:18px;place-items:center;margin-bottom:20px;display:grid}.tomorrow-extra{border:1px solid var(--line);background:#fff;border-radius:19px;margin:28px 0;overflow:hidden}.tomorrow-extra summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:65px;padding:15px 18px;font-weight:900;list-style:none;display:flex}.tomorrow-extra[open] summary svg{transform:rotate(90deg)}.tomorrow-extra>div{border-top:1px solid var(--line);padding:20px}.tomorrow-extra>div>span,.tomorrow-extra small{color:var(--muted);font-size:13px;display:block}.tomorrow-extra h2{margin:8px 0;font-size:24px}.tomorrow-extra p{color:var(--muted)}.tomorrow-extra button{margin-top:15px}.tomorrow-actions{gap:10px;display:flex}.backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a261f9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(100%,480px);padding:26px;box-shadow:0 25px 80px #0003}.modal h2{margin:0;font-size:25px}.modal>p{color:var(--muted)}.modal>div{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=760px){.walker-app>header{height:64px;padding:0 16px}.brand{font-size:16px}.brand>span{width:34px;height:34px}.quiet{font-size:12px}.goal-page{grid-template-columns:1fr;gap:25px;margin-top:25px;padding:0 17px 70px}.goal-copy h1{font-size:38px}.goal-card{padding:21px}.question-page,.suggestion-page,.check-page,.result-page,.tomorrow-page{padding-left:17px;padding-right:17px}.question{padding-top:34px}.question h1,.check-page h1,.result-page h1,.tomorrow-page h1{font-size:34px}.option-list>button{min-height:68px}.suggestion-heading{align-items:flex-start}.suggestion-heading h1{font-size:34px}.time-badge{border-radius:19px;width:74px;height:74px}.time-badge svg{display:none}.time-badge b{font-size:28px}.suggestion-grid{grid-template-columns:1fr}.first-action,.steps-card{padding:21px}.launch-bar{flex-direction:column;align-items:stretch}.launch-bar .primary{width:100%}.adjust{display:grid}.adjust button{justify-content:center}.action-row,.tomorrow-actions{flex-direction:column-reverse}.action-row>*,.tomorrow-actions>*{width:100%}.modal>div>*{flex:1}}@media (width<=430px){.goal-copy h1{font-size:34px}.goal-input{display:grid}.goal-input input{width:100%;min-width:0}.suggestion-heading{grid-template-columns:1fr 65px;display:grid}.suggestion-heading>div:first-child{grid-column:1/3}.time-badge{grid-column:2;width:64px;height:64px}.option-list b{font-size:16px}}.saved-goals{max-width:760px;margin:-35px auto 80px;padding:0 24px}.saved-goals h2{margin:0 0 14px;font-size:25px}.saved-goals>div{gap:9px;display:grid}.saved-goals button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:15px;justify-content:space-between;align-items:center;width:100%;min-height:66px;padding:12px 15px;display:flex}.saved-goals button:hover{border-color:var(--green)}.saved-goals button span,.saved-goals button b,.saved-goals button small{display:block}.saved-goals button small{color:var(--muted);margin-top:2px}@media (width<=760px){.saved-goals{margin-top:-30px;padding-inline:17px}}.how-it-works{counter-reset:steps;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.how-it-works li{counter-increment:steps;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;display:grid}.how-it-works li:before{content:counter(steps);background:var(--ink);color:#fff;border-radius:10px;grid-row:1/3;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.how-it-works b,.how-it-works span{display:block}.how-it-works span{color:var(--muted);font-size:14px}.reading-guide{border-left:4px solid var(--orange);color:#704719;background:#fff5e8;border-radius:9px;margin:0 0 16px;padding:10px 13px}.change-notice{background:var(--mint);color:var(--green-dark);border:1px solid #8eb5a8;border-radius:13px;align-items:center;gap:8px;padding:11px 14px;font-weight:800;display:flex}.prominent-back{border:1px solid var(--line);background:#fff;margin-bottom:16px}.tomorrow-toggle{text-align:left;background:#fff;border:0;justify-content:space-between;align-items:center;width:100%;min-height:65px;padding:15px 18px;font-weight:900;display:flex}.tomorrow-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.saved-goals article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:16px}.saved-goals article>div{justify-content:space-between;gap:15px;display:flex}.saved-goals article small{color:var(--muted)}.saved-goals article p{color:var(--ink);margin:9px 0}.saved-goals article p span{color:var(--muted);font-size:12px;font-weight:800;display:block}.saved-goals article button{justify-content:center;width:auto;min-height:45px;margin-top:10px}.saved-goals article button span{display:inline}@media (width<=760px){.how-it-works{margin-top:20px}.saved-goals article>div{gap:2px;display:grid}.saved-goals article button{width:100%}.reading-guide{font-size:14px}}