:root{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#182823;background:#fff;font-synthesis:none;--green:#396955;--muted:#617074;--line:#d9dfdc}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green)}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;margin:30px 4.2%}.brand{font-size:34px;font-weight:750;letter-spacing:-1.6px;text-decoration:none;color:#182823}.privacy{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--muted);margin:0}main{max-width:1140px;margin:92px auto 0;width:calc(100% - 80px)}.intro{text-align:center;margin-bottom:44px}h1{font-size:clamp(30px,3.9vw,56px);letter-spacing:-1.8px;line-height:1.35;margin:0 0 18px;font-weight:750}.intro p{font-size:22px;line-height:1.7;color:var(--muted);margin:0}.drop-zone{border:1.5px dashed #9cbcac;border-radius:22px;min-height:430px;display:flex;align-items:center;justify-content:center;text-align:center;padding:46px 36px;transition:background .18s,border .18s}.drop-zone.dragging{background:#edf5f0;border-color:var(--green)}.drop-zone.complete{border-style:solid;border-color:var(--line);padding:34px 44px}.drop-zone>div{width:100%}.symbol{width:98px;height:98px;border-radius:50%;background:#e7eeea;color:var(--green);display:flex;justify-content:center;align-items:center;margin:0 auto 22px}h2{font-size:27px;font-weight:650;letter-spacing:.2px;line-height:1.4;margin:0 0 10px}.choose-caption{font-size:20px;color:var(--muted);margin:0 0 26px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:9px;background:var(--green);color:#fff;min-height:53px;padding:0 42px;font-size:18px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s}.primary:hover{background:#285540;transform:translateY(-1px)}.primary:focus-visible,.text-button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #a8c9b6;outline-offset:5px}.formats{color:var(--muted);font-size:16px;margin:30px 0 0}.steps{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:0;margin:42px auto 0;width:90%}.steps li{text-align:center;font-size:18px;font-weight:600;position:relative;width:33.333%}.steps li span{display:block;font-size:32px;color:var(--green);margin-bottom:8px}.steps li:not(:last-child):after{content:"";position:absolute;top:38px;left:80%;width:40%;height:1px;background:#bec9c3}footer{margin:48px 4.2% 30px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px;gap:18px;line-height:1.6}.about{text-align:center;font-size:13px;color:var(--muted);margin:35px auto 0;max-width:740px;line-height:1.9}summary{cursor:pointer}.about>div{text-align:left;padding:10px 0}.file-name{font-size:15px;color:var(--muted);overflow-wrap:anywhere;max-width:640px;margin:10px auto 22px}.progress-track{height:5px;border-radius:10px;background:#e7eeea;max-width:380px;margin:30px auto 20px;overflow:hidden}.progress-track span{display:block;background:var(--green);height:100%;min-width:3%;transition:width .3s}.busy-note{font-size:14px;color:var(--muted)}.text-button{border:0;background:none;color:var(--green);padding:12px 16px;font-size:15px}.error{border-left:3px solid #b3583d;padding:15px 20px;background:#fff5ef;color:#783e2c;font-size:15px;line-height:1.7}.result-heading .symbol{height:58px;width:58px;margin-bottom:15px}.result-heading h2{font-size:26px}.measurements{display:flex;justify-content:center;gap:0;max-width:640px;margin:28px auto 22px}.measurements>div{width:50%;padding:0 24px}.measurements>div+div{border-left:1px solid var(--line)}.metric-label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.measurements strong{font-size:40px;letter-spacing:-1.1px;font-weight:600;font-variant-numeric:tabular-nums}.measurements small{font-size:14px;letter-spacing:0;font-weight:400}.measurements p{font-size:13px;color:var(--muted);margin:7px 0 0}.after strong{color:var(--green)}.process-note{color:var(--muted);font-size:13px;line-height:1.9}.process-note span{margin:0 10px}.result-actions{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:22px}.natural-note{font-size:14px;color:#855f31;background:#fbf6ec;padding:13px 18px;line-height:1.8;max-width:640px;margin:20px auto;border-radius:5px}.comparison{font-size:13px;color:var(--muted);margin:20px auto 0;max-width:640px;line-height:1.8}.audio-pair{display:flex;gap:24px;margin-top:20px}.audio-pair label{width:50%;text-align:left}audio{width:100%;height:40px;display:block;margin-top:8px}.spinning{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.45;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:700px){header{margin:22px}.brand{font-size:30px}.privacy{font-size:11px;gap:7px}.privacy svg{width:15px}main{width:calc(100% - 36px);margin-top:66px}.intro{margin-bottom:30px}h1{font-size:30px;letter-spacing:-1px;max-width:340px;margin-left:auto;margin-right:auto}.intro p{font-size:15px;max-width:300px;margin:auto}.drop-zone{min-height:360px;padding:32px 20px;border-radius:15px}.symbol{width:72px;height:72px;margin-bottom:22px}.symbol svg{width:33px}h2{font-size:22px}.choose-caption{font-size:16px}.formats{font-size:12px}.primary{font-size:16px;min-height:49px;padding:0 32px}.steps{width:100%;margin-top:32px}.steps li{font-size:13px}.steps li span{font-size:25px}.steps li:not(:last-child):after{top:29px;left:85%;width:30%}.about{font-size:12px;margin-top:27px}footer{font-size:11px;flex-direction:column;margin:34px 22px 22px;gap:5px}.drop-zone.complete{padding:28px 15px}.result-heading h2{font-size:21px}.measurements>div{padding:0 8px}.measurements strong{font-size:32px}.measurements small,.measurements p{font-size:11px}.audio-pair{flex-direction:column;gap:16px}.audio-pair label{width:100%}.process-note span{margin:0 4px}}h1 span{display:inline-block;white-space:nowrap}