@font-face{font-family:Nunito;src:url('./fonts/nunito-semibold.ttf')}@font-face{font-family:Manrope;src:url('./fonts/manrope-regular.ttf')}*{box-sizing:border-box} :root{--ink:#39284e;--muted:#786989;--purple:#80609d;--lavender:#eee5f8;--paper:#faf7fd;--lime:#e8f29c;--line:#dfd4e9}body{margin:0;background:#eae2f3;color:var(--ink);font:14px Manrope,sans-serif}button,input,select,a{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8a68a7;outline-offset:3px}button:disabled{opacity:.5}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,strong,.wordmark,.primary,.secondary{font-family:Nunito,sans-serif}h1{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:14px 0 12px}h2{font-size:23px}.studio{max-width:1080px;min-height:100svh;margin:auto;display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;padding:38px 30px}.guide{align-self:stretch;display:flex;flex-direction:column;padding:28px 0 15px}.wordmark{font-size:34px;font-weight:600;letter-spacing:-2px;line-height:1}.wordmark span{color:#9977b5}.guide>.wordmark{font-size:48px;margin-bottom:65px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;line-height:1.6}.guide h1{font-size:65px;line-height:1.04;letter-spacing:-3px;margin:25px 0}.guide h1 em{font-style:normal;color:#8968a6}.guide>p{font-size:17px;color:var(--muted);line-height:1.9}.demo-controls{margin-top:35px;padding:24px 0;border-top:1px solid #d4c5e0;max-width:315px}.demo-controls p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:18px}.demo-controls button{display:flex;justify-content:space-between;background:transparent;border-bottom:1px solid #d9cce3;width:100%;min-height:42px;font-size:12px;padding:8px 0}.demo-controls button:hover{color:#69468a}.demo-controls small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:20px}.edition{margin-top:auto;font-size:9px;letter-spacing:2px;color:var(--muted)}.device-area{width:100%}.device{height:844px;max-height:calc(100svh - 84px);min-height:640px;background:var(--paper);border:7px solid #fff;border-radius:48px;box-shadow:0 22px 60px #45295e18;overflow:hidden;display:flex;flex-direction:column;position:relative}.status{height:41px;flex-shrink:0;display:flex;justify-content:space-between;padding:12px 25px 4px;font-size:12px;font-weight:700}.screen{flex:1;min-height:0;overflow:auto;padding:17px 24px 12px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}header .wordmark{font-size:28px}.tiny-tag{font-size:7px;letter-spacing:1px;color:var(--muted)}.sub{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 20px}.steps{display:flex;gap:5px;margin:0 0 12px}.steps i{height:3px;flex:1;background:#e6ddef;border-radius:8px}.steps .on{background:#9170ad}.mascot{width:155px;height:310px;background-image:url('./assets/loop-welcome.png');background-size:300% 100%;background-repeat:no-repeat;background-position:0 0;margin:auto;flex-shrink:0}.mascot.low{background-position:50% 0}.mascot.happy{background-position:100% 0}.intro-mascot{width:116px;height:232px}.mini{width:46px;height:92px;margin:0}.speech{background:#eee5f6;border-radius:16px 16px 16px 4px;padding:13px 15px;font:13px Nunito,sans-serif;line-height:1.4}.fields{display:grid;grid-template-columns:90px 1fr;gap:18px;margin:27px 0}label{display:block;font-size:12px;font-weight:600}input,select{display:block;width:100%;border:1px solid #d7c7e4;border-radius:14px;background:transparent;color:var(--ink);padding:14px 10px;min-height:50px;margin-top:9px;font-size:12px}input{font-size:15px}input[type=number]{appearance:textfield}.primary,.secondary{min-height:53px;width:100%;border-radius:20px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;background:var(--lime);color:var(--ink);margin-top:11px;text-align:left}.primary>svg{background:#39284e0c;border-radius:50%;padding:4px;width:28px;height:28px}.primary:hover{background:#deed87}.secondary{background:transparent;border:1px solid #d7c8e2}.secondary:hover{background:#eee5f6}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#52386f}.footnote{text-align:center;font-size:9px;line-height:1.7;color:var(--muted);margin:16px 0 4px}.text-button{min-height:42px;background:transparent;font-size:11px;padding:12px 0}.error{font-size:11px;color:#a33b54;line-height:1.5}.error:empty{display:none}.companion-line{display:flex;align-items:center;gap:15px;margin:0 0 8px}.companion-line .speech{flex:1}.goals{display:grid;gap:8px}.goal{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--line);border-radius:17px;padding:12px;text-align:left;min-height:66px;width:100%}.goal.selected{background:#eee5f8;border-color:#9976b6}.goal-icon{width:33px;height:33px;border-radius:11px;background:#eee5f8;display:grid;place-items:center}.goal-icon svg{width:19px;height:19px}.goal>span:nth-child(2){flex:1}.goal strong{font-size:12px;display:block;line-height:1.4}.goal small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.goal i{font-style:normal;font-size:14px;color:#80609d}.priority{margin:17px 0}.priority select{min-height:42px;padding:10px}.result{text-align:center}.result-mascot{width:112px;height:224px;margin-top:-15px}.result h1{font-size:30px}.target-number{font-family:Nunito;font-size:77px;line-height:1;letter-spacing:-4px;margin:17px 0 14px}.target-number span{font-family:Manrope;font-size:13px;letter-spacing:0;display:block;margin-top:8px;color:var(--muted)}.plan-note{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px;background:#eee5f6;border-radius:18px;margin:18px 0}.plan-note>svg{margin-top:2px}.plan-note strong{font-size:12px}.plan-note p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0}.home-heading{text-align:center}.home-heading .eyebrow{font-size:8px;color:var(--muted)}.home-heading h1{font-size:26px;margin:9px 0}.home-heading .sub{font-size:11px;margin-bottom:0}.hero{position:relative;margin:0 -10px;text-align:center}.hero .mascot{width:123px;height:246px;margin-top:-8px}.mood-label{display:inline-block;position:relative;margin-top:-6px;top:-8px;background:#eee5f6;border-radius:14px;padding:6px 10px;font-size:7px;letter-spacing:1px;color:#785991}.progress-section{margin:9px 0 17px}.progress-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.progress-heading strong{font-size:23px;line-height:1}.progress-heading>span:last-child{color:var(--muted);font-size:11px}.progress-heading strong{color:var(--ink)}.progress-track{height:8px;background:#e7dfed;border-radius:12px;margin-top:11px;overflow:hidden}.progress-track i{display:block;background:#9a7ab3;height:100%;border-radius:12px;transition:width .3s}.progress-section p{font-size:9px;color:var(--muted);margin:8px 0 0}.time-card{border-top:1px solid var(--line);padding:16px 0 4px;display:flex;gap:12px;align-items:center}.time-card>svg{width:26px;height:26px;color:#8b6da3}.time-card .eyebrow{font-size:6px;letter-spacing:1px}.time-card strong{display:block;font-size:12px;margin:4px 0}.time-card strong span{font-family:Manrope;font-size:9px;font-weight:400;margin-left:5px;color:var(--muted)}.time-card p{font-size:9px;line-height:1.5;color:var(--muted);margin:0 0 4px}.home-footnote{font-size:8px;margin-top:12px}#nav{display:flex;flex-shrink:0;border-top:1px solid #e5ddec;min-height:61px;padding:6px 17px 0;gap:10px;background:var(--paper)}#nav[hidden]{display:none}#nav button{flex:1;background:transparent;color:#9887a5;font-size:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:14px}#nav button.active{color:#62437e;background:#eee5f6}#nav svg{width:20px;height:20px}.home-indicator{width:105px;height:4px;background:#39284e;border-radius:10px;margin:9px auto 7px;flex-shrink:0}.preview-label{text-align:center;font-size:8px;letter-spacing:1.3px;color:#897298;margin:15px 0 0}.preview-label span{color:#a190b0;padding:0 7px}.live-session{display:flex;align-items:center;gap:8px;min-height:61px;font-size:11px;border-top:1px solid var(--line)}.live-session time{margin-left:auto;font:25px Nunito;font-variant-numeric:tabular-nums}.live-dot{height:7px;width:7px;background:#8d6da8;border-radius:50%}.demo-time{display:block;margin:auto}.back{padding-top:0}.location-scene{position:relative;text-align:center;padding-bottom:18px}.location-scene .mascot{width:125px;height:250px}.location-badge{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px}.location-badge svg{width:17px}.location-strip{display:flex;align-items:center;gap:7px;background:#eee5f6;border-radius:13px;font-size:10px;padding:12px;margin:22px 0}.location-strip svg{width:16px}.location-strip span{margin-left:auto;font-size:7px;letter-spacing:1px}.list-label{color:var(--muted);margin-bottom:10px;font-size:8px}.place-row{display:flex;align-items:center;text-align:left;width:100%;background:transparent;padding:19px 0;border-bottom:1px solid var(--line);gap:12px}.place-art{width:65px;height:77px;border-radius:15px;background:#e2d7ee;display:grid;place-items:center}.place-art svg{width:30px;height:30px;color:#856598}.art-1{background:#e7eccb}.art-1 svg{color:#818955}.art-2{background:#dddcd0}.place-row>span:nth-child(2){flex:1}.place-row small{font-size:8px;color:var(--muted)}.place-row strong{display:block;font-size:13px;margin:5px 0}.place-row>span>span{font-size:9px;color:var(--muted)}.place-row>svg{width:17px}.route-art{height:180px;background:#e7dfed;border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:4px 0 23px}.route-art>svg{width:77px;height:77px;color:#9b85ad;z-index:1}.route-art>span{position:absolute;bottom:14px;left:17px;font-size:10px;z-index:1}.route-line{position:absolute;width:270px;height:120px;border:16px solid #f5f0dd;border-radius:50%;transform:rotate(-28deg);top:70px;left:85px}.route-stats{display:flex;gap:24px;padding:20px 0;border-block:1px solid var(--line)}.route-stats strong,.route-stats small{display:block}.route-stats strong{font-size:17px}.route-stats small{font-size:9px;color:var(--muted);margin-top:6px}.route-note{font-size:11px;color:var(--muted);line-height:1.8;margin:22px 0}.journal-total{padding:23px;background:#eee5f6;border-radius:22px;margin:25px 0}.journal-total>strong{display:block;font-size:44px;line-height:1;margin-top:10px}.journal-total small{font-size:12px;color:var(--muted)}.entry{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:22px 0}.entry div{flex:1}.entry strong{font-size:12px}.entry small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.entry>span{font-size:11px}.empty-state{text-align:center}.empty-state p{font-size:12px;color:var(--muted)}.profile-orbit .mascot{width:95px;height:190px}dl{margin:0 0 24px}dl>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:17px 0;font-size:11px}dt{color:var(--muted)}dd{margin:0;text-align:right;max-width:65%}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:white;box-shadow:0 5px 25px #39284e22;border-radius:16px;padding:14px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:721px) and (max-height:850px){.device{max-height:none;height:800px}.studio{padding-block:24px}.hero .mascot{width:108px;height:216px}.intro-mascot{width:98px;height:196px}.result-mascot{width:90px;height:180px}}
@media(max-width:720px){body{background:var(--paper)}.studio{display:block;padding:0;min-height:100svh}.guide{display:none}.device-area{width:100%}.device{width:100%;height:100svh;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none}.status{height:36px;padding:10px 25px 3px}.screen{padding:16px 25px 12px}.preview-label{display:none}.home-indicator{margin-bottom:max(7px,env(safe-area-inset-bottom))}header{margin-bottom:22px}.hero .mascot{width:130px;height:260px}.intro-mascot{width:122px;height:244px}.result-mascot{width:120px;height:240px}#nav{min-height:64px}.primary,.secondary{min-height:53px}}
@media(max-width:720px) and (max-height:760px){.hero .mascot{width:92px;height:184px}.home-heading h1{font-size:24px}.screen{padding-top:10px}.home-heading .sub{font-size:10px}header{margin-bottom:16px}.progress-section{margin:6px 0 11px}.time-card{padding-top:12px}.primary,.secondary{min-height:49px;padding-block:10px}.intro-mascot{width:89px;height:178px}.result-mascot{width:84px;height:168px}.mini{width:38px;height:76px}.goal{min-height:60px;padding:10px}.sub{margin-bottom:16px}.home-footnote{margin-top:8px}.mood-label{top:-4px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* A dedicated full pose avoids clipping the waving hand at a sprite boundary. */
.mascot.welcome{background-image:url('./assets/loop-welcome.png');background-size:contain;background-position:center;width:220px}.mascot.welcome.mini{width:65px}.hero .mascot.welcome{width:220px}.profile-orbit .mascot.welcome{width:170px}
.mascot.low{background-image:url('./assets/loop-low.png')}.mascot.happy{background-image:url('./assets/loop-happy.png')}.mascot.low,.mascot.happy{width:220px;background-size:contain;background-position:center}.hero .mascot{width:220px;height:220px}.result .result-mascot{width:175px;height:175px}.result .plan-note{margin:12px 0}.result .footnote{margin-top:12px}.result .sub{margin-bottom:12px}
@media(max-width:720px) and (max-height:760px){.hero .mascot{width:165px;height:165px}.result .result-mascot{width:140px;height:140px}}
@media(max-width:720px) and (max-height:700px){.hero .mascot{width:110px;height:110px}.home-heading h1{font-size:22px;margin:7px 0}.progress-section{margin:3px 0 9px}.time-card{padding-top:9px}.home-footnote{font-size:7px;margin-top:6px}}
/* Revision 2: white surfaces, purple accents, clear product hierarchy. */
:root{--ink:#302a3a;--muted:#85808d;--paper:#fff;--line:#eeebf1;--lavender:#f6f2fa;--lime:#e8f29c}body{background:#f5f5f3}.device{border-color:#fff;box-shadow:0 15px 60px #24202b0c}.guide h1 em{color:#9573b4}.guide>.wordmark{margin-bottom:100px}.edition{color:#aaa5af}.screen{padding-top:18px}header{margin-bottom:22px}.tiny-tag{color:#aaa2b2}.speech{background:#f6f2fa}.steps i{background:#f1edf5}.steps .on{background:#b899cd}.goal{border-color:#e9e5ee;background:white}.goal.selected{background:#faf7fd;border-color:#b899cd}.goal-icon{background:#f7f4fa;color:#9474af}.goal small{color:#8b8592}.primary{background:#82609e;color:#fff;border-radius:17px}.primary:hover{background:#71518d}.primary>svg{background:#ffffff16}.dark{background:#382e44}.dark:hover{background:#493858}.secondary{border-color:#e7e0ec;border-radius:17px}.companion-line{margin:16px 0 12px}.companion-line .mini{height:78px}.onboarding-heading{margin-top:20px}.sub{color:#8a8491}.result{text-align:left;padding:12px 0}.result>h1{font-size:29px;margin:8px 0}.result>.sub{margin-bottom:16px}.target-scene{height:265px;position:relative;display:flex;align-items:center;justify-content:flex-start;margin:22px 0 24px}.target-disc{height:215px;width:215px;border:1px solid #ede5f4;border-radius:50%;background:#fcfaff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;flex-shrink:0}.target-disc>span{font-size:8px;letter-spacing:1.5px;color:#9d88ae}.target-disc strong{font:72px Nunito;letter-spacing:-4px;line-height:1}.target-disc small{font:17px Manrope;letter-spacing:0;margin-left:6px;color:#8e7a9e}.result .result-mascot{position:absolute;right:-8px;bottom:0;width:140px;height:170px;margin:0;z-index:1}.plan-explanation{padding:22px 0;border-top:1px solid var(--line);margin-bottom:12px;position:relative}.section-icon{color:#9572b0}.plan-explanation>.section-icon{position:absolute;right:0;top:24px}.plan-explanation h2{font-size:18px;margin:0 35px 7px 0}.time-window{font-size:11px;color:#997aaf}.plan-explanation p{font-size:12px;line-height:1.85;color:#817b89;margin:15px 0 0}.result>.text-button{display:block;margin:4px auto}.conditions{padding:0 0 18px;border-bottom:1px solid var(--line)}.city-line{display:flex;gap:6px;align-items:center;font-size:11px;margin-bottom:17px}.city-line svg{width:14px;height:14px;color:#9c7ab6}.city-line strong{font-size:12px}.city-line>span{margin-left:auto;font-size:10px;color:var(--muted)}.conditions-grid{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:8px}.conditions-grid>div{display:flex;align-items:center;gap:6px}.conditions-grid svg{width:18px;height:18px;color:#a68abd}.conditions-grid>div>span{font-size:8px;color:var(--muted)}.conditions-grid strong{display:block;font-size:11px;color:#55495e;margin-top:5px;font-weight:400;white-space:nowrap}.conditions-grid small{font-size:8px;margin-left:3px;color:#918498}.home-heading h1{font-size:23px;margin:22px 0 0}.hero{margin:0;text-align:center}.hero .mascot{height:195px;width:195px;margin:4px auto 5px}.progress-section{margin:8px 0 20px}.progress-heading{font-size:11px}.progress-heading strong{font-size:25px}.progress-track{height:6px;background:#f1ecf5;margin-top:12px}.progress-track i{background:#a78abc}.home-actions{margin-bottom:13px}.home-actions .primary{margin-top:0}.nearby-link{display:flex;align-items:center;justify-content:center;gap:8px;background:none;min-height:46px;width:100%;font-size:11px;color:#85708f}.nearby-link svg{width:15px;height:15px}.nearby-link svg:last-child{margin-left:3px}.walk-window{display:flex;gap:12px;background:#faf9fb;border:1px solid #f0ecf3;border-radius:17px;padding:15px}.walk-window>.section-icon{padding-top:3px}.walk-window .eyebrow{font-size:7px;color:#a08bad;letter-spacing:1px}.walk-window h2{font-size:13px;margin:5px 0 7px}.walk-window h2 span{display:block;font:10px Manrope;color:#8d7b9b;margin-top:4px}.walk-window p{font-size:10px;color:#8a8291;line-height:1.7;margin:0}.live-session{border:0;min-height:42px;padding-bottom:10px}.location-strip{background:none;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;color:#8d739f}.explore-welcome{text-align:center;padding:18px 0 25px}.explore-welcome .mascot{height:240px}.explore-welcome h2{font-size:22px;margin:10px 0}.explore-welcome p{font-size:12px;color:var(--muted)}.places-heading{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.places-heading h2{font-size:15px}.places-heading .text-button{font-size:10px;color:#9675ae}.place-row{padding:22px 0}.place-art{width:66px;height:72px;background:#f3eef7}.art-1{background:#f4f5ed}.art-2{background:#f0f3ee}.place-row strong{font-size:14px}.place-row small{font-size:10px}.place-row>svg{color:#ac96bc}#nav{background:#fff;border-top-color:#f0edf2;padding-top:7px}#nav button{color:#a49aac}#nav button.active{background:#faf7fc;color:#8d68aa}.week-heading{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.week-heading h2{font-size:15px}.week-heading>span{font-size:10px;color:var(--muted)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:14px -4px 25px}.day-cell{background:white;padding:8px 0;border-radius:16px;min-width:0;border:1px solid transparent}.day-cell.chosen{border-color:#ddd0e7;background:#fcfaff}.day-cell>span{font-size:8px;color:#a097a8}.day-stamp{height:48px;display:grid;place-items:center;margin-top:8px}.day-stamp b{font:15px Nunito;color:#94879e}.day-stamp img{width:42px;height:46px;object-fit:contain}.day-summary{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-block:1px solid var(--line);font-size:11px}.day-summary strong{font:27px Nunito;color:#87639f}.day-summary small{font:11px Manrope;color:#a18eaf}.record-heading{font-size:15px;margin:29px 0 4px}.entry>svg{color:#a58bb6}.entry strong{font-size:12px}.entry>span{font-size:10px;color:#8a7e92}.empty-records{padding:35px 0;color:#a09aa6;font-size:12px}.home-indicator{background:#3a3341}#map-sheet{position:fixed;inset:auto;left:var(--sheet-left);top:var(--sheet-top);width:var(--sheet-width);max-width:100vw;margin:0;border:1px solid #eee9f2;border-radius:28px 28px 0 0;padding:13px 26px 25px;background:white;color:var(--ink);box-shadow:0 -10px 40px #2f263316}#map-sheet::backdrop{background:#29213138}.sheet-handle{width:34px;height:4px;border-radius:9px;background:#ddd6e2;margin:0 auto 22px}.sheet-close{position:absolute;right:18px;top:20px;width:34px;height:34px;border-radius:50%;background:#f7f4f9;font-size:22px;color:#9682a5}#map-sheet h2{font-size:21px;margin:8px 30px 5px 0}#map-sheet>p{font-size:12px;color:var(--muted);margin:5px 0 12px}.map-option{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);min-height:57px;font-size:13px}.map-option>svg{margin-left:auto;width:18px;color:#9e86b0}.map-logo{width:32px;height:32px;background:#f1f5f2;color:#528768;border-radius:10px;display:grid;place-items:center;font:bold 18px Nunito}.map-logo.amap{color:#4c85c5;background:#edf4fd}.guide .edition{margin-top:auto}.goal .goal-icon{flex-shrink:0}
@media(max-width:720px){.target-scene{height:260px}.result .result-mascot{width:140px;height:170px;right:0}.target-disc{width:210px;height:210px}.hero .mascot{height:200px;width:200px}.screen{padding-top:14px}.result>h1{margin-top:14px}}
@media(max-height:760px){.hero .mascot{height:140px;width:140px}.conditions{padding-bottom:12px}.conditions-grid strong{font-size:10px}.city-line{margin-bottom:12px}.home-heading h1{margin-top:14px;font-size:22px}.progress-section{margin:3px 0 16px}.walk-window{padding:11px}.walk-window p{font-size:9px}.target-scene{height:190px;margin:12px 0 20px}.target-disc{width:175px;height:175px}.target-disc strong{font-size:60px}.result .result-mascot{height:145px;width:125px}.plan-explanation{padding:17px 0}.plan-explanation p{font-size:11px}.result>h1{font-size:27px}.home-actions{margin-bottom:7px}.nearby-link{min-height:40px}}
@media(max-width:720px) and (max-height:700px){.hero .mascot{height:120px;width:120px}.home-heading h1{margin-top:12px}.conditions{padding-bottom:10px}.home-actions .primary{min-height:47px}.walk-window p{font-size:9px;line-height:1.55}.walk-window h2 span{display:inline;margin-left:7px}.walk-window .section-icon{display:none}.walk-window h2{margin-bottom:5px}.walk-window{padding:10px 12px}}
.conditions-grid>div>span{font-size:9px}.conditions-grid strong{font-size:12px}.conditions-grid small{font-size:8px}#map-sheet{height:310px;max-height:90svh}.day-stamp img{width:44px;height:48px}
/* Revision 3: warmer daylight accents and a more relaxed onboarding rhythm. */
:root{--sunwash:#faf4df;--sunink:#9b824c}.basics-intro{text-align:center;padding:20px 0 0}.basics-intro .mascot.welcome{width:170px;height:185px;margin:0 auto 14px}.companion-greeting{display:block;font-size:11px;color:#9a879f;margin-bottom:24px}.basics-intro h1{font-size:27px;margin:0 0 13px}.basics-intro>.sub{font-size:12px;margin:0}#basics .fields{margin:39px 0 33px;gap:23px;grid-template-columns:85px 1fr}#basics input,#basics select{background:#fdfcfe;border-color:#e9e2ee;border-radius:14px;margin-top:13px;min-height:54px}#basics .primary{margin-top:0}#basics{padding-bottom:22px}.steps{gap:7px}.steps i{height:2px}.result{padding-top:27px}.plan-kicker{color:#a38b58;letter-spacing:1.6px}.result>h1{font-size:27px;margin:12px 0 12px}.result>.sub{font-size:12px;line-height:1.7;margin:0}.target-scene{height:228px;margin:31px 0 29px;border-radius:27px;background:var(--sunwash);display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.target-scene:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #e7d89e;border-radius:50%;right:-100px;top:-110px;z-index:-1}.target-disc{width:155px;height:auto;border:0;border-radius:0;background:transparent;gap:0;align-items:flex-start;padding:0 0 0 7px;flex-shrink:0;z-index:1}.target-disc>span{font-size:8px;letter-spacing:1.5px;color:#a28a56;margin:0 0 14px}.target-disc strong{font:78px Nunito;letter-spacing:-5px;line-height:.95;color:#53443b}.target-disc>small{font:12px Manrope;letter-spacing:0;color:#9a8862;margin-top:14px}.result .result-mascot{position:relative;right:auto;bottom:auto;flex-shrink:0;width:165px;height:194px;margin:25px 0 0 -37px;z-index:2}.plan-explanation{border:0;padding:0 0 23px;margin-bottom:2px}.plan-explanation .time-window{display:block;font-size:10px;color:#aa8d4d;margin:0 30px 11px 0}.plan-explanation h2{font-size:18px;line-height:1.4;margin:0 20px 11px 0}.plan-explanation p{font-size:12px;line-height:1.85;margin:0;color:#8d8593}.plan-explanation>.section-icon{color:#b69a55;top:-2px}.result>.primary{margin-top:8px}.result>.text-button{margin-top:9px}.conditions{padding:7px 0 21px}.city-line{margin-bottom:22px}.conditions-grid{gap:13px}.conditions-grid svg{color:#b5a06b}.conditions-grid>div{gap:8px}.home-heading h1{font-size:23px;margin:26px 0 0}.hero .mascot{width:170px;height:170px;margin:17px auto 16px}.progress-section{margin:0 0 26px}.home-actions{margin-bottom:22px}.nearby-link{min-height:47px;margin-top:7px}.walk-window{background:#fdfbf5;border-color:#f3eddd;padding:19px 17px;gap:13px;border-radius:19px}.walk-window .section-icon{color:#b49b60}.walk-window .eyebrow{color:#ab9664}.walk-window h2{margin:8px 0 11px}.walk-window h2 span{display:inline;margin-left:8px;color:#a08e65}.walk-window p{line-height:1.85}.screen{padding-bottom:24px}.result .text-button{font-size:11px}
@media(max-height:800px){.basics-intro{padding-top:12px}.basics-intro .mascot.welcome{height:150px;width:155px;margin-bottom:10px}.companion-greeting{margin-bottom:21px}#basics .fields{margin:30px 0}.result{padding-top:20px}.target-scene{height:196px;margin:25px 0}.result .result-mascot{width:145px;height:174px;margin-left:-27px}.target-disc{width:145px}.target-disc strong{font-size:69px}.plan-explanation h2{font-size:17px}.plan-explanation p{font-size:11px}.conditions{padding:4px 0 18px}.city-line{margin-bottom:18px}.home-heading h1{margin-top:21px}.hero .mascot{height:135px;width:135px;margin:14px auto}.progress-section{margin-bottom:22px}.home-actions{margin-bottom:17px}.walk-window{padding:16px}}
@media(max-width:720px) and (max-height:700px){.basics-intro .mascot.welcome{height:130px;width:140px}.basics-intro h1{font-size:25px}.companion-greeting{font-size:10px;margin-bottom:19px}#basics .fields{margin:27px 0}.target-scene{height:165px;margin:22px 0}.result .result-mascot{height:155px;width:140px;margin-top:12px}.target-disc strong{font-size:61px}.target-disc>span{margin-bottom:9px}.target-disc>small{margin-top:9px}.result>h1{font-size:25px}.result{padding-top:13px}.plan-explanation{padding-bottom:13px}.plan-explanation p{line-height:1.75}.hero .mascot{height:112px;width:112px;margin:12px auto}.home-heading h1{margin-top:18px}.conditions{padding-bottom:14px}.home-actions{margin-bottom:15px}.nearby-link{margin-top:3px;min-height:40px}.walk-window{padding:14px}.walk-window p{line-height:1.7}.conditions-grid{gap:8px}}