:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#f5f4f0;--color-surface:#fff;--color-surface-muted:#eeece6;--color-text:#252823;--color-text-soft:#696d66;--color-text-faint:#8b8e87;--color-border:#dcdad3;--color-border-strong:#c8c6bf;--color-brand:#315844;--color-brand-hover:#284938;--color-brand-soft:#e5eee8;--color-alert:#9a5847;--color-alert-soft:#f3e7e2;--color-focus:#31584447;--color-overlay:#1c1e1b85;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--content-width:1120px;--side-width:304px;--line-height-body:1.6}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text)}body{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-sans);font-synthesis:none;letter-spacing:-.012em;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid var(--color-border);height:64px;padding:0 max(var(--space-6), calc((100vw - var(--content-width)) / 2));z-index:20;background:#f5f4f0f0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{background:0 0;border:0;align-items:center;padding:0;line-height:0;text-decoration:none;display:inline-flex}.brand-wordmark{flex-direction:column;align-items:flex-start;line-height:1;display:inline-flex}.brand-wordmark>span{color:var(--color-text);letter-spacing:-.045em;font-size:21px;font-weight:760}.brand-wordmark strong{color:var(--color-brand);font-weight:760}.brand-wordmark small{color:var(--color-text-faint);letter-spacing:.14em;margin-top:4px;font-size:7px;font-weight:700}.header-actions,.heading-actions{align-items:center;gap:var(--space-2);display:flex}.avatar{background:var(--color-surface-muted);border:1px solid var(--color-border);height:34px;margin-left:var(--space-1);border-radius:50%;justify-content:center;align-items:center;width:34px;font-size:12px;font-weight:700;display:inline-flex}.button{border-radius:var(--radius-sm);min-height:42px;padding:0 var(--space-4);justify-content:center;align-items:center;font-size:13px;font-weight:650;transition:background-color .14s,border-color .14s;display:inline-flex}.button-small{min-height:36px;padding:0 var(--space-3)}.button-full{width:100%}.button-primary{background:var(--color-brand);border:1px solid var(--color-brand);color:var(--color-surface)}.button-primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.button-secondary{background:var(--color-surface);border:1px solid var(--color-border-strong)}.button-secondary:hover{background:var(--color-surface-muted)}.link-button{color:var(--color-brand);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px;font-weight:650;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.link-button:hover{text-decoration-color:currentColor}.icon-button{border:1px solid var(--color-border);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;display:inline-flex}.plan-badge{border-radius:var(--radius-pill);align-items:center;width:fit-content;padding:6px 9px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.plan-free{background:var(--color-surface-muted);color:var(--color-text-soft)}.plan-plus{background:var(--color-brand-soft);color:var(--color-brand-hover)}.page{max-width:var(--content-width);padding:var(--space-12) var(--space-6) 100px;margin:0 auto}.page-heading{border-bottom:1px solid var(--color-border-strong);padding-bottom:var(--space-8);justify-content:space-between;align-items:flex-end;display:flex}.section-label{color:var(--color-text-soft);letter-spacing:.02em;margin-bottom:var(--space-2);font-size:11px;font-weight:650;display:block}.page-heading h1{letter-spacing:-.045em;word-break:keep-all;margin:0;font-size:clamp(30px,4vw,42px);font-weight:720;line-height:1.16}.page-heading p{color:var(--color-text-soft);font-size:14px;line-height:var(--line-height-body);margin:var(--space-3) 0 0}.summary-strip{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(110px,1fr)) 1.8fr;align-items:center;min-height:96px;display:grid}.summary-strip>div{border-right:1px solid var(--color-border);gap:var(--space-1);padding:0 var(--space-6);flex-direction:column;display:flex}.summary-strip>div:first-child{padding-left:0}.summary-strip span{color:var(--color-text-faint);font-size:10px}.summary-strip strong{font-size:17px;font-weight:680}.summary-strip p{color:var(--color-text-faint);padding-left:var(--space-6);text-align:right;margin:0;font-size:11px}.content-grid{align-items:start;gap:var(--space-16);grid-template-columns:minmax(0, 1fr) var(--side-width);padding-top:var(--space-12);display:grid}.section-heading{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.section-heading h2{margin:0;font-size:18px;font-weight:700}.section-heading span{color:var(--color-text-faint);font-size:11px}.run-entry{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:44px minmax(0,1fr);display:grid}.run-date{flex-direction:column;align-items:center;display:flex;position:relative}.run-date span{color:var(--color-text-faint);font-size:9px;font-weight:600}.run-date strong{font-size:19px;font-weight:700;line-height:1.2}.run-date i{background:var(--color-border-strong);border:3px solid var(--color-bg);height:11px;margin-top:var(--space-2);z-index:1;border-radius:50%;width:11px;position:relative}.run-date i.current{background:var(--color-brand)}.run-date:after{background:var(--color-border);bottom:calc(-1 * var(--space-5));content:"";width:1px;position:absolute;top:50px;left:50%}.run-entry:last-child .run-date:after{display:none}.run-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.run-card-heading{justify-content:space-between;align-items:flex-start;display:flex}.run-source{color:var(--color-text-faint);font-size:10px;font-weight:600}.run-card h2{letter-spacing:-.025em;margin:var(--space-1) 0 0;font-size:20px;font-weight:700}.comfort-tag{background:var(--color-brand-soft);border-radius:var(--radius-pill);color:var(--color-brand-hover);padding:6px 9px;font-size:10px;font-weight:650}.comfort-1,.comfort-2,.comfort-3{background:var(--color-alert-soft);color:var(--color-alert)}.run-metrics{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);margin:var(--space-5) 0;padding:var(--space-4) 0;grid-template-columns:repeat(3,1fr);display:grid}.run-metrics>div{border-right:1px solid var(--color-border);padding:0 var(--space-4)}.run-metrics>div:first-child{padding-left:0}.run-metrics>div:last-child{border-right:0}.run-metrics dt{color:var(--color-text-faint);margin-bottom:var(--space-1);font-size:9px}.run-metrics dd{margin:0;font-size:12px;font-weight:680}.run-note{color:var(--color-text-soft);font-size:14px;line-height:var(--line-height-body);margin:0 0 var(--space-3)}.run-condition{border-left:2px solid var(--color-border-strong);color:var(--color-text-soft);gap:var(--space-2);margin:0 0 var(--space-5);padding-left:var(--space-3);font-size:11px;display:flex}.run-condition span{color:var(--color-text-faint)}.run-shoe{background:var(--color-surface-muted);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:var(--space-3);display:flex}.shoe-swatch{border-radius:var(--radius-sm);color:#fff;letter-spacing:.03em;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:9px;font-weight:750;display:inline-flex}.run-shoe>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.run-shoe small{color:var(--color-text-faint);font-size:9px}.run-shoe strong{font-size:11px;font-weight:680}.fit-summary{color:var(--color-text-soft);text-align:right;font-size:10px}.side-column{gap:var(--space-4);top:calc(64px + var(--space-6));flex-direction:column;display:flex;position:sticky}.side-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.side-card-heading{justify-content:space-between;align-items:flex-start;display:flex}.side-card h2{letter-spacing:-.025em;margin:var(--space-3) 0;font-size:18px;font-weight:700;line-height:1.35}.side-card>p{color:var(--color-text-soft);font-size:12px;line-height:var(--line-height-body);margin:0 0 var(--space-4)}.count-badge{background:var(--color-alert-soft);border-radius:var(--radius-pill);color:var(--color-alert);padding:5px 8px;font-size:10px;font-weight:700}.pattern-card{border-top:3px solid var(--color-brand)}.fit-type{letter-spacing:-.035em;margin:var(--space-3) 0 var(--space-5);font-size:26px;font-weight:700;display:block}.fit-list{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.fit-list>div{border-right:1px solid var(--color-border);padding-left:var(--space-3)}.fit-list>div:first-child{padding-left:0}.fit-list>div:last-child{border-right:0}.fit-list dt{color:var(--color-text-faint);font-size:9px}.fit-list dd{margin:var(--space-1) 0 0;font-size:12px;font-weight:650}.plan-card{background:var(--color-brand-soft);border-color:#ccd9d0}.plan-card .button-secondary{background:0 0;border-color:#aebfb4}.data-note{color:var(--color-text-faint);margin:var(--space-1) var(--space-1) 0;font-size:10px;line-height:1.55}.modal-backdrop{background:var(--color-overlay);padding:var(--space-5);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:620px;max-height:calc(100vh - 40px);padding:var(--space-6);width:100%;overflow:auto}.modal-heading{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.modal-heading h2{letter-spacing:-.035em;margin:0;font-size:24px}.modal-heading p{color:var(--color-text-soft);margin:var(--space-2) 0 0;font-size:11px}.modal form{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.modal label{color:var(--color-text-soft);gap:var(--space-2);flex-direction:column;font-size:11px;font-weight:650;display:flex}.wide-field{grid-column:1/-1}.modal input,.modal select,.modal textarea{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:42px;padding:0 var(--space-3);font-size:13px}.modal textarea{min-height:80px;padding-top:var(--space-3);resize:vertical}.form-actions{gap:var(--space-2);grid-column:1/-1;justify-content:flex-end;display:flex}.plan-modal{max-width:740px}.plan-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.plan-grid article{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);flex-direction:column;display:flex}.plan-grid article.current-plan{border-color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-brand)}.plan-grid h3{margin:var(--space-4) 0 var(--space-2);font-size:18px}.plan-grid article>strong{letter-spacing:-.03em;font-size:24px}.plan-grid article>strong small{color:var(--color-text-faint);font-size:10px}.plan-grid ul{gap:var(--space-2);margin:var(--space-5) 0;flex-direction:column;padding:0;list-style:none;display:flex}.plan-grid li{color:var(--color-text-soft);font-size:11px}.plan-grid li:before{color:var(--color-brand);content:"—";margin-right:var(--space-2)}.plan-grid article>button{width:100%;margin-top:auto}.plus-plan{background:var(--color-brand-soft)}.disclaimer{color:var(--color-text-faint);margin:var(--space-4) 0 0;text-align:center;font-size:9px;line-height:1.5}.toast{background:var(--color-text);border-radius:var(--radius-sm);bottom:var(--space-6);color:var(--color-surface);padding:var(--space-3) var(--space-4);z-index:150;font-size:12px;font-weight:650;position:fixed;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing a{color:inherit}.landing .button{text-decoration:none}.landing-header{border-bottom:1px solid var(--color-border);height:72px;max-width:var(--content-width);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.hero{max-width:var(--content-width);min-height:690px;padding:88px var(--space-6) 96px;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(48px,7vw,96px);margin:0 auto;display:grid}.hero h1{letter-spacing:-.06em;margin:var(--space-5) 0 var(--space-6);word-break:keep-all;font-size:clamp(44px,5.4vw,68px);font-weight:720;line-height:1.08}.hero-copy>p{color:var(--color-text-soft);word-break:keep-all;max-width:590px;margin:0;font-size:16px;line-height:1.75}.signup-form{margin-top:var(--space-8)}.email-row{gap:var(--space-2);display:flex}.email-row input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-width:0;padding:0 var(--space-4);flex:1}.email-row .button{flex:none}.button:disabled{cursor:wait;opacity:.62}.consent{color:var(--color-text-faint);align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);font-size:10px;line-height:1.5;display:flex}.consent input{accent-color:var(--color-brand);flex:none;margin-top:2px}.consent a{text-underline-offset:2px}.form-message{margin:var(--space-3) 0 0;font-size:12px}.form-message.done{color:var(--color-brand)}.form-message.error{color:var(--color-alert)}.hero-copy .hero-note{color:var(--color-text-faint);margin-top:var(--space-3);font-size:10px}.journal-preview{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-8);border-radius:22px;box-shadow:0 24px 60px #2528231a}.preview-top{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;display:flex}.preview-top span{color:var(--color-text-soft);font-size:13px;font-weight:650}.preview-top strong{letter-spacing:-.04em;font-size:32px}.preview-metrics{padding:var(--space-6) 0;grid-template-columns:1fr 1fr;display:grid}.preview-metrics>div{gap:var(--space-1);flex-direction:column;display:flex}.preview-metrics>div+div{border-left:1px solid var(--color-border);padding-left:var(--space-6)}.preview-metrics small,.preview-shoe small{color:var(--color-text-faint);font-size:10px}.preview-metrics strong,.preview-shoe strong{font-size:13px}.preview-shoe{background:var(--color-surface-muted);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.preview-shoe>div{flex-direction:column;display:flex}.preview-swatch{background:var(--color-brand);border-radius:var(--radius-sm);color:var(--color-surface);justify-content:center;align-items:center;width:38px;height:38px;font-size:9px;font-weight:750;display:flex}.preview-fit{border-left:3px solid var(--color-brand);margin-top:var(--space-6);padding-left:var(--space-4)}.preview-fit span{color:var(--color-brand);font-size:10px;font-weight:700}.preview-fit p{margin:var(--space-2) 0 0;font-size:14px;line-height:1.6}.preview-condition{color:var(--color-text-faint);margin:var(--space-5) 0 0;font-size:10px}.problem-section,.plans-section,.bottom-cta,.landing-footer{max-width:var(--content-width);padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}.problem-section{border-top:1px solid var(--color-border-strong);padding-top:96px;padding-bottom:112px}.problem-section>h2,.plans-section h2,.bottom-cta h2{letter-spacing:-.05em;margin:var(--space-4) 0 var(--space-12);word-break:keep-all;max-width:740px;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.2}.value-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.value-grid article{border-top:1px solid var(--color-border-strong);padding-top:var(--space-5)}.value-grid article>span{color:var(--color-text-faint);font-size:10px}.value-grid h3{margin:var(--space-5) 0 var(--space-3);font-size:18px}.value-grid p,.landing-plan-grid p{color:var(--color-text-soft);word-break:keep-all;margin:0;font-size:13px;line-height:1.7}.plans-section{border-top:1px solid var(--color-border);align-items:end;gap:var(--space-16);grid-template-columns:.8fr 1.2fr;padding-top:96px;padding-bottom:112px;display:grid}.plans-section h2{margin-bottom:0}.landing-plan-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.landing-plan-grid article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.landing-plan-grid article>strong{color:var(--color-text-faint);font-size:10px}.landing-plan-grid h3{margin:var(--space-8) 0 var(--space-3);font-size:20px}.landing-plan-grid .landing-plus{background:var(--color-brand-soft);border-color:#ccd9d0}.bottom-cta{background:var(--color-brand);border-radius:var(--radius-lg);color:var(--color-surface);padding-bottom:var(--space-12);padding-top:var(--space-12);justify-content:space-between;align-items:center;margin-bottom:96px;display:flex}.bottom-cta h2{margin:0;font-size:clamp(28px,3vw,38px)}.bottom-cta .button-primary{background:var(--color-surface);border-color:var(--color-surface);color:var(--color-brand-hover);flex:none}.landing-footer{border-top:1px solid var(--color-border);gap:var(--space-4);padding-bottom:var(--space-12);padding-top:var(--space-8);grid-template-columns:150px 1fr auto;display:grid}.landing-footer img{width:112px;height:auto}.landing-footer p,.landing-footer small{color:var(--color-text-faint);margin:0;font-size:10px}.landing-footer div{gap:var(--space-4);font-size:11px;display:flex}.landing-footer small{grid-column:2/-1}.legal-page{max-width:720px;min-height:100vh;padding:72px var(--space-6) 120px;margin:0 auto}.legal-back{color:var(--color-brand);font-size:12px;text-decoration:none}.legal-page h1{letter-spacing:-.045em;margin:var(--space-8) 0 var(--space-2);font-size:40px}.legal-date{color:var(--color-text-faint);margin:0 0 var(--space-12);font-size:11px}.legal-page section{border-top:1px solid var(--color-border);padding:var(--space-6) 0}.legal-page h2{margin:0 0 var(--space-3);font-size:16px}.legal-page section p{color:var(--color-text-soft);margin:0;font-size:13px;line-height:1.8}.legal-page section a{color:var(--color-brand)}.legal-page h3{margin:var(--space-5) 0 var(--space-2);font-size:13px}.legal-page section ul{color:var(--color-text-soft);padding-left:var(--space-5);margin:0;font-size:13px;line-height:1.8}.legal-page section li{margin-bottom:var(--space-1)}.legal-page section p+h3{margin-top:var(--space-6)}.analytics-consent{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);bottom:var(--space-5);align-items:center;gap:var(--space-5);max-width:680px;padding:var(--space-4);z-index:180;width:calc(100% - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #2528231f}.analytics-consent p{color:var(--color-text-soft);flex:1;margin:0;font-size:11px;line-height:1.55}.analytics-consent>div{gap:var(--space-2);flex:none;display:flex}.analytics-settings{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);bottom:var(--space-4);color:var(--color-text-soft);right:var(--space-4);z-index:170;padding:7px 10px;font-size:10px;position:fixed}@media (width<=900px){.content-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 260px}.summary-strip{grid-template-columns:repeat(3,1fr)}.summary-strip p{display:none}.hero{gap:var(--space-12)}.plans-section{gap:var(--space-8)}}@media (width<=720px){.app-header{height:58px;padding:0 var(--space-4)}.header-actions .plan-badge{display:none}.page{padding:var(--space-8) var(--space-4) 80px}.page-heading{align-items:flex-start;gap:var(--space-6);flex-direction:column}.page-heading h1{font-size:31px}.heading-actions{width:100%}.heading-actions .button{flex:1}.summary-strip{min-height:86px}.summary-strip>div{padding:0 var(--space-3)}.summary-strip>div:first-child{padding-left:0}.summary-strip>div:last-of-type{border-right:0}.summary-strip strong{font-size:14px}.content-grid{padding-top:var(--space-8);display:block}.run-entry{gap:var(--space-2);grid-template-columns:34px minmax(0,1fr)}.run-date strong{font-size:17px}.run-card{padding:var(--space-4)}.run-card h2{font-size:18px}.run-card-heading{gap:var(--space-3)}.comfort-tag{flex:none}.run-metrics{gap:var(--space-3) 0;grid-template-columns:1fr 1fr}.run-metrics>div{padding:0 var(--space-3)}.run-metrics>div:nth-child(2){border-right:0}.run-metrics>div:nth-child(3){border-right:0;border-top:1px solid var(--color-border);margin-top:var(--space-3);padding:var(--space-3) 0 0;grid-column:1/-1}.run-shoe{flex-wrap:wrap;align-items:flex-start}.fit-summary{text-align:left;flex-basis:100%;padding-left:44px}.side-column{margin-top:var(--space-8);position:static}.modal{padding:var(--space-5)}.modal form,.plan-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.landing-header{height:64px;padding:0 var(--space-4)}.hero{min-height:0;padding:var(--space-16) var(--space-4) 80px;flex-direction:column;display:flex}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.email-row{flex-direction:column}.email-row input,.email-row .button{width:100%;min-height:48px}.journal-preview{padding:var(--space-6);width:100%}.problem-section,.plans-section{padding:72px var(--space-4) 80px;display:block}.problem-section>h2,.plans-section h2{font-size:32px}.value-grid,.landing-plan-grid{grid-template-columns:1fr}.value-grid{gap:var(--space-8)}.landing-plan-grid{margin-top:var(--space-8)}.bottom-cta{align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-12);padding:var(--space-10) var(--space-4);border-radius:0;flex-direction:column}.landing-footer{padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.legal-page{padding:var(--space-12) var(--space-4) 96px}.analytics-consent{align-items:stretch;gap:var(--space-3);flex-direction:column}.analytics-consent>div .button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}