:root{color-scheme:light;--ink:#202c28;--green:#285b49;--paper:#f5f4ee;--muted:#586b62;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}main{max-width:600px;margin:auto;padding:36px 22px max(30px,env(safe-area-inset-bottom))}.wordmark{font-size:13px;letter-spacing:3px;font-weight:750}.wordmark span{letter-spacing:0;font-size:11px;border:1px solid #b4c3b7;border-radius:20px;padding:4px 8px;margin-left:8px}h1{font-size:clamp(27px,6vw,36px);font-weight:650;letter-spacing:-1px;margin:34px 0 12px}.intro{font-size:16px;line-height:1.85;color:var(--muted)}.privacy{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0}.call-card{background:#fff;border:1px solid #d8e0d8;border-radius:26px;text-align:center;padding:24px 20px;box-shadow:0 6px 30px #223d2c06}#status{margin:0;font-size:15px}#timer{font-variant-numeric:tabular-nums;font-size:24px;margin:14px 0;color:var(--muted)}button,input{font:inherit}button{min-height:46px;border:0;border-radius:12px;padding:10px 18px;cursor:pointer;background:#e7eee8;color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}.round{width:148px;height:148px;border-radius:50%;background:var(--green);color:white;font-weight:650;font-size:19px;box-shadow:0 0 0 10px #edf3ed;margin:15px 0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button:focus-visible,input:focus-visible{outline:3px solid #b36a27;outline-offset:4px}.round[aria-pressed=true]{background:#a54035;box-shadow:0 0 0 10px #f6e6e2}#talk-hint{font-size:13px;color:var(--muted)}.toggle{display:flex;justify-content:center;gap:8px;align-items:center;min-height:44px;font-size:14px}.toggle input{width:20px;height:20px;accent-color:var(--green)}.hangup{display:block;background:#f7e8e3;color:#873325;margin:14px auto;min-width:150px}#text-form{border-top:1px solid #e1e7e0;margin-top:22px;padding-top:20px;text-align:left}#text-form label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.text-row{display:flex;gap:8px}.text-row input{min-width:0;width:100%;border:1px solid #b6c3b8;background:white;border-radius:12px;padding:12px;font-size:16px}.text-row button{flex-shrink:0}#error{font-size:14px;color:#98352a;line-height:1.7;overflow-wrap:anywhere}#messages{display:flex;flex-direction:column;gap:12px;margin-top:24px}.bubble{font-size:15px;line-height:1.8;padding:14px 18px;border-radius:18px;margin:0;max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere}.bubble strong{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px}.caller{align-self:flex-end;background:#e2ecdf}.twin{align-self:flex-start;background:white;border:1px solid #dce3db}footer{text-align:center;font-size:11px;color:var(--muted);letter-spacing:1px;margin-top:32px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}