:root{--paper:#f5f4f0;--ink:#202320;--muted:#7e827c;--line:#e7e7df;--green:#246e52;--green-2:#d9eee1;--orange:#ec815b;--card:#fff;--shadow:0 24px 70px rgba(36,42,34,.07);font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 14% 9%,rgba(255,255,255,.94),transparent 42%),var(--paper)}button,textarea{font:inherit}.shell{width:min(1080px,calc(100% - 48px));margin:auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(42,48,39,.08)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{width:32px;height:32px;color:var(--green)}.brand-mark svg{display:block;width:100%;height:100%}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.3px}.brand-dot{color:var(--orange)}.top-note{display:flex;align-items:center;gap:9px;color:#72776f;font-size:12px;letter-spacing:.03em}.live-dot,.state-dot{width:7px;height:7px;border-radius:50%;background:#63ad80;box-shadow:0 0 0 3px rgba(99,173,128,.13)}.intro{text-align:center;padding:56px 0 38px}.eyebrow,.step-label,.footer-mark{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.13em;color:#8a8d83}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--green)}.eyebrow-line{width:22px;height:1px;background:#b8cbbc}h1,h2,p{margin:0}h1{font-size:clamp(36px,5.4vw,58px);line-height:1.15;letter-spacing:-2.4px;font-weight:700;margin-top:18px}h1 span{color:var(--green)}.intro-copy{max-width:580px;margin:16px auto 0;color:#777b75;font-size:14px;line-height:1.8}.workspace{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr);gap:18px;align-items:stretch}.input-card,.progress-card{background:var(--card);border:1px solid rgba(36,42,34,.06);border-radius:16px;box-shadow:var(--shadow)}.input-card{padding:28px 30px 24px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-heading h2{font-size:19px;letter-spacing:-.5px;margin-top:7px}.count-pill{height:29px;display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:99px;color:#7e827c;font:11px 'DM Mono',monospace}.count-pill #link-count{color:var(--green);font-weight:500}.count-divider{color:#c5c7bf}.textarea-wrap{position:relative;border:1px solid #e7e8e1;border-radius:10px;background:#fbfbf8;transition:border-color .2s,box-shadow .2s}.textarea-wrap:focus-within{border-color:#92bca4;box-shadow:0 0 0 3px rgba(36,110,82,.08)}textarea{display:block;width:100%;height:222px;resize:vertical;border:0;outline:0;background:transparent;padding:17px 18px 48px;color:#343832;font:12px/1.9 'DM Mono','Noto Sans SC',monospace}textarea::placeholder{color:#b8bbb4;opacity:1}.input-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:7px;padding:11px 16px;border-top:1px solid #edeee8;color:#999d96;font-size:10px;background:#fbfbf8;border-radius:0 0 10px 10px}.caption-icon{color:var(--green);font-size:14px}.input-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.limit-note{display:flex;align-items:center;gap:8px;color:#868a82;font-size:11px}.shield-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:#eef5ef;color:var(--green);font-size:15px}.primary-button{height:44px;min-width:148px;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 16px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}.primary-button:hover{background:#1d6046;box-shadow:0 7px 15px rgba(36,110,82,.15);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}.primary-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.input-error{margin-top:12px;color:#bd4e3f;font-size:12px}.progress-card{position:relative;overflow:hidden;padding:24px 26px 21px;background:linear-gradient(154deg,#fff 12%,#f5f8f2 100%)}.progress-topline{display:flex;align-items:center;justify-content:space-between}.state-badge{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #e8eae3;border-radius:99px;background:rgba(255,255,255,.75);font-size:10px;color:#777d75}.state-badge .state-dot{width:6px;height:6px}.state-working .state-dot{background:#e89a43;box-shadow:0 0 0 3px rgba(232,154,67,.14);animation:pulse 1.2s infinite}.state-done .state-dot{background:#4fa578}.state-error .state-dot{background:#d96d59;box-shadow:0 0 0 3px rgba(217,109,89,.13)}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(232,154,67,0)}}.progress-visual{height:130px;position:relative;display:grid;place-items:center;margin:8px 0 2px}.orbit{position:absolute;border:1px solid rgba(53,112,81,.1);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:125px;height:74px}.orbit-two{width:104px;height:104px;border-style:dashed;transform:rotate(25deg)}.visual-center{position:relative;z-index:1;width:61px;height:61px;display:grid;place-items:center;border-radius:19px;background:#e3f0e5;color:var(--green);box-shadow:0 8px 22px rgba(37,110,82,.1)}.visual-center svg{width:37px;height:37px}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange)}.spark-a{top:23px;left:calc(50% - 75px)}.spark-b{right:calc(50% - 83px);top:44px;width:5px;height:5px;background:#7bb48f}.spark-c{bottom:17px;left:calc(50% + 48px);width:4px;height:4px;background:#c3a46e}.progress-title{text-align:center;font-size:16px;font-weight:600;letter-spacing:-.25px}.status-copy{text-align:center;max-width:300px;min-height:38px;margin:7px auto 18px;color:#858981;font-size:11px;line-height:1.7}.progress-track{height:6px;border-radius:99px;background:#e8ebe4;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#246e52,#71b184);transition:width .4s ease}.progress-meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#90948d;font-size:10px}.progress-meta strong{color:#526f5c;font:11px 'DM Mono',monospace}.result-line{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(45,70,48,.09);color:#80857d;font-size:10px}.result-icon{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e8f2e9;color:#43815e;font-size:11px}.secondary-button{display:block;width:100%;margin-top:11px;padding:9px;border:1px solid #c7d9c9;border-radius:7px;background:#fff;color:var(--green);font-size:11px;font-weight:600;cursor:pointer}.secondary-button:hover{background:#f3f8f3}.secondary-button span{margin-left:4px}.how-it-works{margin-top:27px;padding:19px 24px 20px;border:1px solid rgba(36,42,34,.06);border-radius:12px;background:rgba(255,255,255,.62)}.how-heading{display:flex;align-items:center;justify-content:space-between}.how-caption{color:#a2a59e;font-size:10px}.how-steps{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.how-step{display:flex;align-items:center;gap:11px}.how-number{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eaf2e9;color:var(--green);font:10px 'DM Mono',monospace}.how-step strong,.how-step span{display:block}.how-step strong{font-size:11px;font-weight:600}.how-step div span{margin-top:4px;color:#979a93;font-size:9px}.step-arrow{color:#b7bbb2;font-size:15px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0 28px;color:#92968e;font-size:10px}.privacy-note>span{color:#7d9880;font-size:13px}.footer{height:54px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(42,48,39,.08);color:#9a9d96;font-size:10px}.footer-separator{margin:0 5px;color:#c2c5bc}.footer-mark{font-size:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.shell{width:min(100% - 32px,560px)}.topbar{height:68px}.intro{padding:43px 0 28px}h1{letter-spacing:-1.5px}.intro-copy{font-size:13px}.workspace{grid-template-columns:1fr}.input-card{padding:23px 21px 20px}.progress-card{padding:21px 22px 19px}.progress-visual{height:108px}.textarea-wrap textarea{height:190px}.how-it-works{padding:17px 16px}.how-steps{align-items:flex-start}.how-step{gap:7px}.how-number{width:25px;height:25px}.how-step strong{font-size:10px}.how-step div span{max-width:80px;line-height:1.4}.step-arrow{padding-top:5px}.privacy-note{align-items:flex-start;justify-content:flex-start;line-height:1.6}.footer-mark{display:none}}
@media(max-width:440px){.shell{width:calc(100% - 24px)}.top-note{font-size:10px}.intro{padding-top:37px}h1{font-size:36px}.input-card{padding:20px 16px}.card-heading h2{font-size:17px}.input-footer{align-items:flex-start;flex-direction:column}.primary-button{width:100%}.how-steps{gap:6px}.how-step{align-items:flex-start;flex-direction:column}.step-arrow{align-self:center}.how-step div span{font-size:9px}.how-step strong{font-size:10px}}