:root{--ink:#18253b;--muted:#64748b;--line:#dfebf5;--blue:#2379ee;--deep:#0c63d7;--pale:#edf6ff;--white:#fff;--shadow:0 12px 35px rgba(25,76,142,.055);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f8fbff}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #4b98ff;outline-offset:3px}a{color:var(--deep)}.wrap{max-width:1210px;margin:auto;padding-left:27px;padding-right:27px}.skip{position:absolute;left:15px;top:-100px;z-index:30;background:#fff;padding:12px;border-radius:10px}.skip:focus{top:12px}.topbar{background:#fff;border-bottom:1px solid #eaf0f8}.top-inner{height:74px;display:flex;align-items:center;gap:25px}.brand{font-size:21px;letter-spacing:-.7px;font-weight:800;color:#192a44;text-decoration:none;white-space:nowrap;display:flex;align-items:center}.brandmark{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:8px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#51b8ff,#1675ec);font-size:20px}.blue{color:#2682eb}.top-inner nav{display:flex;gap:26px;margin-left:26px}.top-inner nav a{color:#4e627b;font-weight:600;font-size:13px;text-decoration:none}.top-inner nav a:hover{color:#1479ec}.private{margin-left:auto;font-size:12px;font-weight:700;color:#467a78;background:#f0faf7;padding:9px 12px;border-radius:99px;white-space:nowrap}.hero{text-align:center;padding-top:72px;padding-bottom:58px}.eyebrow,.micro{font-size:10px;letter-spacing:1.8px;font-weight:850;color:#3484d7}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px}.flag{letter-spacing:1px;background:#e7f2ff;color:#1e76dd;border-radius:30px;padding:5px 10px;font-size:9px}.hero h1{font-size:clamp(39px,6.3vw,69px);line-height:1.08;letter-spacing:-3.9px;margin:18px 0 16px;font-weight:850}.hero h1 em{font-style:normal;color:#2784f0}.hero>p{max-width:730px;margin:auto;color:var(--muted);font-size:16px;line-height:1.7}.hero-chips{margin-top:24px;display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.hero-chips span{padding:9px 13px;border:1px solid #ddebf8;background:#fff;border-radius:50px;color:#496783;font-size:11px;font-weight:700}.studio{padding-bottom:52px}.history-head,.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px}.workspace-head h2{margin:6px 0;font-size:29px;letter-spacing:-.8px}.subtitle{margin:0;color:var(--muted);font-size:13px}.action-line,.header-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:12px;min-height:42px;padding:11px 17px;font-size:12px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:7px;transition:background .15s,border-color .15s,transform .15s}.btn:not(:disabled):active{transform:scale(.99)}.btn.primary{background:linear-gradient(125deg,#338cf7,#186ee2);color:#fff;box-shadow:0 4px 12px rgba(37,115,223,.17)}.btn.primary:hover:not(:disabled){background:linear-gradient(125deg,#1b7de9,#0e61c9)}.btn.secondary{color:#276ca7;border-color:#d4e8fb;background:#edf6ff}.btn.secondary:hover:not(:disabled){background:#e0efff}.btn.quiet{border-color:#e0eaf5;background:#fff;color:#48657f}.btn.quiet:hover:not(:disabled){background:#f2f8ff}.btn.tiny{min-height:31px;padding:6px 9px;font-size:11px}.btn.full{width:100%}.alert,.notice{padding:14px 18px;margin:0 0 15px;border-radius:12px;font-size:13px;line-height:1.55;background:#effaf8;border:1px solid #baeee0;color:#195c4f}.alert{background:#fff2f2;color:#9e3034;border-color:#f7caca}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px}.left,.right{display:grid;gap:20px;min-width:0}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.micro{margin:0 0 7px}.panel h3{font-size:20px;letter-spacing:-.55px;margin:0}.round-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef6ff;color:#327fe3;font-weight:800}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;color:#3a4f6a;margin-top:15px}.field select,.field textarea{border:1px solid #d9e5f1;border-radius:11px;background:#fbfdff;color:#1d314d;width:100%;padding:12px 13px;min-height:43px;font-weight:500;outline-color:#79aef4}.field textarea{resize:vertical;line-height:1.65;min-height:100px}.field-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8a9db0;margin-top:8px}.inline-tip{background:#f0f7ff;border-left:3px solid #80b5f5;color:#497094;border-radius:7px;padding:13px 14px;margin-top:15px;font-size:12px;line-height:1.55}.divider{border-top:1px solid #eaf0f7;margin:19px 0 5px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field output{color:#2877cc;font-weight:800}.field input[type=range]{width:100%;accent-color:#267cec;margin:4px 0 11px}.fine{font-size:11px;color:#73859a;line-height:1.65;margin:12px 0 0}.action-line{margin-top:16px}.chip{display:inline-block;background:#ecf5ff;border:1px solid #deecfb;color:#3479bc;border-radius:30px;font-size:10px;font-weight:800;padding:7px 11px}.mic-area{background:linear-gradient(115deg,#eef7ff,#fbfdff);border:1px dashed #cbe0fa;border-radius:14px;padding:18px;display:flex;align-items:center;gap:15px}.mic-art{display:grid;place-items:center;flex:none;width:53px;height:53px;border-radius:16px;background:#dceeff;font-size:25px;color:#2277e8}.mic-area strong{font-size:14px}.mic-area p{font-size:12px;color:#70859b;line-height:1.55;margin:5px 0 0}.take{margin-top:16px;border:1px solid #dceaf8;background:#f9fcff;padding:13px;border-radius:12px}.take-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.take-header strong{font-size:12px;display:block}.take-header span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.take canvas{width:100%;height:124px;display:block;margin:13px 0;border-radius:9px;background:#f0f6fc}.take audio{width:100%;height:40px}.take-metrics{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;color:#627d97;margin-top:10px}.methods{padding:0;margin:0;border:0}.methods legend{font-size:12px;font-weight:750;color:#425a70;margin-bottom:9px}.method{display:flex;align-items:start;gap:10px;border:1px solid #e1eaf3;border-radius:12px;padding:13px 12px;margin:8px 0;cursor:pointer}.method:has(input:checked){background:#f0f7ff;border-color:#91c4ff}.method input{accent-color:#247deb;margin-top:3px}.method strong{font-size:12px;display:block}.method small{font-size:10px;line-height:1.55;color:#72859b;display:block;margin-top:4px}.privacy-note{font-size:11px;color:#496a83;background:#f3f9fe;padding:13px;border-radius:10px;margin-top:14px;line-height:1.55}.optional{color:#9aabbb;font-weight:400}.compare-panel #analyzeBtn{margin-top:19px}.empty-result{text-align:center;padding:28px 12px;color:#74899e}.empty-symbol{font-size:43px;color:#7bb4f5;margin-bottom:12px}.empty-result strong{display:block;font-size:14px;color:#405d79}.empty-result p{font-size:12px}.score-row{display:flex;align-items:center;justify-content:space-between;border-radius:14px;padding:18px;background:#eff8ff;border:1px solid #e0efff}.big-number{font-size:48px;line-height:1;letter-spacing:-2px;font-weight:850;color:#246fce}.big-number small{font-size:19px}.score-circle{font-size:44px;color:#8fc1f4}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 23px}.stat-grid>div{border:1px solid #e5eff8;border-radius:10px;padding:12px}.stat-grid span{font-size:10px;color:#8195aa;display:block}.stat-grid strong{font-size:15px;display:block;margin-top:5px}.result-panel h4{font-size:13px;margin:19px 0 11px}.word-review{display:flex;flex-wrap:wrap;gap:7px}.word{border-radius:8px;border:1px solid #dce9f4;padding:8px 10px;font-size:12px;font-weight:700;background:#f3f8fc}.word.match{background:#eafaf4;border-color:#b5ebd7;color:#197557}.word.different{background:#fff6e2;border-color:#f3dbac;color:#926319}.word.missing{background:#fff1f1;border-color:#f2c5c5;color:#b24545}.word.extra{background:#ecf0ff;border-color:#d0d7f5;color:#5057a0}.word small{display:block;color:#738397;font-weight:500;margin-top:5px}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:#8192a5;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.dot.good{background:#4fb38e}.dot.warn{background:#d9a341}.dot.bad{background:#d87f7f}.dot.extra{background:#8898db}.tips{margin:5px 0 15px;padding-left:18px;font-size:12px;line-height:1.7;color:#526e84}.tips li+li{margin-top:7px}.ipa-list{display:grid;gap:9px}.ipa-item{border:1px solid #e1eaf5;border-radius:11px;padding:12px;font-size:12px}.ipa-item strong{color:#2c6cbb}.ipa-item span{color:#547994;margin-left:9px}.ipa-item p{font-size:11px;color:#77899c;line-height:1.6;margin:6px 0 0}.result-actions{margin-top:22px}.history-panel{margin-top:20px}.history-head{margin-bottom:12px}.history-head h3{display:flex;align-items:center;gap:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px;text-align:left}td,th{padding:13px 10px;border-top:1px solid #eaf0f7;font-size:11px;vertical-align:top}th{font-size:10px;letter-spacing:.3px;color:#6e849a}td{color:#485f77}td:nth-child(2){max-width:280px}.empty-table{text-align:center;color:#90a3b5;padding:24px}.learn{padding-top:46px;padding-bottom:38px}.learn-intro{text-align:center}.faq h2,.learn h2{font-size:30px;letter-spacing:-1px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:var(--shadow)}.feature-icon{background:#edf6ff;color:#327ce0;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;font-weight:850}.feature-grid h3{font-size:15px;margin:17px 0 6px}.feature-grid p{font-size:12px;line-height:1.75;color:#6b8094}.faq{padding:18px 27px 65px}.faq h2{text-align:center;margin-bottom:22px}.faq details{max-width:850px;margin:9px auto;border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px 19px}.faq summary{cursor:pointer;font-size:13px;font-weight:750}.faq p{font-size:12px;color:#6b8094;line-height:1.8}.footer{background:#fff;border-top:1px solid #e7eef7}.foot{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8799aa;font-size:11px}.processing{position:fixed;inset:0;z-index:100;background:rgba(16,35,65,.6);display:flex;align-items:center;justify-content:center;padding:20px}.processing[hidden],[hidden]{display:none!important}.modal{background:#fff;border-radius:23px;max-width:420px;width:100%;padding:38px 30px;text-align:center;box-shadow:0 35px 90px rgba(0,0,0,.25)}.modal h2{margin:6px 0;font-size:29px}.modal p{font-size:13px;color:#73849a}.spinner{border:4px solid #e6f2ff;border-top-color:#2b83e9;width:53px;height:53px;border-radius:50%;margin:0 auto 20px;animation:spin 1.15s linear infinite}.progress-track{height:7px;overflow:hidden;background:#e9f3ff;border-radius:20px;margin:25px auto}.progress-run{height:100%;width:35%;background:#368bf5;border-radius:20px;animation:indeterminate 1.8s ease-in-out infinite}.modal .btn{min-width:140px;margin-top:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}@media(max-width:900px){.top-inner nav{margin-left:5px;gap:14px}.layout{grid-template-columns:1fr}.left,.right{grid-template-columns:1fr}.hero{padding-top:60px}.feature-grid{grid-template-columns:1fr}.studio{padding-bottom:15px}}@media(max-width:600px){.wrap{padding-left:16px;padding-right:16px}.top-inner{height:64px}.top-inner nav{display:none}.private{font-size:10px}.hero{padding-top:53px;padding-bottom:38px}.hero h1{letter-spacing:-2.3px;font-size:43px}.hero>p{font-size:13px}.history-head,.workspace-head{align-items:start;flex-direction:column}.panel{padding:18px;border-radius:16px}.two-fields{grid-template-columns:1fr}.score-row{padding:14px}.hero-chips{gap:5px}.hero-chips span{font-size:10px}.foot{flex-wrap:wrap;padding-top:22px;padding-bottom:22px}.faq h2,.learn h2{font-size:25px}.header-buttons{width:100%}.header-buttons .btn{flex:1}.action-line>.btn{flex:1;min-width:105px}.history-head .action-line{width:100%}}@media(max-width:350px){.hero h1{font-size:37px}.panel{padding:14px}.btn{font-size:11px;padding:9px 10px}.method{padding:10px}.stat-grid{gap:6px}.mic-area{padding:12px}.private{display:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:NaNs!important;transition:none!important}}.take-buttons{margin-top:0}.take-header{align-items:center}.quality-note{font-size:11px;color:#536e88;line-height:1.65;margin:11px 0 1px}.quality-note.warning{color:#9f4b26;background:#fff6ed;border:1px solid #f4d6ba;border-radius:9px;padding:9px 11px}.drill-block{border:1px solid #cfe4fb;background:#f2f8ff;border-radius:12px;padding:14px;margin:12px 0 18px;display:grid;gap:8px}.drill-block[hidden]{display:none}.drill-block strong{font-size:13px;color:#265a8a}.drill-block p{font-size:12px;margin:0;color:#5b7691;line-height:1.65;overflow-wrap:anywhere}.drill-block .btn{justify-self:start}.trend-panel{padding:16px 18px;margin:0 0 16px;background:#f5f9ff;border:1px solid #deebfa;border-radius:14px}.trend-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#335d82}.trend-top span{font-weight:700;color:#2472c6}.trend-bars{height:85px;display:flex;align-items:end;gap:8px;padding:12px 2px 0}.trend-bar{flex:1;max-width:55px;border-radius:5px 5px 0 0;background:#71acf0;min-height:2px;position:relative;outline-offset:3px}.trend-bar:last-child{background:#247de5}.trend-bar:focus-visible{outline:2px solid #155cc2}.trend-panel .fine{margin-top:10px}@media(max-width:600px){.trend-panel{padding:12px}.trend-bars{gap:5px}.drill-block .btn{width:100%}}