/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#23332a;--muted:#718077;--forest:#31684a;--forest-dark:#24523a;--sage:#dce9dc;--cream:#f8f6ed;--paper:#fffef9;--line:#dfe7de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100svh;padding:0 20px;position:relative;overflow:hidden}.topbar{justify-content:space-between;align-items:center;width:min(100%,620px);height:76px;margin:0 auto;display:flex}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-right{align-items:center;gap:8px;display:flex}.menu-button{cursor:pointer;background:#fffef9bf;border:1px solid #c5dac8cc;border-radius:13px;align-content:center;gap:5px;width:40px;height:40px;padding:0 10px;transition:all .18s;display:grid}.menu-button:hover,.menu-button:focus-visible{background:#eef5ec;border-color:#9dbba3;outline:none}.menu-button>span{background:var(--forest-dark);border-radius:999px;width:100%;height:1.5px}.menu-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#182a1f3d;border:0;animation:.18s ease-out menu-fade-in;position:fixed;inset:0}.site-menu{z-index:21;background:var(--paper);border-left:1px solid var(--line);flex-direction:column;width:min(82vw,320px);padding:25px 22px 28px;animation:.22s ease-out menu-slide-in;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-16px 0 44px #23332a24}.site-menu-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:19px;display:flex}.site-menu-heading p{color:#719078;letter-spacing:.18em;margin:0;font-family:Georgia,serif;font-size:10px;font-style:italic}.site-menu-heading button{background:var(--sage);width:36px;height:36px;color:var(--forest-dark);cursor:pointer;border:0;border-radius:50%;padding:0;font-size:24px;line-height:1}.site-menu nav{margin-top:12px}.site-menu nav a{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;padding:17px 5px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.site-menu nav a:hover,.site-menu nav a:focus-visible{color:var(--forest);outline:none}.site-menu nav a span:last-child{color:#8da092;font-size:10px}.site-menu-copy{color:#89968e;margin:auto 0 0;font-size:10px;line-height:1.7}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes menu-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.brand{color:var(--forest-dark);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;background:var(--forest);color:#fff;border-radius:50% 50% 46% 54%;place-items:center;width:34px;font-family:serif;display:grid;transform:rotate(-5deg)}.brand-mark:first-letter{transform:rotate(5deg)}.top-actions{align-items:center;gap:4px;display:flex}.top-actions button{color:#557060;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:8px 9px;font-size:13px;font-weight:700;display:flex}.top-actions button:hover,.top-actions button.active{background:#dce9dca6}.top-actions span{font-size:18px}.hero{text-align:center;z-index:1;width:min(100%,620px);margin:44px auto 34px;position:relative}.eyebrow{color:#719078;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-family:Georgia,serif;font-size:11px;font-style:italic}.hero h1{letter-spacing:.035em;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(22px,5.8vw,31px);font-weight:600;line-height:1.55}.hero h1 span{color:var(--forest);display:block}.hero-copy{color:var(--muted);margin:18px 0 0;font-size:13px;line-height:2}.walk-card{z-index:2;background:#fffef9f0;border:1px solid #cad8c9cc;border-radius:28px;width:min(100%,580px);margin:0 auto;padding:28px 22px 25px;position:relative;box-shadow:0 18px 55px #37554114}.step-heading{align-items:center;gap:12px;margin-bottom:17px;display:flex}.step-heading>span{aspect-ratio:1;background:var(--sage);width:37px;color:var(--forest);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:12px;font-style:italic;font-weight:700;display:grid}.step-heading p{color:var(--muted);margin:0 0 2px;font-size:10px;font-weight:700}.step-heading h2{letter-spacing:.04em;margin:0;font-size:17px}.location-button{text-align:left;cursor:pointer;background:#f1f7f0;border:1px solid #c5dac8;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;padding:15px 17px;display:grid}.location-icon{aspect-ratio:1;background:var(--forest);color:#fff;border-radius:50%;place-items:center;width:36px;font-size:22px;display:grid}.location-button strong,.location-button small{display:block}.location-button strong{font-size:14px}.location-button small{color:var(--muted);margin-top:3px;font-size:10px}.location-button .arrow{color:var(--forest);font-size:21px}.location-button.chosen{border-color:var(--forest);background:#eaf4e9}.location-button:disabled,.draw-button:disabled,.again-button:disabled{cursor:wait;opacity:.72}.or{color:#9ca8a0;align-items:center;gap:10px;margin:12px 0;font-size:9px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.address-field{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:0 16px;display:flex}.address-field>span{color:#8b9a90;font-size:21px}.address-field input{background:0 0;border:0;outline:0;width:100%;padding:15px 0;font-size:13px}.address-field:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px #31684a14}.second-step{margin-top:28px}.walk-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.walk-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;align-items:center;min-width:0;padding:13px 5px 11px;transition:all .18s;display:flex}.walk-option:hover{border-color:#a9c4ae;transform:translateY(-2px)}.walk-option.selected{border:1.5px solid var(--forest);background:#f0f7ef;box-shadow:inset 0 0 0 1px #31684a0f}.walk-icon{font-size:22px;line-height:1.2}.walk-option strong{white-space:nowrap;margin-top:6px;font-size:11px}.walk-option small{color:var(--muted);margin-top:2px;font-size:9px}.time-note{color:#89968e;text-align:center;margin:11px 3px 0;font-size:9px;line-height:1.65}.walking-animation{background:#f3f8f0;border:1px solid #d6e5d4;border-radius:16px;margin:18px 0 -7px;padding:12px 15px 10px;overflow:hidden}.walking-track{border-bottom:1px dashed #afc8b1;width:min(100%,250px);height:34px;margin:0 auto;position:relative}.walking-person{z-index:2;font-size:25px;animation:1.2s ease-in-out infinite alternate stroll;position:absolute;bottom:1px;left:5%}.footprint{color:#789c7e;opacity:0;font-size:15px;animation:1.2s ease-out infinite footprint;position:absolute;bottom:-5px}.footprint-one{animation-delay:.1s;left:29%}.footprint-two{animation-delay:.35s;left:43%}.footprint-three{animation-delay:.6s;left:57%}.walking-tree{font-size:23px;position:absolute;bottom:1px;right:4%}.walking-animation p{color:#597061;text-align:center;margin:8px 0 0;font-size:10px;font-weight:700}@keyframes stroll{0%{transform:translate(0)rotate(-2deg)}to{transform:translate(145px)rotate(2deg)}}@keyframes footprint{0%,18%{opacity:0;transform:scale(.6)}38%,72%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.draw-button{background:var(--forest);color:#fff;letter-spacing:.05em;cursor:pointer;border:0;border-radius:999px;width:100%;margin-top:24px;padding:17px 20px;font-size:14px;font-weight:800;transition:all .18s;box-shadow:0 9px 20px #2a5b3f38}.draw-button:hover{background:var(--forest-dark);transform:translateY(-1px)}.draw-button:active{transform:translateY(1px)}.draw-button span{color:#dce9b4;margin-right:6px}.spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#9b4634;text-align:center;background:#fff0eb;border-radius:11px;margin:16px 3px -8px;padding:10px 12px;font-size:11px;line-height:1.6}.draw-note{color:#94a198;text-align:center;margin:11px 0 0;font-family:serif;font-size:10px}.subpage{z-index:2;text-align:center;width:min(100%,580px);min-height:650px;margin:58px auto 0;position:relative}.subpage>h1{letter-spacing:.07em;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(30px,8vw,42px);font-weight:600}.subpage-copy,.result-intro{color:var(--muted);margin:10px 0 30px;font-size:12px;line-height:1.8}.result-loading{padding-top:56px}.result-loading .walking-animation{background:#fffef9f0;margin:32px auto 0;padding:28px 20px 22px;box-shadow:0 18px 55px #37554114}.result-loading .walking-track{height:48px}.result-loading .walking-person{font-size:30px}.result-loading .walking-tree{font-size:28px}.result-loading .walking-animation p{margin-top:16px;font-size:12px}.destination-card{background:#fffef9f5;border:1px solid #c6d6c7e6;border-radius:28px;padding:34px 24px 28px;box-shadow:0 18px 55px #37554117}.compass{width:92px;height:92px;color:var(--forest);background:repeating-radial-gradient(circle,#eef5ec 0 11px,#f8fbf6 12px 22px);border:1px solid #bfd2c0;border-radius:50%;place-items:center;margin:0 auto 19px;font-size:43px;display:grid}.compass span{filter:drop-shadow(0 3px 4px #31684a26)}.walk-tag{color:var(--forest);background:#ecf4e9;border-radius:999px;margin:0 0 11px;padding:7px 12px;font-size:10px;font-weight:700;display:inline-block}.destination-card h2{color:var(--forest-dark);margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(23px,6vw,31px);line-height:1.55}.destination-card>p:not(.walk-tag){color:var(--muted);margin:14px 0 23px;font-size:12px;line-height:1.9}.maps-button{background:var(--forest);color:#fff;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:100%;padding:16px 18px;font-size:13px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 9px 20px #2a5b3f33}.result-actions{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.again-button{width:100%;color:var(--forest);cursor:pointer;background:#ffffffb8;border:1px solid #b9cdbc;border-radius:999px;padding:14px 18px;font-size:12px;font-weight:800}.text-button{color:var(--muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px 16px;font-size:11px;text-decoration:underline}.result-error{margin:12px 0}.safety-note{color:#89968e;margin:20px 0 0;font-size:10px}.empty-state,.settings-card,.about-card{border:1px solid var(--line);background:#fffef9e6;border-radius:24px;padding:34px 24px}.empty-state>span{font-size:38px}.empty-state h2{margin:13px 0 7px;font-size:16px}.empty-state p{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.7}.small-primary{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 24px;font-size:12px;font-weight:800}.history-list{text-align:left;flex-direction:column;gap:11px;display:flex}.history-item{border:1px solid var(--line);background:#fffef9eb;border-radius:18px;padding:19px 20px}.history-date{color:var(--muted);justify-content:space-between;gap:10px;font-size:10px;display:flex}.history-date small{color:var(--forest);background:#edf4eb;border-radius:999px;padding:3px 8px}.history-item h2{margin:10px 0;font-size:16px;line-height:1.5}.history-item a{color:var(--forest);text-underline-offset:3px;font-size:11px;font-weight:700}.settings-card{text-align:left;padding:22px}.setting-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.setting-row h2{margin:0 0 5px;font-size:14px}.setting-row p{color:var(--muted);margin:0;font-size:10px}.toggle{cursor:pointer;background:#cbd2cc;border:0;border-radius:999px;width:46px;min-width:46px;height:27px;padding:3px;transition:all .2s}.toggle span{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;display:block;box-shadow:0 2px 5px #00000026}.toggle.on{background:var(--forest)}.toggle.on span{transform:translate(19px)}.setting-divider{background:var(--line);height:1px;margin:20px 0}.clear-button{color:#a54a38;cursor:pointer;background:#fff0eb;border:0;border-radius:12px;width:100%;padding:11px;font-size:11px;font-weight:700}.clear-button:disabled{color:#a3aaa5;cursor:not-allowed;background:#f1f1ed}.about-card{text-align:center;margin-top:15px}.about-card>span{font-size:30px}.about-card h2{margin:9px 0 7px;font-size:14px}.about-card p{max-width:430px;color:var(--muted);margin:auto;font-size:11px;line-height:1.9}.leaf{z-index:0;background:#b5cfb13b;border-radius:90% 10% 80% 20%;position:absolute}.leaf-one{width:210px;height:110px;top:90px;left:-110px;transform:rotate(28deg)}.leaf-two{width:190px;height:95px;top:300px;right:-120px;transform:rotate(-42deg)}footer{color:#86958b;text-align:center;width:min(100%,580px);margin:32px auto 0;padding:28px 0 34px;font-size:10px}footer .studio-link{color:#6a7d70;letter-spacing:.12em;align-items:center;gap:4px;margin:0 0 5px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}footer .studio-link:hover{color:var(--forest);text-decoration:underline}footer .studio-link span{font-size:9px}footer .studio-copy{margin:0}footer a{color:#96a198;text-underline-offset:2px;margin-top:9px;font-size:8px;display:block}footer .copyright{color:#96a198;letter-spacing:.04em;margin:12px 0 0;font-size:9px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=680px){.app-shell{padding-bottom:30px}.hero{margin-top:65px}.walk-card{padding:34px}.walk-options{grid-template-columns:repeat(6,1fr)}}@media (width<=380px){.app-shell{padding-inline:13px}.topbar-left{gap:7px}.topbar-right{gap:3px}.brand{gap:7px;font-size:16px}.brand-mark{width:31px}.top-actions button{padding-inline:6px}.walk-card{padding-inline:16px}.walk-option strong{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.walking-person{left:46%;animation:none!important}.footprint{display:none}.menu-backdrop,.site-menu{animation:none!important}}