:root{--bg:#f6f4ee;--card:#fff;--ink:#1b1b1b;--muted:#555;--accent:#164e3c;--ok:#1d6b2f;--bad:#a3221b;--line:#d9d5c8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(84px + env(safe-area-inset-bottom)) env(safe-area-inset-left);margin:0;font-family:-apple-system,system-ui,sans-serif;font-size:17px;line-height:1.45}header{background:var(--accent);color:#fff;z-index:5;padding:12px 16px;position:sticky;top:0}header .row{flex-wrap:wrap;gap:8px;font-size:15px;display:flex}header .pill{background:#ffffff2e;border-radius:999px;padding:2px 10px}header .pill.off{background:#a3221b}h1{margin:0 0 6px;font-size:20px}main{max-width:720px;margin:0 auto;padding:12px 16px}details.howto{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px 14px}details.howto summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}details.howto ol{margin:6px 0;padding-left:22px}.check{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:12px 14px}.check h2{align-items:baseline;gap:8px;margin:0;font-size:17px;display:flex}.check h2 .st{font-size:20px}.check .why{color:var(--muted);margin:2px 0 6px;font-size:15px}.check .auto{white-space:pre-wrap;background:#f1efe8;border-radius:8px;margin:6px 0;padding:6px 8px;font-size:15px}.check .todo{white-space:pre-line;margin:6px 0;font-size:15px}.btns{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}button,select{font:inherit;border:1px solid var(--accent);min-height:44px;color:var(--accent);background:#fff;border-radius:10px;padding:8px 14px;font-size:16px}button.primary{background:var(--accent);color:#fff}button.chosen{background:var(--accent);color:#fff;font-weight:600}textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:6px 8px;font-size:16px}label.inline{align-items:center;gap:6px;min-height:44px;margin-right:10px;display:inline-flex}.big{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.letters{letter-spacing:2px;font-size:26px}.textcase{border-left:3px solid var(--line);margin:6px 0;padding-left:8px}.apple-body{font:-apple-system-body}.apple-body .em{font-size:1.15em}.rem{font-size:1rem}.px{font-size:17px}.video{aspect-ratio:16/9;color:#fff;text-align:center;background:#222;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:10px;display:flex;position:relative}.video iframe{border:0;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.banner{z-index:20;color:#000;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#f5d76e;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0003}.bottombar{z-index:10;border-top:1px solid var(--line);padding:8px calc(12px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background:#fff;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottombar button{flex:1}.log{white-space:pre-wrap;background:#f1efe8;border-radius:8px;max-height:260px;padding:8px;font-family:ui-monospace,Menlo,monospace;font-size:13px;overflow:auto}#page2,body.on-page2 #page1{display:none}body.on-page2 #page2{display:block}#probe{visibility:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed}
