@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@media (width<=640px){.topbar,main,.footer{width:min(100% - 28px,1080px)}.topbar{gap:10px;min-height:76px}.brand-mark{width:38px;height:38px}.brand strong{font-size:16px}.brand small{letter-spacing:.7px;max-width:170px;font-size:8px}.language-control select{min-width:104px;max-width:125px;padding:8px}.language-control{font-size:10px}main{padding-top:34px}.hero h1{letter-spacing:-1.4px}.hero>p{font-size:13px}.workspace,.result-panel{border-radius:17px;padding:20px 16px}.workspace-heading{flex-direction:column;align-items:flex-start}.workspace h2{font-size:21px}.mode-options{grid-template-columns:1fr}.examples-row{align-items:flex-start}.examples-row>span{width:100%}.result-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column;align-items:flex-start}.footer>p{text-align:left}}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body,#root{min-height:100vh}:root{color:#17352d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--green:#176b4d;--green-dark:#104c39;--mint:#e8f5ed;--line:#dfe9e2;--muted:#65766e;--white:#fff;background:#f5f8f5;font-family:DM Sans,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7bc9a2}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar,main,.footer{width:min(1080px,100% - 40px);margin:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:86px;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:43px;height:43px;font:800 23px Manrope,sans-serif;display:grid;box-shadow:0 6px 16px #176b4d24}.brand strong{letter-spacing:-.7px;font:800 19px Manrope,sans-serif;display:block}.brand em{color:var(--green);font-style:normal}.brand small{letter-spacing:1.3px;color:var(--muted);margin-top:3px;font-size:9px;font-weight:700;display:block}.language-control{color:var(--muted);gap:5px;font-size:11px;font-weight:700;display:grid}.language-control select{border:1px solid var(--line);color:#193b30;background:#fff;border-radius:10px;min-width:140px;padding:9px 12px}main{padding:48px 0 42px}.hero{text-align:center;max-width:760px;margin:0 auto 32px}.eyebrow,.section-kicker{color:var(--green);letter-spacing:1.6px;font-size:10px;font-weight:800}.eyebrow{background:var(--mint);border-radius:30px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.live-dot{background:#26a269;border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-2px;margin:18px 0 12px;font:800 clamp(32px,5vw,52px)/1.12 Manrope,sans-serif}.hero>p{max-width:650px;color:var(--muted);margin:auto;font-size:15px;line-height:1.75}.hero-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.hero-pills span{border:1px solid var(--line);color:#52665b;background:#ffffff9c;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:600}.workspace,.result-panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:clamp(20px,4vw,34px);box-shadow:0 15px 45px #17352d0b}.workspace-heading,.result-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.workspace h2{letter-spacing:-.7px;margin:7px 0 0;font:800 23px Manrope,sans-serif}.status-chip{color:var(--green);white-space:nowrap;background:#f0f7f2;border-radius:20px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.mode-picker{margin-top:27px}.field-label,.message-label-row label{color:#2e493d;margin-bottom:9px;font-size:12px;font-weight:700;display:block}.mode-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-option{border:1px solid var(--line);color:#183b2f;text-align:left;background:#fff;border-radius:13px;align-items:flex-start;gap:12px;padding:15px;display:flex}.mode-option.active{background:#f0f8f3;border-color:#3d9870;box-shadow:inset 0 0 0 1px #3d9870}.mode-symbol{background:var(--mint);height:36px;color:var(--green);border-radius:10px;flex:0 0 36px;place-items:center;font-size:13px;font-weight:800;display:grid}.mode-option strong,.mode-option small{display:block}.mode-option strong{margin:1px 0 5px;font-size:13px}.mode-option small{color:var(--muted);font-size:11px;line-height:1.55}.message-label-row{justify-content:space-between;align-items:center;gap:10px;margin-top:25px;display:flex}.message-label-row label{margin:0}.count{color:#7c8c83;font-size:11px}.count.warning{color:#b45309}textarea{resize:vertical;color:#183b2f;background:#fbfdfb;border:1px solid #d7e4da;border-radius:13px;width:100%;min-height:170px;padding:16px;font-size:14px;line-height:1.65;display:block}textarea::placeholder{color:#96a49b}.examples-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;font-size:11px;display:flex}.example-chip,.clear-button{border:1px solid var(--line);color:#426151;background:#fff;border-radius:20px;padding:7px 10px;font-size:11px}.example-chip:hover,.clear-button:hover{background:#f3faf5;border-color:#83b99a}.clear-button{margin-left:auto}.privacy-note{background:#fffbf1;border:1px solid #f0e4c7;border-radius:12px;gap:12px;margin-top:23px;padding:15px;display:flex}.privacy-icon{color:#785517;background:#f5e6bd;border-radius:50%;flex:0 0 25px;place-items:center;height:25px;font-weight:800;display:grid}.privacy-note strong{color:#654d1e;font-size:12px}.privacy-note p{color:#796b4f;margin:4px 0 0;font-size:11px;line-height:1.65}.error-banner{color:#a92e27;background:#fff0ef;border-radius:10px;margin-top:15px;padding:12px 14px;font-size:13px}.analyze-button{background:var(--green);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:20px;padding:15px 18px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:flex;box-shadow:0 8px 18px #176b4d25}.analyze-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.analyze-button:disabled{opacity:.65;cursor:wait}.analyze-button span{font-size:20px}.keyboard-hint{color:#93a198;text-align:center;margin:9px 0 0;font-size:10px}.result-panel{border-top:4px solid #d5a13d;margin-top:22px}.result-danger{border-top-color:#c83f39}.result-safe{border-top-color:#26966b}.result-caution{border-top-color:#d5a13d}.result-badge{color:#875a11;background:#fff2db;border-radius:20px;padding:7px 10px;font-size:11px;font-weight:800}.result-danger .result-badge{color:#a52c27;background:#ffebe9}.result-safe .result-badge{color:#176b4d;background:#e5f6ec}.result-panel h2{letter-spacing:-.8px;margin:18px 0 7px;font:800 27px Manrope,sans-serif}.result-explanation{color:var(--muted);font-size:14px;line-height:1.7}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.result-detail{border:1px solid var(--line);overflow-wrap:anywhere;background:#fafcfb;border-radius:11px;padding:13px}.result-detail span,.result-detail strong{display:block}.result-detail span{color:var(--muted);font-size:10px}.result-detail strong{color:#214b38;margin-top:7px;font-size:13px}.confidence-track{background:#e9efea;border-radius:20px;height:7px;margin-top:18px;overflow:hidden}.confidence-track div{border-radius:inherit;background:#36976c;height:100%;transition:width .35s}.confidence-note{color:#87948c;font-size:10px}.advice-box{background:#f0f7f2;border-radius:12px;margin-top:19px;padding:16px}.advice-box strong{font-size:12px}.advice-box p{color:#4c6456;margin:6px 0 0;font-size:12px;line-height:1.7}.trust-section{border:1px solid var(--line);background:#eef6f0;border-radius:17px;align-items:flex-start;gap:15px;margin-top:24px;padding:23px;display:flex}.trust-icon{height:35px;color:var(--green);background:#d8eddf;border-radius:10px;flex:0 0 35px;place-items:center;font-size:18px;font-weight:800;display:grid}.trust-section h2{margin:0 0 6px;font:800 15px Manrope,sans-serif}.trust-section p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 30px;display:flex}.footer-brand .brand-mark{border-radius:10px;width:34px;height:34px;font-size:18px}.footer-brand strong{font-size:15px}.footer-brand small{letter-spacing:0;font-size:10px;font-weight:500}.footer>p{color:#839087;text-align:right;max-width:380px;margin:0;font-size:10px;line-height:1.6}@media (width<=640px){.topbar,main,.footer{width:min(100% - 28px,1080px)}.topbar{gap:10px;min-height:76px}.brand-mark{width:38px;height:38px}.brand strong{font-size:16px}.brand small{letter-spacing:.7px;max-width:170px;font-size:8px}.language-control select{min-width:104px;max-width:125px;padding:8px}.language-control{font-size:10px}main{padding-top:34px}.hero h1{letter-spacing:-1.4px}.hero>p{font-size:13px}.workspace,.result-panel{border-radius:17px;padding:20px 16px}.workspace-heading{flex-direction:column;align-items:flex-start}.workspace h2{font-size:21px}.mode-options{grid-template-columns:1fr}.examples-row{align-items:flex-start}.examples-row>span{width:100%}.result-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column;align-items:flex-start}.footer>p{text-align:left}}