:root{font-family:Aptos,Segoe UI Variable,PingFang SC,Microsoft YaHei,sans-serif;color:#132018;background:#f8f8f2;font-synthesis:none;text-rendering:optimizeLegibility;--ink: oklch(.23 .025 155);--muted: oklch(.48 .018 155);--faint: oklch(.64 .014 155);--paper: oklch(.978 .008 110);--surface: oklch(.993 .004 110);--line: oklch(.88 .015 130);--accent: oklch(.64 .15 158);--accent-dark: oklch(.43 .105 158);--accent-soft: oklch(.94 .035 158);--error: oklch(.52 .19 27)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 82% 34%,oklch(.94 .025 155 / .6),transparent 29rem),var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible{outline:3px solid oklch(.64 .15 158 / .35);outline-offset:4px}.app-shell{width:min(1184px,calc(100% - 48px));min-height:100dvh;margin:0 auto;display:flex;flex-direction:column}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--surface);background:var(--ink);border-radius:50%}.brand-name{font-size:21px;font-weight:750;letter-spacing:.08em}.brand-en{margin-left:4px;color:var(--muted);font-family:Bahnschrift,DIN Alternate,sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em}.privacy-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.privacy-label svg{color:var(--accent-dark)}main{flex:1}.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(32px,6vw,88px);padding:64px 0 56px}.hero-copy{min-width:0}.status-badge{width:fit-content;display:flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--accent-dark);font-size:13px;font-weight:650}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.status-running .status-dot{animation:breathe 1.6s ease-in-out infinite}.status-error{color:var(--error)}.status-error .status-dot{background:var(--error);box-shadow:none}h1{margin:0;max-width:9em;font-size:clamp(46px,5.2vw,72px);font-weight:780;line-height:1.12;letter-spacing:-.055em}h1 span{color:var(--accent-dark)}.hero-intro{max-width:31em;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.action-area{display:flex;align-items:center;gap:18px;margin-top:32px}.primary-button{min-width:148px;min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);border-radius:10px;color:var(--surface);background:var(--ink);font-size:16px;font-weight:650;transition:transform .16s ease-out,box-shadow .16s ease-out;box-shadow:0 8px 24px #1320181f}.primary-button:hover{transform:translateY(-2px);background:var(--accent-dark);border-color:var(--accent-dark)}.primary-button:active{transform:translateY(0)}.primary-button.stop-button{color:var(--ink);background:transparent;border-color:var(--line);box-shadow:none}.primary-button.stop-button:hover{color:var(--error);border-color:var(--error)}.action-note{max-width:14em;color:var(--faint);font-size:12px;line-height:1.55}.test-steps{display:flex;align-items:center;gap:0;margin:32px 0 0;padding:0;list-style:none}.test-steps li{position:relative;display:flex;align-items:center;gap:7px;color:var(--faint);font-size:13px;transition:color .18s ease-out}.test-steps li:not(:last-child){margin-right:34px}.test-steps li:not(:last-child):after{content:"";position:absolute;left:calc(100% + 10px);width:14px;height:1px;background:var(--line)}.step-marker{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:Bahnschrift,sans-serif;font-size:11px}.test-steps li.active{color:var(--accent-dark);font-weight:650}.test-steps li.active .step-marker{color:var(--surface);background:var(--accent-dark);border-color:var(--accent-dark)}.test-steps li.done{color:var(--muted)}.test-steps li.done .step-marker{color:var(--accent-dark);background:var(--accent-soft);border-color:transparent}.error-message{margin:20px 0 0;max-width:32em;color:var(--error);font-size:14px;line-height:1.6}.gauge-panel{position:relative;min-width:0;padding:26px 28px 22px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fdfdfad1;box-shadow:0 24px 70px #303f3512;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gauge-topline{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;font-weight:600}.node-label{display:inline-flex;align-items:center;gap:6px;font-weight:450}.node-label>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.gauge-wrap{position:relative;width:min(100%,410px);margin:4px auto -8px;aspect-ratio:1}.gauge-svg{width:100%;height:100%;overflow:visible;transform:rotate(135deg)}.gauge-track,.gauge-value{fill:none;stroke-width:7;stroke-linecap:round}.gauge-track{stroke:var(--line)}.gauge-value{stroke:var(--accent);transition:stroke-dasharray .26s ease-out;filter:drop-shadow(0 3px 6px oklch(.64 .15 158 / .25))}.gauge-inner{fill:none;stroke:#dbe0d773;stroke-width:1;stroke-dasharray:2 7}.gauge-readout{position:absolute;inset:18% 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gauge-phase{color:var(--muted);font-size:14px;font-weight:650}.speed-line{display:flex;align-items:baseline;justify-content:center;gap:9px;margin:7px 0 9px}.speed-line strong{max-width:4.6em;overflow:hidden;font-family:Bahnschrift,DIN Alternate,Aptos Display,sans-serif;font-size:clamp(58px,7vw,88px);font-weight:550;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.055em}.speed-line span{color:var(--muted);font-family:Bahnschrift,sans-serif;font-size:15px}.gauge-detail{max-width:19em;min-height:2.8em;color:var(--faint);font-size:12px;line-height:1.5}.gauge-footer{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:11px;letter-spacing:.1em}.gauge-footer-line{flex:1;height:1px;background:var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-item{min-width:0;padding:26px 24px 28px;transition:background .18s ease-out}.metric-item:first-child{padding-left:0}.metric-item:last-child{padding-right:0}.metric-item:not(:last-child){border-right:1px solid var(--line)}.metric-item.metric-active{background:#d9f3e273}.metric-heading{display:flex;align-items:center;gap:12px}.metric-icon{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--accent-dark);background:var(--accent-soft)}.metric-heading h2{margin:0;font-size:14px;font-weight:650}.metric-heading p{margin:3px 0 0;color:var(--faint);font-size:11px}.metric-value{display:flex;align-items:baseline;gap:8px;margin-top:20px}.metric-value strong{font-family:Bahnschrift,DIN Alternate,sans-serif;font-size:clamp(30px,3vw,40px);font-weight:550;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.035em}.metric-value span{color:var(--muted);font-size:12px}.site-footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--faint);font-size:12px}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:44px;padding-top:48px}.hero-copy{max-width:620px}h1{max-width:none}h1 br{display:none}.gauge-panel{width:min(100%,600px)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-item,.metric-item:first-child,.metric-item:last-child{padding:24px}.metric-item:nth-child(2){border-right:0}.metric-item:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:600px){.app-shell{width:min(100% - 32px,480px)}.site-header{min-height:72px}.brand-en{display:none}.privacy-label{font-size:11px}.privacy-label span{max-width:11em;text-align:right}.hero{padding:36px 0 40px;gap:36px}.status-badge{margin-bottom:18px}h1{font-size:clamp(40px,12vw,54px);line-height:1.16}h1 br{display:initial}.hero-intro{margin-top:18px;font-size:15px}.action-area{align-items:flex-start;flex-direction:column;gap:12px;margin-top:26px}.primary-button{width:100%;min-height:52px}.action-note{max-width:none}.test-steps{margin-top:26px}.gauge-panel{padding:20px 16px 16px;border-radius:18px}.gauge-topline{font-size:11px}.gauge-wrap{margin-top:6px}.speed-line strong{font-size:clamp(54px,18vw,76px)}.gauge-detail{max-width:17em;font-size:11px}.metric-item,.metric-item:first-child,.metric-item:last-child{padding:20px 12px}.metric-item:nth-child(odd){padding-left:0}.metric-item:nth-child(2n){padding-right:0;padding-left:18px}.metric-heading{gap:9px}.metric-icon{width:32px;height:32px}.metric-heading h2{font-size:13px}.metric-heading p{display:none}.metric-value{margin-top:16px}.metric-value strong{font-size:32px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;min-height:88px;line-height:1.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}