*,:before,:after{box-sizing:border-box;margin:0}:root{--deep:#0c2f57;--deep-2:#082343;--accent:#2563eb;--accent-soft:#93c5fd;--ink:#0e2545;--muted:#5b7390;--line:#d3e1f2;--paper:#f2f7fc;--danger:#e11d48}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Barlow,system-ui,sans-serif}#root{flex-direction:column;min-height:100svh;display:flex}.header{background:linear-gradient(180deg, var(--deep), var(--deep-2));justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:relative;overflow:hidden}.header:after{content:"";background:linear-gradient(90deg, transparent, var(--accent) 35%, var(--accent-soft) 60%, transparent);opacity:.6;height:2px;position:absolute;bottom:0;left:0;right:0}.logo{align-items:center;gap:12px;display:flex}.logo-badge{width:34px;height:34px;color:var(--accent-soft);background:#2563eb2e;border:1px solid #93c5fd40;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.logo-badge svg{width:22px;height:22px}.logo-word{letter-spacing:1px;text-transform:uppercase;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:21px;font-weight:700;line-height:1}.logo-word span{color:var(--accent-soft)}.logo-tag{letter-spacing:2px;text-transform:uppercase;color:#7d97bd;margin-top:2px;font-family:Spline Sans Mono,monospace;font-size:9px;font-weight:500;display:block}.lang-switcher{gap:3px;display:flex}.lang-btn{color:#94abc9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 11px;font-size:13px;font-weight:600;transition:color .15s,background .15s}.lang-btn:hover{color:#cfe0f5;background:#ffffff0d}.lang-btn.active{color:#fff;border-color:var(--accent);background:#2563eb38}.page{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 1.5rem}.dropzone{border:1.5px solid var(--line);cursor:pointer;background:radial-gradient(120% 80% at 50% -10%,#2563eb0f,#0000 60%),#fff;border-radius:18px;margin-bottom:14px;padding:2.4rem 2rem 0;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0c2f570d,0 12px 30px -18px #0c2f5740}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 1px 2px #0c2f570d,0 18px 38px -18px #0c2f5752}.dropzone.has-file{border-color:#10b981}.dz-lane{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);background:#2563eb14;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:4px 11px;font-family:Spline Sans Mono,monospace;font-size:10.5px;font-weight:500;display:inline-flex}.dz-lane .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2563eb2e}.dz-mark{width:56px;height:56px;color:var(--deep);border:1px solid var(--line);background:linear-gradient(160deg,#e9f1fd,#d4e6fb);border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.dz-mark svg{width:30px;height:30px}.dz-title{letter-spacing:-.2px;text-transform:uppercase;color:var(--deep);margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:27px;font-weight:700;line-height:1.02}.dz-title b{color:var(--accent)}.dz-title.has-file{color:#059669;font-size:20px}.dz-sub{color:var(--muted);margin-bottom:18px;font-size:13.5px}.dz-formats{flex-wrap:wrap;gap:6px;padding-bottom:26px;display:flex}.dz-fmt{color:var(--deep);border:1px solid var(--line);background:#eef4fb;border-radius:7px;padding:3px 9px;font-family:Spline Sans Mono,monospace;font-size:11px;font-weight:500}.dz-waves{pointer-events:none;height:46px;position:absolute;bottom:0;left:0;right:0}.dz-waves svg{width:200%;height:100%;animation:9s linear infinite drift;display:block}@keyframes drift{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.dz-waves svg{animation:none}}.btn-primary{cursor:pointer;letter-spacing:1.2px;text-transform:uppercase;color:#eaf2fd;background:var(--deep);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:15px 24px;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;transition:background .18s,transform .12s;display:flex;box-shadow:0 10px 22px -12px #0c2f57b3}.btn-primary:hover{background:var(--deep-2)}.btn-primary:active{transform:translateY(1px)}.btn-primary svg{width:16px;height:16px;color:var(--accent-soft)}.btn-secondary{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-family:Barlow,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.btn-secondary:hover{background:var(--paper);border-color:#b3c9e8}.loading{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:5rem 2rem;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px 16px 16px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0c2f570a,0 10px 24px -18px #0c2f574d}.stat-card:before{content:"";background:var(--accent);opacity:.85;border-radius:3px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-left:8px;font-family:Spline Sans Mono,monospace;font-size:10px;font-weight:500}.stat-value{color:var(--deep);letter-spacing:-.3px;padding-left:8px;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:700;line-height:1}.stat-value u{color:var(--muted);margin-left:2px;font-size:15px;font-weight:600;text-decoration:none}.stroke-summary{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 2px #0c2f570a,0 10px 24px -18px #0c2f574d}.stroke-summary-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.stroke-summary-header:hover{background:#fafcff}.collapse-btn{color:var(--muted);font-size:14px}.stroke-table{border-collapse:collapse;width:100%;font-family:Barlow,sans-serif;font-size:13px}.stroke-table thead tr{background:var(--paper)}.stroke-table th{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:8px 16px;font-family:Spline Sans Mono,monospace;font-size:10px;font-weight:500}.stroke-table th:first-child{width:40%}.stroke-row{cursor:pointer;border-bottom:1px solid #f0f5fb;transition:background .12s}.stroke-row:last-child{border-bottom:none}.stroke-row:hover{background:#f5f9ff}.stroke-row.active{background:color-mix(in srgb, var(--dot) 8%, white)}.stroke-row td{color:var(--ink);padding:10px 16px;font-weight:500}.stroke-row-name{align-items:center;gap:10px;display:flex;font-weight:600!important}.stroke-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.section-header{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--deep);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700}.anomaly-tag{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:2px 8px;font-family:Spline Sans Mono,monospace;font-size:11px}.lap-block{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:12px;box-shadow:0 1px 2px #0c2f570a,0 12px 28px -20px #0c2f5759}.lap-header{background:linear-gradient(180deg, var(--deep), #0a2a4e);border-radius:14px 14px 0 0;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 18px;display:flex}.lap-title{letter-spacing:.6px;text-transform:uppercase;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700}.lap-meta{color:#9fb6d6;font-family:Spline Sans Mono,monospace;font-size:11px}.lap-meta b{color:#cfe0f5;font-weight:500}.lap-hr{color:#fda4b8;align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.lap-hr svg{width:13px;height:13px}.lap-body{padding:6px 18px 10px}.length-row{border-bottom:1px solid #eef3f9;border-left:3px solid #0000;align-items:center;gap:12px;margin-left:-8px;padding:7px 4px 7px 8px;display:flex}.length-row:last-child{border-bottom:none}.length-row.has-issue-error{background:#fff8f9;border-left-color:#e11d48}.length-row.has-issue-warning{background:#fffdf5;border-left-color:#f59e0b}.length-num{color:#b8c8de;text-align:right;width:22px;font-family:Spline Sans Mono,monospace;font-size:10px;font-weight:500}.length-bar-wrap{background:#eef3f9;border-radius:5px;flex-shrink:0;width:120px;height:9px;overflow:hidden}.length-bar{background:linear-gradient(90deg, var(--accent), #3b82f6);border-radius:5px;height:100%}.stroke-badge{text-align:center;text-transform:uppercase;letter-spacing:.4px;border-radius:7px;flex-shrink:0;min-width:50px;padding:3px 9px;font-size:10.5px;font-weight:700}.length-stat{color:var(--ink);flex-shrink:0;font-family:Spline Sans Mono,monospace;font-size:12px;font-weight:500}.length-stat-dim{color:var(--muted);flex-shrink:0;font-family:Spline Sans Mono,monospace;font-size:11px}.issue-badge{cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.tooltip-wrap{display:inline-block;position:relative}.tooltip-box{background:var(--deep);color:#fff;white-space:pre-line;text-align:left;pointer-events:none;z-index:10;border-radius:6px;max-width:280px;padding:6px 10px;font-size:11px;position:absolute;bottom:130%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.tooltip-arrow{border-style:solid;border-width:5px;border-color:var(--deep) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.error-msg{color:var(--danger);background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;margin-top:8px;padding:10px 14px;font-size:13px}.result-actions{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.btn-export{background:var(--deep);color:#eaf2fd;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-family:Barlow,sans-serif;font-size:13px;font-weight:600;transition:background .15s}.btn-export:hover{background:var(--deep-2)}.hero-text{max-width:680px;color:var(--muted);text-align:center;margin:0 auto 28px;font-size:15px;line-height:1.7}.rest-block{align-items:center;gap:8px;margin:6px 0;padding:0 4px;display:flex}.rest-line{background:var(--line);flex:1;height:1px}.rest-pill{color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;display:flex}.rest-sep{color:var(--line)}.pause-line{background:#f59e0b44}.pause-pill{color:#92400e;background:#fffbeb;border-color:#f59e0b88}.privacy-footer{max-width:780px;color:var(--muted);align-items:flex-start;gap:8px;margin:32px auto 24px;padding:0 24px;font-size:12px;line-height:1.6;display:flex}.privacy-footer strong{color:var(--ink)}