.landing{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.landing__bar{z-index:2;padding:22px 28px;position:relative}.wordmark{font-size:var(--text-md);letter-spacing:-.01em;align-items:center;gap:9px;font-weight:600;display:inline-flex}.trace-backdrop{z-index:0;pointer-events:none;width:100%;height:46%;position:absolute;bottom:0;left:0;right:0}.trace-backdrop__path{fill:none;stroke:var(--accent);stroke-width:2px;opacity:.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4000;stroke-dashoffset:4000px;animation:trace-draw 2.8s var(--ease-spring) .3s forwards}@keyframes trace-draw{to{stroke-dashoffset:0}}.landing__stage{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;padding:0 24px 64px;display:flex;position:relative}.hero{flex-direction:column;gap:16px;max-width:600px;display:flex}.hero__title{letter-spacing:-.035em;margin:0;font-size:clamp(34px,5.2vw,56px);font-weight:640;line-height:1.05}.hero__title-accent{color:var(--text-secondary);font-weight:600}.hero__sub{max-width:480px;font-size:var(--text-lg);color:var(--text-secondary);margin:0 auto;line-height:1.5}.dropzone{border:1.5px dashed color-mix(in srgb, var(--text-secondary) 28%, transparent);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-solid) 70%, transparent), var(--panel-solid));width:min(540px,100%);min-height:230px;box-shadow:var(--shadow-soft);color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-base) var(--ease-spring), box-shadow var(--duration-base) var(--ease-spring), transform var(--duration-base) var(--ease-spring);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.dropzone:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-1px)}.dropzone--active{border-color:var(--accent);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--accent), inset 0 0 60px color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-style:solid;transform:scale(1.012)}.dropzone--shake{animation:dropzone-shake .45s var(--ease-spring)}@keyframes dropzone-shake{20%{transform:translate(-9px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.dropzone__icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:2px;display:grid}.dropzone__title{font-size:var(--text-lg);color:var(--text);margin:0;font-weight:600}.dropzone__alt{font-size:var(--text-md);margin:0}.dropzone__browse{color:var(--accent);font-weight:600}.dropzone__browse:hover{text-decoration:underline}.dropzone__progress{background:var(--hairline);border-radius:2px;width:55%;height:3px;overflow:hidden}.dropzone__progress-bar{background:var(--accent);width:40%;height:100%;animation:progress-slide 1s var(--ease-spring) infinite;border-radius:2px}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.samples{flex-direction:column;align-items:center;gap:12px;display:flex}.samples__label{font-size:var(--text-sm);color:var(--text-secondary)}.samples__row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sample-card{border-radius:var(--radius-md);background:var(--panel-solid);border:1px solid var(--hairline);text-align:left;transition:transform var(--duration-fast) var(--ease-spring), border-color var(--duration-fast), box-shadow var(--duration-fast);align-items:center;gap:10px;padding:10px 14px 10px 12px;display:inline-flex;box-shadow:0 1px 2px #0000000a}.sample-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.sample-card:disabled{opacity:.6;cursor:default}.sample-card__spark{flex:none;width:50px;height:28px;display:block;overflow:visible}.sample-card__spark-fill{fill:color-mix(in srgb, var(--accent) 13%, transparent)}.sample-card__spark-line{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.sample-card:hover:not(:disabled) .sample-card__spark-fill{fill:color-mix(in srgb, var(--accent) 20%, transparent)}.sample-card__text{flex-direction:column;gap:1px;display:flex}.sample-card__label{font-size:var(--text-sm);color:var(--text);font-weight:600}.sample-card__meta{font-size:var(--text-xs);color:var(--text-secondary)}.landing__trust{font-size:var(--text-sm);color:var(--text-secondary);opacity:.8;margin:4px 0 0}@media (prefers-reduced-motion:reduce){.trace-backdrop__path{stroke-dashoffset:0;animation:none}}body:has(.landing--drag) #seo{opacity:.25}.notices{z-index:100;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.notice{background:var(--panel);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--hairline);box-shadow:var(--shadow-soft);font-size:var(--text-sm);animation:notice-in var(--duration-base) var(--ease-spring);border-radius:999px;align-items:center;gap:10px;padding:9px 12px 9px 16px;display:flex}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)}}.notice--salvage{border-color:#ff9f0a73}.notice--export-failed,.notice--unreadable{border-color:color-mix(in srgb, var(--destructive) 45%, transparent)}.notice--reach{border-radius:var(--radius-md);align-items:flex-start;max-width:360px;padding:13px 12px 14px 16px}.notice__body{flex-direction:column;gap:5px;line-height:1.45;display:flex}.notice__status{font-weight:600}.notice__note{font-size:var(--text-xs);color:var(--text-secondary)}.notice__note a{color:var(--accent);font-weight:600;text-decoration:none}.notice__note a:hover{text-decoration:underline}.notice button{width:22px;height:22px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;display:grid}.notice button:hover{background:var(--hairline)}.crash{place-items:center;min-height:100dvh;padding:24px;display:grid}.crash__card{text-align:center;max-width:420px}.crash__title{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0 0 12px;font-weight:640}.crash__body{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.crash__body a{color:var(--accent);font-weight:600;text-decoration:none}.crash__body a:hover{text-decoration:underline}.crash__reload{background:var(--accent);color:#fff;font-size:var(--text-md);box-shadow:var(--shadow-soft);border-radius:999px;padding:10px 20px;font-weight:600}:root{--font-sans:-apple-system, ui-sans-serif, "SF Pro Text", Inter, system-ui, sans-serif;--text-xs:11px;--text-sm:13px;--text-md:15px;--text-lg:17px;--text-xl:22px;--text-2xl:28px;--bg:#fafafa;--panel:#ffffffb8;--panel-solid:#fff;--hairline:#00000014;--text:#1d1d1f;--text-secondary:#6e6e73;--accent:#0a84ff;--destructive:#ff3b30;--success:#30d158;--metric-hr:#ff375f;--metric-power:#bf5af2;--metric-speed:#0a84ff;--metric-cadence:#ff9f0a;--metric-elevation:#8e8e93;--metric-temp:#64d2ff;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--shadow-soft:0 1px 2px #0000000f, 0 8px 24px #00000014;--ease-spring:cubic-bezier(.32, .72, 0, 1);--duration-fast:.16s;--duration-base:.24s;--blur-glass:blur(20px) saturate(1.8)}@media (prefers-color-scheme:dark){:root{--bg:#161617;--panel:#1c1c1eb8;--panel-solid:#1c1c1e;--hairline:#ffffff1a;--text:#f5f5f7;--text-secondary:#98989d}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#seo{border-top:1px solid var(--hairline);transition:opacity var(--duration-base) var(--ease-spring)}.seo-inner{max-width:640px;color:var(--text-secondary);font-size:var(--text-md);margin:0 auto;padding:56px 24px 88px;line-height:1.6}.seo-inner h2{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text);margin:36px 0 8px;font-weight:600}.seo-inner>h2:first-child{font-size:var(--text-xl);letter-spacing:-.02em;margin-top:0}.seo-inner p,.seo-inner ol{margin:0 0 8px}.seo-inner ol{padding-left:20px}.seo-inner li{margin-bottom:4px}.seo-inner dt{color:var(--text);margin-top:16px;font-weight:600}.seo-inner dd{margin:4px 0 0}.seo-links{margin:8px 0 0;padding:0;list-style:none}.seo-links li{margin-bottom:12px}.seo-inner a{color:var(--accent);text-decoration:none}.seo-inner a:hover{text-decoration:underline}.seo-lede{font-size:var(--text-md)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}