:root{--primary: #0a6f68;--primary-hover: #095e58;--primary-contrast: #ffffff;--primary-tint: rgba(10, 111, 104, .12);--error: #d0341f;--bg: #f7f8f7;--surface: #ffffff;--surface-alt: #eef3f2;--text: #1e2422;--text-muted: #5b6360;--border: #dce3e1;--border-strong: #c2ccc9;--accent-amber: #e0a726;--accent-violet: #6a3e9e;--accent-blue: #2f6fb0;--font-display: "Fraunces", Georgia, serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1917;--surface: #182422;--surface-alt: #1f2e2b;--text: #eaf3f1;--text-muted: #a9bdb8;--border: #2b3b38;--border-strong: #3d504c;--primary: #2dbfae;--primary-hover: #45d0c0;--primary-contrast: #0b1614;--primary-tint: rgba(45, 191, 174, .18);--error: #ff6b52;--accent-amber: #f2c14e;--accent-violet: #b48be0;--accent-blue: #6fa8dc}}body{margin:0;font-family:Public Sans,system-ui,sans-serif;color:var(--text);background:var(--bg)}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--text)}main{max-width:480px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:600px){main{padding:2rem 1.5rem}}textarea{width:100%;min-height:120px;padding:.75rem;font:inherit;font-size:16px;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px}@media(min-width:600px){textarea{min-height:140px}}button{align-self:flex-start;padding:.5rem 1rem;font:inherit;cursor:pointer;min-height:44px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.cta-button{align-self:stretch;width:100%;min-height:48px}.direction-switch{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-alt);border-radius:999px;padding:6px}.dir-label{flex:1;text-align:center;font-size:.9375rem;font-weight:600;color:var(--text-muted);padding:8px 4px}.dir-label.is-source{color:var(--primary)}.swap-btn{flex:0 0 auto;width:44px;height:44px;padding:0;box-sizing:border-box;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.swap-btn:hover{background:var(--primary-tint)}.swap-btn:active{transform:scale(.96)}.char-counter{margin:-.5rem 0 0;font-size:.875rem;color:var(--text-muted)}.char-counter--over-limit{color:var(--error);font-weight:600}.over-limit-message{margin:0;color:var(--error);font-size:.875rem}.app-shell{width:100%;max-width:480px;margin:0 auto;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:20px;background:var(--bg);box-shadow:0 4px 18px #1e24221a;overflow:hidden}.stripe{height:6px;display:flex}.stripe span{flex:1 1 0}.stripe .b1{background:var(--accent-amber)}.stripe .b2{background:var(--accent-violet)}.stripe .b3{background:var(--accent-blue)}.appbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.wordmark{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:1.0625rem;color:var(--text)}.wordmark svg{color:var(--primary)}.app-body{padding:20px 16px 28px;display:flex;flex-direction:column;gap:20px}.nav-link,.link-button,.text-button{align-self:auto;background:none;border:none;min-height:44px;color:var(--primary);font-weight:600;cursor:pointer}.nav-link,.text-button{padding:.5rem .75rem}.nav-link:hover,.link-button:hover,.text-button:hover{color:var(--primary-hover)}.nav-link:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.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}.about-page{max-width:520px;padding:2rem 1rem}@media(min-width:600px){.about-page{padding:2rem 1.5rem}}.zigzag{height:10px;margin:.5rem 0 1.5rem;background:linear-gradient(135deg,var(--accent-violet) 25%,transparent 25%) 0 0,linear-gradient(225deg,var(--accent-violet) 25%,transparent 25%) 0 0;background-size:12px 10px;background-repeat:repeat-x;opacity:.9}.about-page section{margin-top:1.5rem}.button--outline{display:inline-block;min-height:44px;padding:.5rem 1.25rem;margin-top:1rem;border:2px solid var(--primary);border-radius:12px;color:var(--primary);font-weight:600;text-decoration:none}.button--outline:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--primary-contrast)}.link-button{padding:0}.input-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:-.5rem 0 0}.input-meta-row .char-counter{margin:0}.field-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.field-label-row{display:flex;align-items:center;justify-content:space-between;min-height:22px}.field-eyebrow{font-size:.8125rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em;display:flex;align-items:center}.text-button{display:inline-flex;align-items:center;gap:.375rem}.output-panel{min-height:120px}.output-status{min-height:120px;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;justify-content:center;padding:.75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.output-status--error{align-items:flex-start}.output-error-message{margin:0;color:var(--error)}.output-disclaimer{margin:0;font-size:.8125rem;color:var(--text-muted)}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spinner-rotate .6s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.button-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}