/* Apple Watch WebKit / watchOS 10: 26 CSS px is the default result text size. */
:root{color-scheme:dark;--gold:#dfbb74;--text:#f2efe9;--dim:#bbb4a7;--edge:#665235;--bg:#06070a;--font:26px}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0 auto;padding:8px 8px 30px;max-width:370px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.45;-webkit-text-size-adjust:100%;overflow-wrap:break-word}
button{-webkit-appearance:none;appearance:none;border:1px solid #977c4d;background:#1a1b1d;color:#f4e3c1;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:600;line-height:1.4}
button:focus{outline:2px solid var(--gold);outline-offset:2px}
button:disabled{opacity:.5}
.top{display:flex;align-items:center;justify-content:space-between;gap:5px;border-bottom:1px solid var(--edge);padding-bottom:8px;margin-bottom:10px}
.logo{color:var(--gold);font-weight:700;font-size:16px;letter-spacing:.08em}
.font-btn{font-size:14px;min-width:58px;padding:6px 6px;border-radius:18px;color:#f6dda4}
.step{color:#c6bdac;font-size:13px;margin:0 0 6px}
.heading{color:#efd199;font-size:22px;font-weight:700;margin:2px 0 9px;line-height:1.35}
.note{font-size:15px;color:var(--dim);line-height:1.4;margin:0 0 13px}
button.option{display:block;width:100%;font-size:21px;text-align:left;min-height:51px;margin:0 0 8px;padding:9px 10px;background:#1a1919}
button.option:active,button.option:focus{background:#332918}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.grid button.option{text-align:center;margin:0;min-height:60px;padding:8px 3px;font-size:22px}
.grid .subtitle{display:block;font-size:13px;color:var(--dim);font-weight:400}
button.primary{display:block;width:100%;padding:12px 8px;font-size:19px;background:#3b301f;border-color:#cbac73;color:#fff0c7;min-height:48px;margin:15px 0 10px}
button.ghost{display:block;width:100%;border-color:#605646;background:#111215;color:var(--dim);font-size:16px;min-height:42px;padding:7px;margin:14px 0 3px}
.pill{font-size:14px;color:#d3c3a6;line-height:1.4;display:block;margin:5px 0 12px}
.result{border-top:1px solid var(--edge);padding:12px 0 13px}
.result h2{color:var(--gold);font-size:22px;line-height:1.35;margin:0 0 7px}
.keyword{color:#e2c78b;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 13px}
.summary{font-size:var(--font);line-height:1.52;white-space:pre-line;overflow-wrap:anywhere;margin:0}
.detail-title{color:var(--gold);font-weight:700;font-size:19px;margin:12px 0 9px}
.detail-text{font-size:var(--font);line-height:1.52;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 16px}
.error{border:1px solid #a55c5c;color:#ffd7d7;background:#2b1616;border-radius:8px;font-size:15px;padding:9px;margin:8px 0}
.loading{font-size:15px;color:var(--dim);margin:10px 0}
.footer{text-align:center;font-size:12px;color:#a9a297;border-top:1px solid #3d3326;margin-top:17px;padding-top:9px}
.link{color:#dec48d;font-size:15px}
[hidden]{display:none!important}