:root{color-scheme:light;--background:#f6f1e8;--surface:#fffdf9;--surface-strong:#f3e8d6;--surface-tint:#faf2e4;--surface-cream:#fff7ec;--text:#16231f;--muted:#55615b;--border:#d5c5ad;--border-soft:rgba(213,197,173,0.58);--accent:#1f6f4a;--accent-strong:#155339;--shadow:0 18px 40px rgba(48,42,26,0.08);--shadow-soft:0 14px 28px rgba(48,42,26,0.06);--shadow-strong:0 26px 52px rgba(48,42,26,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#fbf7f0;color:var(--text);font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}main{padding:2rem 1.25rem 4rem}.app-shell{min-height:100vh}.app-header{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(255,252,246,.9);border-bottom:1px solid rgba(213,197,173,.78)}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1040px;margin:0 auto;padding:1rem 1.25rem}.app-header__brand{display:inline-flex;align-items:baseline;gap:.45rem;font-size:1.1rem;font-weight:700;letter-spacing:.01em}.app-header__brand-mark{color:var(--accent);letter-spacing:.03em}.app-header__brand-text{color:var(--text)}.app-header__nav{display:flex;gap:1rem;color:var(--muted);font-size:.98rem}.app-header__nav a{position:relative;padding-bottom:.15rem;transition:color .14s ease}.app-header__nav a:after{content:"";position:absolute;left:0;right:0;bottom:-.08rem;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(31,111,74,0),rgba(31,111,74,.7) 50%,rgba(31,111,74,0));opacity:0;transform:scaleX(.8);transition:opacity .14s ease,transform .14s ease}.app-header__nav a:focus-visible,.app-header__nav a:hover{color:var(--text)}.app-header__nav a:focus-visible:after,.app-header__nav a:hover:after{opacity:1;transform:scaleX(1)}.page{max-width:1040px;margin:0 auto}.hero,.page{display:grid;grid-gap:1.5rem;gap:1.5rem}.hero{padding:2rem 0 1rem}.hero--homepage{max-width:52rem;padding-top:.75rem}.hero__brand,.hero__safety-note,.hero__supporting-line,.hero__tagline{margin:0}.hero__brand{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero__tagline{font-size:1.25rem;font-weight:700;color:var(--text)}.hero h1{margin:0;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.93;letter-spacing:-.03em;text-wrap:balance}.hero p{margin:0;max-width:52rem;color:var(--muted);font-size:1.05rem}.hero__safety-note{padding:1rem 1.1rem;border-radius:18px;background:rgba(250,242,228,.92);border:1px solid rgba(213,197,173,.72)}.hero__supporting-line{font-size:.95rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero__welcome{display:grid;grid-gap:1rem;gap:1rem;max-width:52rem}.hero__welcome h2{margin:0}.hero__welcome-list{margin:0;padding-left:1.25rem;display:grid;grid-gap:.75rem;gap:.75rem;color:var(--muted)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:999px;padding:.88rem 1.32rem;font-weight:700;letter-spacing:.01em;border:1px solid transparent;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.button--primary{background:var(--accent);color:#f7fff8}.button--primary:hover{background:var(--accent-strong)}.button--secondary{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,241,226,.95));border-color:rgba(216,204,182,.8);color:var(--text)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(31,111,74,.18)}.button:disabled{opacity:.62;cursor:not-allowed}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid--two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.info-panel,.placeholder-panel,.route-card,.timeline-placeholder{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:1.25rem}.route-card__eyebrow{margin:0 0 .35rem;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.45rem}.route-card__eyebrow:before{content:"";width:1.2rem;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(31,111,74,.85),rgba(31,111,74,.25))}.info-panel p,.placeholder-panel p,.route-card__description,.timeline-placeholder p{color:var(--muted)}.breed-preview-list,.info-panel ul{margin:0;padding-left:1rem}.breed-preview-list{list-style:none;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.breed-preview-list__item{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;border-radius:18px;background:var(--surface-strong)}.placeholder-panel__actions{margin-top:1rem}.timeline-placeholder__hours{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.5rem;gap:.5rem;margin:1rem 0}.timeline-placeholder__hour{display:grid;place-items:center;min-height:56px;border-radius:14px;background:linear-gradient(180deg,#d7eadb,#f4cf90);font-weight:700}.timeline-placeholder__details,.timeline-placeholder__summary{color:var(--muted)}.onboarding-flow{max-width:1040px;margin:0 auto;display:grid;grid-gap:1rem;gap:1rem}.breed-picker-item,.choice-card,.onboarding-card,.onboarding-progress-card,.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.onboarding-card,.onboarding-progress-card{padding:1.25rem}.onboarding-actions,.onboarding-progress-card__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.onboarding-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:.75rem;gap:.75rem;margin:1rem 0 .75rem}.onboarding-progress__step{display:grid;grid-gap:.25rem;gap:.25rem;padding:.75rem;border-radius:18px;background:rgba(242,231,211,.45);color:var(--muted)}.onboarding-progress__step span{font-size:1.05rem;font-weight:700}.onboarding-progress__step small{font-size:.78rem}.onboarding-progress__step--active{background:#e4f0e7;color:var(--text)}.form-error,.onboarding-note{color:var(--muted)}.form-error{margin:0 0 1rem;color:#8d2d1f;font-weight:700}.onboarding-step{display:grid;grid-gap:1rem;gap:1rem}.onboarding-step h2{margin:0}.onboarding-step p{margin:0;color:var(--muted)}.onboarding-list{display:grid;grid-gap:.75rem;gap:.75rem}.checkbox-option,.onboarding-list div,.summary-card,.variant-note-card{padding:.9rem 1rem;border-radius:18px;background:var(--surface-strong)}.choice-grid,.form-grid,.summary-grid{display:grid;grid-gap:.9rem;gap:.9rem}.choice-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.breed-picker-item,.choice-card{display:grid;grid-gap:.35rem;gap:.35rem;width:100%;text-align:left;padding:1rem;cursor:pointer}.breed-picker-item span,.choice-card span,.summary-card span{color:var(--muted)}.breed-picker-item--selected,.choice-card--selected{border-color:var(--accent);background:#eef6ef}.form-field{display:grid;grid-gap:.45rem;gap:.45rem}.form-field span{font-weight:700}.input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:16px;padding:.8rem .95rem;background:#fffef8;color:var(--text);font:inherit}.breed-picker-list,.checkbox-grid{display:grid;grid-gap:.75rem;gap:.75rem}.breed-picker-list{max-height:420px;overflow:auto;padding-right:.25rem}.checkbox-option{display:flex;gap:.75rem;align-items:flex-start}.checkbox-option input{margin-top:.2rem}.summary-card,.variant-note-card{display:grid;grid-gap:.35rem;gap:.35rem}.variant-note-card span{color:var(--muted)}.onboarding-actions{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.timeline-card,.timeline-detail-card,.timeline-summary-card{position:relative;overflow:hidden;display:grid;align-content:start;grid-gap:.72rem;gap:.72rem;background:var(--surface);border:1px solid var(--border-soft);border-radius:28px;box-shadow:var(--shadow-soft);padding:1.3rem}.timeline-hero{gap:1rem;padding-bottom:.85rem}.timeline-overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);grid-gap:1rem;gap:1rem;margin-top:.2rem}.timeline-detail-grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:.25rem}.timeline-summary-pair{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);grid-gap:1rem;gap:1rem;align-items:stretch}.timeline-summary-card--today{position:relative;overflow:hidden;padding:1.7rem;background:#fffefb;border-color:rgba(31,111,74,.22);border-radius:30px;box-shadow:0 20px 36px rgba(48,42,26,.09)}.timeline-summary-card--today h2{margin:0;max-width:38rem;font-size:clamp(1.55rem,2.6vw,2.3rem);line-height:1.08;letter-spacing:-.025em}.timeline-summary-card__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.55rem 1rem;gap:.55rem 1rem;margin-top:.15rem}.timeline-summary-card__facts--stacked{grid-template-columns:1fr}.timeline-summary-card--context{padding:1.55rem;background:#fffaf4;border-color:rgba(220,190,145,.72);box-shadow:0 18px 34px rgba(48,42,26,.08)}.timeline-summary-card--context h2{margin:0;font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.04;letter-spacing:-.03em}.timeline-summary-card__subheading{color:var(--text);font-size:1rem;line-height:1.3}.timeline-summary-card--today p:last-child{max-width:42rem}.timeline-detail-card--selected,.timeline-summary-card--current,.timeline-summary-card--window{padding:1.45rem}.timeline-summary-card--right-now{padding:1.6rem}.timeline-summary-card--right-now .timeline-summary-card__headline h2{font-size:clamp(1.8rem,2.9vw,2.5rem)}.timeline-summary-card--current{background:#fffefb;border-color:rgba(170,200,178,.76);box-shadow:0 18px 34px rgba(48,42,26,.08)}.timeline-summary-card--window{background:#fffaf4;border-color:rgba(220,190,145,.78);box-shadow:0 18px 34px rgba(48,42,26,.08)}.timeline-summary-card--illustration{place-items:center;min-height:100%;padding:.6rem;background:linear-gradient(180deg,rgba(255,250,244,.96),rgba(252,245,233,.98));border-color:rgba(220,190,145,.72);box-shadow:0 18px 34px rgba(48,42,26,.08)}.timeline-illustration{display:block;width:100%;height:auto;max-height:280px;object-fit:contain}.timeline-detail-card--selected{background:#ffffff;border-color:rgba(213,197,173,.76);box-shadow:0 18px 36px rgba(48,42,26,.085)}.timeline-card__header,.timeline-summary-card__headline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.timeline-card__header h2,.timeline-detail-card h2,.timeline-summary-card__headline h2{margin:0}.timeline-summary-card__headline h2{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.08;letter-spacing:-.02em}.timeline-breakdown,.timeline-card__meta,.timeline-detail-card p,.timeline-summary-card p{color:var(--muted)}.timeline-card__meta{font-size:.94rem}.timeline-card p,.timeline-detail-card p,.timeline-summary-card p{margin:0;line-height:1.38}.timeline-detail-card strong,.timeline-summary-card strong{color:var(--text)}.timeline-card{padding:1.6rem;background:#fffefb;border-color:rgba(213,197,173,.72);box-shadow:0 20px 38px rgba(48,42,26,.085);margin-top:.35rem}.timeline-card__header{padding-bottom:1.15rem;margin-bottom:.5rem;border-bottom:1px solid rgba(213,197,173,.5)}.timeline-detail-card{background:#ffffff}.ad-shell+.timeline-card,.timeline-card+.timeline-detail-grid,.timeline-detail-grid+.ad-shell,.timeline-overview-grid+.ad-shell,.timeline-overview-grid+.timeline-summary-pair,.timeline-summary-card+.timeline-overview-grid,.timeline-summary-pair+.ad-shell{margin-top:.45rem}.timeline-grid-shell{margin-top:.45rem;padding:.75rem;border:1px solid rgba(213,197,173,.48);border-radius:22px;background:#fffdf9}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));grid-gap:.8rem;gap:.8rem}.timeline-hour{display:grid;grid-gap:.28rem;gap:.28rem;width:100%;text-align:left;border:1px solid rgba(22,35,31,.08);border-radius:18px;padding:.95rem;cursor:pointer;color:var(--text);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.timeline-hour strong,.timeline-hour__band,.timeline-hour__outing,.timeline-hour__weather{display:block}.timeline-hour strong{font-size:1.02rem;line-height:1;letter-spacing:-.02em}.timeline-hour__weather{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap;min-height:1.15rem;font-size:.82rem;line-height:1.2}.timeline-hour__temp{font-weight:700;color:var(--text)}.timeline-hour__condition{color:rgba(29,42,36,.78)}.timeline-hour__band{font-weight:700;font-size:.97rem;letter-spacing:.01em}.timeline-hour__outing{color:rgba(29,42,36,.72);font-size:.82rem;line-height:1.25}.timeline-hour--green{background:#dff2e3}.timeline-hour--yellow{background:#f7ebaf}.timeline-hour--orange{background:#f3c88f}.timeline-hour--red{background:#eab1aa}.timeline-hour:hover{transform:translateY(-1px);border-color:rgba(22,35,31,.16)}.timeline-hour--highlighted{border-color:rgba(31,111,74,.36);box-shadow:inset 0 0 0 1px rgba(31,111,74,.1)}.timeline-hour--quiet{opacity:.82}.timeline-hour--quiet .timeline-hour__band,.timeline-hour--quiet .timeline-hour__condition,.timeline-hour--quiet .timeline-hour__outing{color:rgba(22,35,31,.68)}.timeline-hour--selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(31,111,74,.14);transform:translateY(-1px)}.band-pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border-radius:999px;padding:.48rem .88rem;font-size:.82rem;font-weight:700;letter-spacing:.05em;border:1px solid transparent;text-transform:capitalize}.band-pill--green{background:#def0e2;border-color:rgba(126,172,137,.62)}.band-pill--yellow{background:#f6e9af;border-color:rgba(192,169,97,.56)}.band-pill--orange{background:#f2c58e;border-color:rgba(198,138,77,.54)}.band-pill--red{background:#e8b1ab;border-color:rgba(177,105,100,.5)}.timeline-breakdown{margin:0;padding-left:1rem}.timeline-detail-toggle{margin-top:1rem}.timeline-detail-explainer{margin-top:1rem;padding:1rem 1.1rem;border:1px solid rgba(213,197,173,.62);border-radius:20px;background:#fcf5e9;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.timeline-warning-callout{margin-top:1rem;padding:1rem 1.1rem;border:1px solid rgba(198,138,77,.42);border-radius:20px;background:#fff4e7}.timeline-warning-callout__list{margin:0;padding-left:1rem;color:var(--text);display:grid;grid-gap:.55rem;gap:.55rem}.timeline-detail-link{margin-top:1rem;padding:.95rem 1.05rem;color:var(--muted);font-size:.95rem;border:1px solid rgba(213,197,173,.56);border-radius:18px;background:#fdf6eb}.timeline-detail-link a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:.16em}.timeline-detail-link a:hover{color:var(--accent-strong)}.timeline-detail-link a:focus-visible{outline:none;border-radius:6px;box-shadow:0 0 0 3px rgba(31,111,74,.18)}.ad-shell{width:100%;border-radius:24px}.ad-shell--content-footer,.ad-shell--timeline-detail,.ad-shell--timeline-summary{min-height:112px}.ad-shell--placeholder,.ad-shell--reserved{border:1px dashed var(--border);background:rgba(242,231,211,.3)}.ad-shell--reserved{visibility:hidden}.ad-shell__inner{min-height:inherit;display:grid;place-items:center;grid-gap:.35rem;gap:.35rem;text-align:center;padding:1rem 1.25rem;color:var(--muted)}.ad-shell__label{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media (max-width:640px){.app-header__inner{flex-direction:column;align-items:flex-start}.timeline-placeholder__hours{grid-template-columns:repeat(4,1fr)}.onboarding-actions,.onboarding-progress-card__meta,.timeline-card__header,.timeline-summary-card__headline{flex-direction:column;align-items:stretch}.timeline-overview-grid,.timeline-summary-pair{grid-template-columns:1fr}.timeline-grid-shell{padding:.75rem}.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.timeline-hour{min-height:134px;padding:.9rem .85rem}.timeline-hour__weather{gap:.25rem}}@media (min-width:768px){.ad-shell--timeline-detail,.ad-shell--timeline-summary{min-height:132px}.ad-shell--content-footer{min-height:148px}}