.kindness-section{--kc-bg:#f8f5ef;--kc-card:#fffefa;--kc-ink:#253834;--kc-muted:#53675e;--kc-line:#d8dfd5;--kc-key:#fff;--kc-op:#e4eee5;--kc-action:#f3dcb2;--kc-display:#edf3e9;--kc-shadow:0 22px 65px #25413216;color:var(--kc-ink);background:radial-gradient(ellipse at top right,#e6eedb88,transparent 65%),var(--kc-bg);border:1px solid var(--kc-line);isolation:isolate;border-radius:26px;margin:36px 0 48px;padding:36px 22px;font-family:inherit}.kindness-intro{text-align:center;max-width:600px;margin:0 auto 24px}.kindness-icon{background:var(--kc-op);color:var(--kc-ink);border-radius:20px;margin-bottom:14px;padding:15px;display:inline-flex;position:relative}.kindness-icon svg+svg{fill:var(--kc-action);stroke:var(--kc-ink);position:absolute;bottom:7px;right:5px}.kindness-kicker{letter-spacing:.16em;color:var(--kc-muted);font-size:10px;font-weight:750;display:block}.kindness-intro h1,.kindness-intro h2{letter-spacing:-.035em;color:var(--kc-ink);margin:12px 0;font-family:inherit;font-size:clamp(26px,4vw,38px);line-height:1.16}.kindness-intro p{color:var(--kc-muted);margin:12px 0;font-size:15px;line-height:1.6}.kindness-intro a{color:var(--kc-ink);text-underline-offset:4px;font-size:13px}.kindness-machine{background:var(--kc-card);border:1px solid var(--kc-line);width:100%;max-width:450px;box-shadow:var(--kc-shadow);border-radius:24px;margin:auto;padding:22px}.kindness-instructions{color:var(--kc-muted);margin:0 0 18px;font-size:14px;line-height:1.65}.kindness-display{background:var(--kc-display);border:1px solid var(--kc-line);overflow-wrap:anywhere;border-radius:16px;min-height:155px;padding:20px}.kindness-expression{font-variant-numeric:tabular-nums;color:var(--kc-ink);font-size:clamp(22px,4vw,30px);font-weight:650;line-height:1.35;display:block}.kindness-translation{color:var(--kc-muted);margin-top:7px;font-size:12px;display:block}.kindness-result{white-space:pre-wrap;color:var(--kc-ink);margin:20px 0;font-size:18px;line-height:1.7}.kindness-disclaimer{color:var(--kc-muted);margin:18px 0 0;line-height:1.6;font-size:11px!important}.kindness-message{color:var(--kc-ink);font-size:13px;line-height:1.6}.kindness-keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px;display:grid}.kindness-key{-webkit-appearance:none;appearance:none;border:1px solid var(--kc-line);background:var(--kc-key);min-width:0;min-height:78px;color:var(--kc-ink);box-shadow:0 3px 0 var(--kc-line);cursor:pointer;font:inherit;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 3px;transition:transform .15s,box-shadow .15s;display:flex}.kindness-key>span{font-size:26px;font-weight:650;line-height:1.15}.kindness-key small{white-space:normal;color:inherit;font-size:10px;font-weight:600;line-height:1.25}.kindness-key.operator{background:var(--kc-op)}.kindness-key.equals,.kindness-key.clear{background:var(--kc-action)}.kindness-key.equals{color:#fff;background:#28574d}.kindness-key[aria-pressed=true]{outline-offset:1px;outline:2px solid #537b5d}.kindness-key:hover{box-shadow:0 5px 0 var(--kc-line);transform:translateY(-2px)}.kindness-key:active{box-shadow:none;transform:translateY(2px)}.kindness-extras{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.kindness-extras button{border:1px solid var(--kc-line);background:var(--kc-key);min-width:0;min-height:46px;color:var(--kc-ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 6px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;display:flex}.kindness-extras button:disabled{opacity:.45;cursor:not-allowed}.kindness-section button:focus-visible{outline-offset:4px;outline:3px solid #c97830}.kindness-section a:focus-visible{outline-offset:4px;outline:3px solid #c97830}.kindness-section textarea:focus-visible{outline-offset:4px;outline:3px solid #c97830}.kindness-back:focus-visible{outline-offset:4px;outline:3px solid #c97830}.kindness-status{color:var(--kc-ink);font-size:13px;line-height:1.6}.kindness-status:empty{display:none}.kindness-footnote{text-align:center;color:var(--kc-muted);margin:20px 0 0;font-size:11px;line-height:1.7}.kindness-copy{font-size:13px;display:block}.kindness-copy textarea{background:var(--kc-key);width:100%;min-height:140px;color:var(--kc-ink);border:1px solid var(--kc-line);box-sizing:border-box;font:inherit;border-radius:9px;padding:12px;display:block}.kindness-back{color:inherit;text-underline-offset:4px;margin-top:16px;display:inline-block}.kindness-section *{box-sizing:border-box}@media (max-width:480px){.kindness-section{border-radius:18px;padding:25px 10px}.kindness-machine{border-radius:18px;padding:14px}.kindness-display{padding:15px}.kindness-keypad{gap:7px}.kindness-key{min-height:74px}.kindness-key small{font-size:9px}.kindness-extras button{gap:5px;font-size:11px}.kindness-intro p{font-size:14px}}@media (prefers-color-scheme:dark){.kindness-section{--kc-bg:#182a28;--kc-card:#203330;--kc-ink:#f0f5eb;--kc-muted:#bfcec3;--kc-line:#465c51;--kc-key:#2b4039;--kc-op:#344e40;--kc-action:#67583d;--kc-display:#182b24;--kc-shadow:0 22px 65px #0003;background:var(--kc-bg)}}.dark .kindness-section,[data-theme=dark] .kindness-section{--kc-bg:#182a28;--kc-card:#203330;--kc-ink:#f0f5eb;--kc-muted:#bfcec3;--kc-line:#465c51;--kc-key:#2b4039;--kc-op:#344e40;--kc-action:#67583d;--kc-display:#182b24;background:var(--kc-bg)}.light .kindness-section,[data-theme=light] .kindness-section{--kc-bg:#f8f5ef;--kc-card:#fffefa;--kc-ink:#253834;--kc-muted:#53675e;--kc-line:#d8dfd5;--kc-key:#fff;--kc-op:#e4eee5;--kc-action:#f3dcb2;--kc-display:#edf3e9;background:var(--kc-bg)}@media (prefers-reduced-motion:reduce){.kindness-key{transition:none}.kindness-key:hover,.kindness-key:active{transform:none}}