:root{--ink:#102f2a;--muted:#667c77;--line:#dce7e4;--paper:#f7faf8;--white:#fff;--green:#0d735d;--green-dark:#095543;--mint:#dff4eb;--lime:#c9ef74;--amber:#c87a13;--amber-bg:#fff3d8;--red:#b73b3b;--red-bg:#fff0ef;--shadow:0 24px 70px #13423817}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.ambient{z-index:-1;filter:blur(10px);pointer-events:none;border-radius:50%;position:fixed}.ambient-one{background:#c9ef742b;width:420px;height:420px;top:130px;right:-140px}.ambient-two{background:#4bb6981f;width:360px;height:360px;top:480px;left:-180px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#f7faf8e0;border-bottom:1px solid #102f2a14;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(24px,5vw,80px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--ink);border-radius:11px;place-items:center;width:38px;height:38px;font:800 18px Georgia,serif;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.02em;font-size:14px}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.topbar-meta{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.service-dot{background:#29a57e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #29a57e1f}.shell{width:min(1180px,100% - 40px);margin:0 auto}.hero{max-width:830px;padding:78px 0 48px}.eyebrow,.step-label{color:var(--green);letter-spacing:.14em;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:16px 0 20px;font-size:clamp(42px,6.4vw,76px);font-weight:760;line-height:1.02}.hero h1 span{color:var(--green)}.hero p{max-width:700px;color:var(--muted);margin:0;font-size:16px;line-height:1.85}.hero-pills{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.hero-pills span{border:1px solid var(--line);color:#3f5f58;background:#ffffff9e;border-radius:999px;padding:8px 13px;font-size:12px}.workspace{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);align-items:stretch;gap:18px;display:grid}.panel,.detail-card,.analysis-card,.raw-response{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6}.panel{border-radius:22px;padding:30px}.panel-heading,.section-heading,.card-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-heading h2,.section-heading h2{letter-spacing:-.025em;margin:7px 0 0;font-size:23px}.panel-heading.compact h2{font-size:20px}.secure-badge,.elapsed-badge{background:var(--mint);color:var(--green);border-radius:999px;padding:7px 10px;font-size:11px}form{margin-top:30px}form>label,.auth-row>label:first-child{color:#405d57;margin-bottom:9px;font-size:12px;font-weight:700;display:block}.code-field{position:relative}.code-field input{width:100%;height:68px;color:var(--ink);letter-spacing:.02em;background:#fbfdfc;border:1.5px solid #c8d8d4;border-radius:13px;outline:none;padding:0 52px 0 19px;font-family:SFMono-Regular,Consolas,monospace;font-size:19px;transition:border-color .2s,box-shadow .2s,background .2s}.code-field input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px #0d735d17}.clear-button{color:#78908b;background:0 0;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.clear-button:hover{background:#eef4f2}.samples{flex-wrap:wrap;align-items:center;gap:8px;margin:13px 0 22px;display:flex}.samples span{color:var(--muted);margin-right:2px;font-size:11px}.samples button{color:var(--green);background:#edf7f3;border:0;border-radius:7px;padding:6px 9px;font-size:11px}.samples button:hover{background:#dff1ea}.auth-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 20px;padding:14px 0}.auth-settings summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700;list-style:none}.auth-settings summary::-webkit-details-marker{display:none}.auth-settings summary:after{content:"+";float:right;font-size:17px;font-weight:400}.auth-settings[open] summary:after{content:"−"}.auth-row{margin-top:16px}.key-field{display:flex}.key-field input{border:1px solid var(--line);border-radius:9px 0 0 9px;outline:none;flex:1;min-width:0;height:42px;padding:0 12px}.key-field button{border:1px solid var(--line);width:60px;color:var(--green);background:#f5f9f7;border-left:0;border-radius:0 9px 9px 0;font-size:11px}.remember-key{color:var(--muted);align-items:center;gap:7px;margin-top:10px;font-size:11px;display:flex}.primary-button{color:#fff;background:var(--green);border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;font-weight:750;transition:transform .2s,background .2s;display:flex;box-shadow:0 12px 28px #0d735d33}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.75;transform:none}.button-arrow{font-size:20px}.button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:none}.primary-button.loading .button-arrow{display:none}.primary-button.loading .button-spinner{display:block}.keyboard-hint{text-align:center;color:#91a19e;margin:10px 0 0;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}.process-panel{background:var(--ink);color:#fff;border-color:#0000}.process-panel .step-label{color:var(--lime)}.elapsed-badge{color:#dff7ef;background:#ffffff17}.process-list{margin:28px 0 24px;padding:0;list-style:none}.process-list li{grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:62px;display:grid;position:relative}.process-list li:not(:last-child):after{content:"";background:#ffffff26;width:1px;height:30px;position:absolute;top:47px;left:16px}.process-index{color:#9eb4ae;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;display:grid}.process-list strong,.process-list small{display:block}.process-list strong{font-size:13px}.process-list small{color:#92aaa4;margin-top:4px;font-size:10px}.process-state{color:#79918b;font-size:10px}.process-list li.active .process-index{color:var(--ink);background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 5px #c9ef741a}.process-list li.active .process-state{color:var(--lime)}.process-list li.complete .process-index{color:#fff;background:var(--green);border-color:#3ba88d}.process-list li.complete .process-state{color:#69cbb1}.rule-note{background:#ffffff0e;border-radius:12px;padding:15px}.rule-note strong{color:var(--lime);font-size:11px}.rule-note p{color:#a9bdb8;margin:7px 0 0;font:11px/1.65 SFMono-Regular,Consolas,monospace}.error-panel{color:var(--red);background:var(--red-bg);border:1px solid #efc5c2;border-radius:13px;margin-top:18px;padding:17px 50px 17px 18px;position:relative}.error-panel strong{margin-right:8px}.error-panel button{color:var(--red);background:0 0;border:0;position:absolute;right:14px}.results{padding:68px 0 34px}.section-heading{align-items:flex-end;margin-bottom:22px}.result-badges{gap:8px;display:flex}.status-badge,.confidence-badge,.count-badge{border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750}.status-badge.corrected{color:var(--green);background:var(--mint)}.status-badge.unchanged{color:#49635d;background:#e8efed}.status-badge.needs_review{color:var(--amber);background:var(--amber-bg)}.confidence-badge{color:#526d66;border:1px solid var(--line);background:#fff}.code-journey{grid-template-columns:1fr 34px 1fr 34px 1.12fr;align-items:stretch;display:grid}.code-card{border:1px solid var(--line);background:#fff;min-width:0;padding:20px;position:relative}.code-card:first-child{border-radius:16px 0 0 16px}.code-card:last-child{border-radius:0 16px 16px 0}.code-card span{color:var(--muted);text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.code-card code{overflow-wrap:anywhere;color:#344e48;font-size:clamp(14px,1.8vw,18px);font-weight:700;display:block}.code-card.normalized{background:#f4faf7}.code-card.corrected{background:var(--ink);border-color:var(--ink)}.code-card.corrected span{color:#9ab0aa}.code-card.corrected code{color:var(--lime);padding-right:44px}.code-card.corrected button{color:#fff;background:#ffffff1c;border:0;border-radius:7px;padding:6px 8px;font-size:10px;position:absolute;bottom:14px;right:14px}.journey-arrow{color:#8da09c;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;place-items:center;display:grid}.analysis-card{box-shadow:none;border-radius:16px;gap:16px;margin-top:16px;padding:21px;display:flex}.analysis-icon{width:38px;height:38px;color:var(--green);background:var(--mint);border-radius:11px;flex:none;place-items:center;font-size:10px;font-weight:850;display:grid}.analysis-card h3{margin:0 0 8px;font-size:13px}.analysis-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.result-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.detail-card{min-width:0;box-shadow:none;border-radius:16px;padding:22px}.card-title{border-bottom:1px solid var(--line);align-items:center;padding-bottom:16px}.card-title h3{margin:5px 0 0;font-size:16px}.count-badge{text-align:center;min-width:30px;color:var(--green);background:var(--mint)}.empty-state{text-align:center;color:#83958f;padding:30px 10px;font-size:12px}.change-item{border-bottom:1px solid #edf2f0;grid-template-columns:30px 1fr;gap:11px;padding:15px 0;display:grid}.change-item:last-child,.reference-item:last-child{border-bottom:0}.change-number{width:28px;height:28px;color:var(--green);background:#edf7f3;border-radius:8px;place-items:center;font-size:10px;display:grid}.change-pair{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.change-pair code{color:#38534d;background:#f1f5f4;border-radius:5px;padding:4px 7px;font-size:11px}.change-pair .new-value{color:var(--green);background:var(--mint)}.change-rule{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}.source-tag{color:var(--green);letter-spacing:.05em;margin-top:8px;font-size:9px;font-weight:750;display:inline-block}.reference-item{border-bottom:1px solid #edf2f0;padding:15px 0}.reference-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.reference-source{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.reference-score{color:var(--green);flex:none;font-size:10px}.score-track{background:#e8efed;border-radius:99px;height:3px;margin:9px 0;overflow:hidden}.score-fill{background:var(--green);height:100%}.reference-item p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.65;display:-webkit-box;overflow:hidden}.reference-path{color:#9aaaa6;overflow-wrap:anywhere;margin-top:6px;font-size:9px;display:block}.raw-response{box-shadow:none;border-radius:14px;margin-top:16px;padding:0 18px}.raw-response summary{cursor:pointer;color:var(--muted);padding:15px 0;font-size:11px;font-weight:700}.raw-response pre{color:#d8f0e9;background:#132e29;border-radius:9px;max-height:360px;margin:0 0 18px;padding:15px;font:11px/1.6 SFMono-Regular,Consolas,monospace;overflow:auto}footer{border-top:1px solid var(--line);color:#849590;justify-content:space-between;width:min(1180px,100% - 40px);margin:25px auto 0;padding:26px 0 38px;font-size:10px;display:flex}[hidden]{display:none!important}@media (width<=900px){.workspace,.result-grid{grid-template-columns:1fr}.process-panel{min-height:auto}.code-journey{grid-template-columns:1fr;gap:8px}.code-card,.code-card:first-child,.code-card:last-child{border-radius:13px}.journey-arrow{background:0 0;border:0;height:24px;transform:rotate(90deg)}}@media (width<=600px){.topbar{height:66px;padding:0 18px}.topbar-meta{display:none}.shell{width:min(100% - 24px,1180px)}.hero{padding:50px 0 34px}.hero h1{font-size:43px}.panel{border-radius:18px;padding:22px 18px}.section-heading{flex-direction:column;align-items:flex-start}.result-badges{align-self:stretch}.samples span{width:100%}footer{flex-direction:column;gap:8px;width:calc(100% - 24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}