:root{--paper:#fbfbf8;--surface:#f3f3ef;--surface-strong:#e8e8e1;--ink:#171815;--ink-soft:#5f625a;--ink-faint:#7c8076;--line:#d9dad2;--line-strong:#a9ada3;--green:#146b4e;--green-dark:#0c503a;--green-pale:#e6f0eb;--orange:#d65332;--danger:#9b2c22;--danger-dark:#681b16;--toast-border:#3b3c37;--toast-muted:#c8cac2;--focus:#2478c7;--radius:8px;--content:1080px;--gutter:clamp(20px, 4vw, 48px);--z-modal:50;--z-toast:60;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Aptos,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}svg{flex:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 70%, white);outline-offset:3px}.button-primary,.button-secondary,.button-text,.button-icon,.danger-link{background:0 0;border:0;justify-content:center;align-items:center;gap:.5rem;font-weight:680;display:inline-flex}.button-primary,.button-secondary{border-radius:var(--radius);min-height:44px;padding:.7rem 1rem}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark)}.button-secondary{border:1px solid var(--line);background:var(--paper)}.button-secondary:hover{border-color:var(--line-strong);background:#fff}.button-text{min-height:44px;color:var(--green-dark);padding:.55rem .15rem}.button-text:hover{color:var(--ink)}.button-icon{border-radius:var(--radius);width:44px;height:44px}.button-icon:hover{background:var(--surface)}.danger-link{min-height:44px;color:var(--danger);padding:.55rem 0}.danger-link:hover{color:var(--danger-dark)}.brand-mark{letter-spacing:-.02em;font-size:.95rem;font-weight:760;display:inline-block}.brand-button{background:0 0;border:0;padding:0}.signature-footer{color:var(--ink-faint);font-size:.78rem}.signature-footer a{text-underline-offset:3px}.landing{width:min(100%,1440px);height:100dvh;min-height:520px;padding:0 var(--gutter);grid-template-rows:1fr 72px;margin:0 auto;display:grid;overflow:hidden}.landing-main{text-align:center;flex-direction:column;align-self:center;align-items:center;width:min(100%,470px);margin:0 auto;display:flex}.landing-main h1{letter-spacing:-.065em;margin-bottom:.8rem;font-size:clamp(2.5rem,7vw,4.8rem);font-weight:720;line-height:.98}.landing-main p{max-width:38ch;color:var(--ink-soft);margin-bottom:1.8rem;line-height:1.55}.landing-actions{justify-content:center;align-items:center;gap:.65rem;display:flex}.landing-import{min-height:50px;padding:.8rem 1.15rem}.landing-main .export-instructions{max-width:54ch;color:var(--ink-faint);margin:1rem 0 0;font-size:.72rem;line-height:1.45}.landing-return{margin-top:.5rem;font-size:.85rem}.landing>.signature-footer{text-align:center;align-self:center}.trips-screen,.trip-screen{min-height:100vh}.app-nav,.trip-nav{width:min(var(--content), calc(100% - 2 * var(--gutter)));justify-content:space-between;align-items:center;height:76px;margin:0 auto;display:flex}.trip-nav .brand-mark{position:absolute;left:50%;transform:translate(-50%)}.trips-header,.trip-header,.trip-list,.create-trip-panel,.data-details,.trip-replay,.trip-below-map,.story-entry,.memory-director,.trip-actions,.trips-screen>.signature-footer,.trip-screen>.signature-footer,.edit-trip-inline{width:min(var(--content), calc(100% - 2 * var(--gutter)));margin-left:auto;margin-right:auto}.trips-header{padding:4.5rem 0 2.2rem}.trips-header h1,.trip-header h1{letter-spacing:-.055em;margin-bottom:.6rem;font-size:clamp(2.25rem,5vw,4rem);font-weight:710;line-height:1}.trips-header p,.trip-header p{color:var(--ink-soft);margin:0;font-size:.9rem}.trip-list{border-top:1px solid var(--line)}.trip-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;width:100%;min-height:116px;padding:1.25rem 0;display:grid}.trip-row:hover .trip-row-copy>strong{color:var(--green-dark)}.trip-row>svg{color:var(--ink-faint)}.trip-row-copy{flex-direction:column;gap:.38rem;min-width:0;display:flex}.trip-row-copy>strong{letter-spacing:-.02em;font-size:clamp(1.15rem,2vw,1.35rem)}.trip-row-copy>span{color:var(--ink-soft);font-size:.9rem;line-height:1.45}.trip-row-copy>small{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.75rem}.empty-trips{width:min(480px, calc(100% - 2 * var(--gutter)));text-align:center;margin:7rem auto}.empty-trips h2{margin-bottom:.5rem;font-size:1.6rem}.empty-trips p{color:var(--ink-soft)}.create-trip-panel{border:1px solid var(--line);border-radius:var(--radius);margin-top:1rem;margin-bottom:2.5rem;padding:1.5rem}.create-trip-heading{justify-content:space-between;align-items:center;display:flex}.create-trip-heading h2{margin:0;font-size:1.25rem}.create-trip-fields{grid-template-columns:1fr 1fr 1.5fr;gap:1rem;margin:1.25rem 0;display:grid}.create-trip-fields label,.edit-trip-inline label{color:var(--ink-soft);flex-direction:column;gap:.4rem;font-size:.78rem;font-weight:650;display:flex}.create-trip-fields label span{color:var(--ink-faint);font-weight:450}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px}input{min-height:44px;padding:.65rem .7rem}textarea{resize:vertical;padding:.7rem;line-height:1.5}input:hover,textarea:hover{border-color:var(--line-strong)}.create-trip-preview{color:var(--ink-soft);margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.create-trip-preview small{color:var(--ink-faint);margin-top:.25rem;font-size:.75rem;display:block}.field-error{color:var(--danger);font-size:.82rem}.data-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-soft);margin-top:4rem;padding:1rem 0;font-size:.82rem}.data-details summary,.trip-details summary,.story-sources summary{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;font-weight:650;display:flex}.data-details p{margin-bottom:.4rem}.trips-screen>.signature-footer,.trip-screen>.signature-footer{text-align:center;padding:3rem 0}.trip-header{padding:4rem 0 2rem}.edit-trip-inline{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1.5fr 1fr 1fr auto;align-items:end;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:grid}.edit-trip-inline>div{gap:.7rem;display:flex}.trip-replay{border:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) 220px;display:grid}.map-stage{background:var(--surface);min-width:0;height:clamp(520px,66vh,760px);position:relative;overflow:hidden}.map-stage>.map-canvas{width:100%;height:100%;position:absolute;inset:0}.map-now{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #0000001f;border-radius:6px;flex-direction:column;gap:.15rem;max-width:calc(100% - 84px);padding:.55rem .7rem;display:flex;position:absolute;top:12px;left:12px}.map-now strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.map-now>span{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.7rem}.fit-route{z-index:2;background:#fffffff0;border:1px solid #00000029;border-radius:6px;min-height:36px;padding:.45rem .65rem;font-size:.75rem;font-weight:650;position:absolute;top:84px;left:12px}.fit-route:hover{background:#fff}.map-loading{z-index:3;color:var(--ink-soft);background:#fbfbf8eb;place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}.map-story-caption{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171815e6;border-radius:7px;width:min(52%,540px);margin:0;padding:.8rem .9rem;position:absolute;bottom:32px;left:12px}.map-story-caption>span{color:#c8cac2;font-variant-numeric:tabular-nums;margin-bottom:.18rem;font-size:.68rem;display:block}.map-story-caption strong{font-size:.9rem;display:block}.map-story-caption p{color:#eff0eb;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.28rem 0 0;font-size:.76rem;line-height:1.45;display:-webkit-box;overflow:hidden}.map-photo-viewport{z-index:2;background:#fffffff5;border-radius:7px;width:min(34%,250px);margin:0;padding:5px;position:absolute;bottom:32px;right:12px;box-shadow:0 8px 30px #1718152e}.map-photo-viewport img{object-fit:cover;border-radius:4px;width:100%;max-height:230px;display:block}.map-photo-viewport figcaption{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;padding:.4rem .15rem .05rem;font-size:.68rem;display:flex}.replay-panel{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:2rem;padding:1.25rem;display:flex}.trip-stats{gap:0;display:grid}.trip-stats>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.7rem;padding:.8rem 0;display:flex}.trip-stats span{color:var(--ink-soft);font-size:.72rem}.trip-stats strong{font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem}.replay-controls{flex-direction:column;gap:.8rem;display:flex}.play-button{border-radius:var(--radius);background:var(--green);color:#fff;border:0;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.65rem .8rem;font-weight:680;display:flex}.play-button:hover{background:var(--green-dark)}.scrubber{min-height:24px;accent-color:var(--green);background:0 0;border:0;border-radius:0;padding:0}.replay-controls>span{color:var(--ink-faint);text-align:center;font-size:.7rem}.maplibregl-ctrl-attrib{font-family:inherit;font-size:10px}.maplibregl-ctrl-top-right{top:8px;right:8px}.maplibregl-ctrl-group{box-shadow:none;border:1px solid #00000024}.trip-below-map{padding:1.5rem 0 0}.trip-photos{width:min(var(--content), calc(100% - 2 * var(--gutter)));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:1.5rem auto 0;padding:1rem 0 1.25rem}.trip-photos>header{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;display:flex}.trip-photos>header>div{align-items:baseline;gap:.65rem;display:flex}.trip-photos h2{margin:0;font-size:1rem}.trip-photos header span,.photo-notice{color:var(--ink-faint);font-size:.72rem}.photo-notice{margin:.5rem 0 0;line-height:1.45}.photo-strip{scroll-snap-type:x proximity;grid-auto-columns:132px;grid-auto-flow:column;gap:.7rem;margin-top:.9rem;padding:2px 2px 8px;display:grid;overflow-x:auto}.photo-thumb{scroll-snap-align:start;position:relative}.photo-thumb>button:first-child{border:1px solid var(--line);text-align:left;background:#fff;border-radius:6px;width:100%;padding:0;overflow:hidden}.photo-thumb>button:first-child:hover{border-color:var(--line-strong)}.photo-thumb.is-active>button:first-child{border-color:var(--green);box-shadow:0 0 0 2px var(--green-pale)}.photo-thumb img{object-fit:cover;width:100%;height:92px;display:block}.photo-thumb>button:first-child span{color:var(--ink-soft);padding:.42rem .5rem;font-size:.68rem;display:block}.photo-remove{color:#fff;opacity:0;background:#171815c7;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:5px;right:5px}.photo-remove svg{width:14px;height:14px}.photo-thumb:hover .photo-remove,.photo-remove:focus-visible{opacity:1}.destination-line{color:var(--ink-soft);margin-bottom:1.3rem;font-size:.9rem;line-height:1.6}.trip-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-soft);padding:.4rem 0;font-size:.82rem}.trip-details ul{padding-left:1.2rem;line-height:1.55}.trip-details p{margin-bottom:.8rem}.trip-actions{border-top:1px solid var(--line);align-items:center;gap:1rem;margin-top:4rem;padding-top:1rem;display:flex}.missing-trip{text-align:center;place-content:center;gap:1rem;min-height:100vh;display:grid}.story-entry{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;margin-top:4rem;padding:1.5rem 0;display:flex}.story-entry h2{margin-bottom:.35rem;font-size:1.35rem}.story-entry p{max-width:58ch;color:var(--ink-soft);margin:0;font-size:.86rem;line-height:1.5}.memory-director{margin-top:4rem}.story-header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.story-header h2{margin:0;font-size:1.8rem}.story-header>div:first-child p{color:var(--ink-soft);margin:.35rem 0 0;font-size:.82rem}.story-header>div{align-items:center;gap:.8rem;display:flex}.story-header>div:first-child{display:block}.story-loading,.story-notice{color:var(--ink-soft);padding:.8rem 0;font-size:.82rem}.story-notice{border-bottom:1px solid var(--line)}.story-title-field,.story-summary-field{margin:1.25rem 0;display:block}.story-title-field>span,.story-summary-field>span{color:var(--ink-faint);margin-bottom:.4rem;font-size:.72rem;display:block}.story-title-field input{letter-spacing:-.025em;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:680}.story-summary-field textarea{color:var(--ink-soft);background:0 0;border:0;border-radius:0;padding:0}.story-title-field input:focus,.story-summary-field textarea:focus{border:1px solid var(--line);background:#fff;padding:.7rem}.story-chapters{border-top:1px solid var(--line);margin-top:2.5rem}.story-chapters article{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);gap:.5rem 1.5rem;padding:1.25rem 0;display:grid}.story-chapters article>span{color:var(--ink-faint);grid-row:1/span 2;font-size:.72rem}.story-chapters input,.story-chapters textarea{background:0 0;border:0;border-radius:0;min-height:0;padding:0}.story-chapters input{font-weight:680}.story-chapters textarea{color:var(--ink-soft)}.story-chapters input:focus,.story-chapters textarea:focus{border:1px solid var(--line);background:#fff;padding:.6rem}.story-prompts{margin-top:3rem}.story-prompts h3{font-size:1.15rem}.story-prompts>div{border-top:1px solid var(--line);padding:1rem 0}.story-prompts>div>p{margin-bottom:.3rem;line-height:1.5}.story-answer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem;display:grid}.story-sources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-soft);margin-top:3rem;padding:.35rem 0;font-size:.78rem}.story-sources p{max-width:72ch;line-height:1.5}.story-sources small{margin:.3rem 0;display:block}.memory-artifact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:clamp(2rem,6vw,5rem);margin-top:4rem;padding:2.5rem 0;display:grid}.memory-artifact-copy h3{margin-bottom:.5rem;font-size:1.35rem}.memory-artifact-copy>p{max-width:46ch;color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.55}.memory-artifact-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.artifact-notice{color:var(--green-dark)!important;margin-top:.65rem!important;font-size:.75rem!important}.memory-card-preview{aspect-ratio:4/5;border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;margin:0;display:grid;overflow:hidden}.memory-card-preview img{object-fit:cover;width:100%;height:100%;display:block}.memory-card-preview>div{color:var(--ink-faint);font-size:.76rem}.app-boot{min-height:100vh;color:var(--ink-soft);place-content:center;font-size:.85rem;display:grid}.import-overlay{z-index:var(--z-modal);background:#1718158f;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.import-progress-card{border-radius:var(--radius);background:var(--paper);width:min(380px,100%);padding:1.5rem}.import-progress-card h2{margin-bottom:1.4rem;font-size:1.2rem}.progress-track{background:var(--surface-strong);height:4px;overflow:hidden}.progress-track span{background:var(--green);height:100%;display:block}.import-progress-card>small{color:var(--ink-faint);text-align:right;margin-top:.45rem;font-size:.72rem;display:block}.error-toast{z-index:var(--z-toast);border:1px solid var(--toast-border);border-radius:var(--radius);background:var(--ink);color:#fff;grid-template-columns:1fr auto;align-items:start;gap:.8rem;width:min(420px,100% - 2rem);padding:1rem;display:grid;position:fixed;bottom:1rem;right:1rem}.error-toast>div{flex-direction:column;gap:.25rem;display:flex}.error-toast span{color:var(--toast-muted);font-size:.8rem;line-height:1.45}.error-toast .button-icon{color:#fff;width:36px;height:36px}@media (max-width:760px){.landing{grid-template-rows:1fr 60px;min-height:480px}.landing-main h1{font-size:clamp(2.65rem,15vw,4rem)}.landing-actions{flex-direction:column;width:100%}.landing-actions .button-primary,.landing-actions .button-secondary{width:min(100%,260px)}.app-nav,.trip-nav{height:64px}.app-nav .button-primary{padding:.65rem .8rem}.trip-nav .brand-mark{display:none}.trips-header,.trip-header{padding-top:2.5rem}.trip-row{min-height:106px}.create-trip-fields,.edit-trip-inline{grid-template-columns:1fr}.edit-trip-inline>div{justify-content:flex-end}.trip-replay{grid-template-columns:1fr}.map-stage{height:min(62vh,560px);min-height:430px}.map-story-caption{width:48%;padding:.65rem .7rem;bottom:16px}.map-story-caption p{-webkit-line-clamp:2;font-size:.7rem}.map-photo-viewport{width:min(44%,190px);bottom:16px}.replay-panel{border-top:1px solid var(--line);border-left:0;padding:1rem}.trip-stats{grid-template-columns:1fr 1fr;column-gap:1.25rem}.replay-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.replay-controls>span{grid-column:2;margin-top:-.8rem}.story-entry,.story-header{flex-direction:column;align-items:flex-start}.story-header>div{justify-content:space-between;width:100%}.story-header>div:first-child{width:auto}.story-chapters article{grid-template-columns:1fr}.story-chapters article>span{grid-row:auto}.story-answer,.memory-artifact{grid-template-columns:1fr}.memory-card-preview{width:min(100%,360px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}