:root{--ink:#1e3028;--muted:#69766c;--paper:#f4f4eb;--card:#fffef8;--leaf:#315f47;--leaf-dark:#244735;--lime:#d8e49b;--line:#e4e7db;--orange:#e5a35f;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#fffdf1 0,transparent 55%),var(--paper);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,500px);margin:0 auto;padding:20px 22px 18px}.topbar{height:40px;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.5px}.wordmark i{font-family:var(--serif);font-weight:500}.brand-mark{color:var(--leaf);font-size:23px}.icon-button{border:1px solid var(--line);background:rgba(255,255,255,.45);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:var(--leaf)}.icon-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero{padding-top:35px}.eyebrow{display:flex;align-items:center;gap:7px;color:#647166;letter-spacing:1.45px;font-size:9px;font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;background:#87a672;display:inline-block;box-shadow:0 0 0 3px #e8efdc}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(42px,12vw,60px);line-height:.98;letter-spacing:-2px;margin:15px 0 12px}.hero h1 em{color:var(--leaf);font-weight:500}.hero-copy{max-width:340px;color:var(--muted);font-size:13px;line-height:1.55;margin:0}.landscape{height:155px;position:relative;overflow:hidden;border-radius:15px;margin:22px 0 24px;background:linear-gradient(180deg,#e5ebda 0%,#f7d9b6 100%)}.sun{position:absolute;right:18%;top:20px;width:48px;height:48px;background:#e9ad67;border-radius:50%;box-shadow:0 0 0 12px #e9ad6730}.ridge{position:absolute;bottom:-25px;width:120%;left:-10%;height:105px;border-radius:50% 50% 0 0}.ridge-back{background:#889d7e;transform:rotate(-7deg);bottom:1px}.ridge-front{background:#536f56;transform:rotate(7deg);bottom:-52px;left:-14%;width:130%}.path{position:absolute;bottom:-35px;left:48%;height:95px;width:36px;background:#d7c69f;transform:rotate(-25deg);border-radius:50%;filter:blur(1px)}.plant{position:absolute;bottom:0;width:30px;height:51px;border-left:2px solid #304f3e;z-index:2}.plant:before{content:'';position:absolute;left:-7px;top:9px;height:18px;width:13px;border-radius:100% 0 100% 0;background:#435f45;transform:rotate(-35deg)}.plant i{position:absolute;top:18px;left:-2px;width:12px;height:7px;background:#435f45;border-radius:100% 0 100% 0;transform:rotate(20deg)}.plant i:nth-child(2){top:28px;left:-9px;transform:rotate(-35deg)}.plant i:nth-child(3){top:37px;left:0;transform:rotate(25deg)}.plant-one{left:10%;transform:scale(.8);transform-origin:bottom}.plant-two{right:12%;transform:scale(1.12);transform-origin:bottom}.landscape-note{position:absolute;z-index:3;right:12px;bottom:11px;color:#fff9e9;font-family:var(--serif);font-style:italic;font-size:12px;text-shadow:0 1px 5px #263f2c}.quest-panel{background:var(--card);border:1px solid #eeeee4;border-radius:18px;padding:20px 17px 14px;box-shadow:0 8px 24px #33432a08}.section-heading,.notes-title{display:flex;align-items:center;justify-content:space-between}.section-heading h2,.notes-title h2{font-family:var(--serif);font-weight:500;font-size:23px;letter-spacing:-.5px;margin:5px 0 0}.model-pill{font-size:8px;letter-spacing:.6px;font-weight:700;color:#456049;background:#eef2e3;border-radius:20px;padding:7px 9px}.sparkle{color:#759460;margin-right:3px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0 20px}.choice{height:60px;border:1px solid var(--line);border-radius:11px;background:#fffefa;color:#546158;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;transition:.18s}.choice-icon{font-family:var(--serif);font-size:20px;line-height:1;color:#668166}.choice.selected{background:#e9efdf;border-color:#afc19d;color:#294735;font-weight:700}.choice.selected .choice-icon{color:#315f47}.duration-label{display:flex;justify-content:space-between;color:#5d685f;font-size:10px;margin-bottom:8px}.duration-label span:last-child{color:var(--leaf);font-weight:700}input[type=range]{appearance:none;width:100%;height:4px;border-radius:8px;background:linear-gradient(90deg,#78916c 25%,#e3e7db 25%);outline:0;margin:0 0 17px}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#fff;border:4px solid #6c8861;border-radius:50%;box-shadow:0 1px 4px #2535272a}.input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#fff;border:4px solid #6c8861;border-radius:50%}.primary-button{min-height:48px;width:100%;border:0;border-radius:11px;padding:0 14px;background:var(--leaf);color:#fffdf1;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;box-shadow:0 5px 12px #315f4722;transition:background .2s,transform .2s}.primary-button:active{transform:translateY(1px);background:var(--leaf-dark)}.button-sparkle{color:#dce8b1}.button-arrow{margin-left:auto;font-size:17px;font-weight:400}.privacy-line{display:flex;align-items:center;justify-content:center;gap:6px;color:#879087;font-size:9px;margin:11px 0 0}.privacy-line span{font-size:14px;color:#718368}.result-card{margin-top:14px;background:#e7edde;border:1px solid #d7e0cd;border-radius:17px;padding:17px 17px 15px;animation:rise .35s ease}.hidden{display:none!important}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.result-topline{display:flex;align-items:center;justify-content:space-between}.result-kicker{font-size:8px;letter-spacing:1.1px;font-weight:700;color:#687860;display:flex;align-items:center;gap:7px}.save-button{border:0;background:transparent;color:#62705e;font-size:10px;padding:4px}.save-button span{font-size:15px;vertical-align:-1px;margin-left:2px}.result-card h2{font-family:var(--serif);font-size:25px;font-weight:500;margin:12px 0 6px;letter-spacing:-.5px}.result-card>p{font-size:12px;line-height:1.65;color:#47564a;margin:0}.quest-meta{display:flex;gap:15px;margin:13px 0;color:#6e7b6c;font-size:9px}.start-button{width:100%;height:40px;border:1px solid #9aaf8c;border-radius:9px;background:#f6f7ed;color:#31513d;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px}.start-button span{font-size:15px}.walk-state{border-top:1px solid #d2dcc8;margin-top:13px;padding-top:12px;display:flex;align-items:center;gap:9px}.walk-pulse{width:10px;height:10px;border-radius:50%;background:#7c9969;box-shadow:0 0 0 5px #cfdcc3}.walk-state div{display:flex;flex-direction:column;gap:3px;flex:1}.walk-state strong{font-size:10px}.walk-state small{font-size:9px;color:#69796a}.walk-state button{border:0;background:transparent;color:#456448;font-size:10px;font-weight:700;padding:8px 0 8px 8px}.model-status{display:flex;align-items:center;gap:10px;color:#788276;font-size:9px;line-height:1.45;margin:13px 3px 0;min-height:27px}.status-icon{font-size:17px;color:#788f6e}.model-status.loading .status-icon{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notes-section{padding:26px 3px 9px}.notes-title{align-items:flex-end}.notes-title h2{font-size:22px}.note-count{font-size:10px;color:#6a766c;border:1px solid var(--line);border-radius:20px;min-width:24px;height:24px;display:grid;place-items:center;background:#fafaf3}.empty-notes{min-height:87px;border:1px dashed #d9ded2;border-radius:12px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:12px;color:#889186;background:#fbfbf5}.empty-illustration{font-family:var(--serif);font-size:30px;color:#a7b299}.empty-notes p{font-family:var(--serif);font-size:12px;line-height:1.55;margin:0;color:#808a7d}.notes-list{display:grid;gap:8px;margin-top:12px}.note-item{background:#fbfbf4;border:1px solid var(--line);border-radius:11px;padding:12px 13px}.note-item strong{font-family:var(--serif);font-weight:500;font-size:14px}.note-item p{font-size:10px;color:#69766c;line-height:1.5;margin:5px 0}.note-item time{font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:#9aa294}footer{display:flex;justify-content:space-between;border-top:1px solid #e4e6dd;padding:14px 1px 4px;margin-top:15px;color:#92998d;font-size:8px}footer span:last-child{letter-spacing:.7px;font-size:7px}.reflection-dialog{width:min(calc(100% - 30px),430px);border:1px solid var(--line);border-radius:18px;padding:25px;background:var(--card);color:var(--ink);box-shadow:0 20px 80px #17291c44}.reflection-dialog::backdrop{background:#20342870;backdrop-filter:blur(3px)}.reflection-dialog form{position:relative}.dialog-close{position:absolute;right:-8px;top:-12px;border:0;background:transparent;color:#718071;font-size:25px}.reflection-dialog h2{font-family:var(--serif);font-size:26px;font-weight:500;margin:10px 0 5px}.reflection-dialog p{font-size:11px;color:var(--muted);margin:0 0 15px}.reflection-dialog textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px;color:var(--ink);background:#fbfbf6;outline-color:#91a67e}.reflection-dialog .primary-button{margin-top:13px}.skip-reflection{width:100%;border:0;background:transparent;color:#788276;font-size:10px;padding:12px 0 0}
@media(min-width:600px){body{padding:28px 0}.app-shell{border:1px solid #e9e9df;border-radius:25px;background:#f8f8f1;padding:25px 29px 18px;box-shadow:0 18px 70px #24372a13}.hero{padding-top:41px}.landscape{height:168px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}