:root{--paper:#f5f6f3;--surface:#fff;--ink:#10202e;--muted:#55636f;--line:#c9d0d4;--accent:#0d5f63;--accent-ink:#fff;--accent-soft:#dcecec;--draft:#a51b1b;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:22px;line-height:1.45}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#app{overscroll-behavior:none;background:var(--paper);-webkit-user-select:none;user-select:none;touch-action:manipulation;height:100%;margin:0;overflow:hidden}.app{height:100dvh;padding:max(20px, env(safe-area-inset-top)) 40px max(24px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.brand{color:var(--muted);letter-spacing:.02em;flex:none;justify-content:space-between;font-size:.8rem;font-weight:600;display:flex}.screen{flex-direction:column;flex:1;min-height:0;padding-top:16px;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center;padding-bottom:8vh}h1{letter-spacing:-.01em;flex:none;margin:0 0 12px;font-size:2rem;font-weight:700;line-height:1.15}.lead{color:var(--muted);margin:0 0 32px;font-size:1.15rem}.identity{overflow-wrap:anywhere;max-width:100%;margin:12px 0 4px;font-size:2.6rem;font-weight:700;line-height:1.15}.draft{color:var(--draft);flex:none;margin:0 0 12px;font-size:.8rem;font-weight:700}.reading{overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);touch-action:pan-y;-webkit-overflow-scrolling:touch;border-radius:12px;flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.reading p{margin:0 0 16px}fieldset{border:0;border-top:1px solid var(--line);margin:8px 0;padding:16px 0 0}legend{float:left;width:100%;margin-bottom:12px;padding:0;font-weight:700}.choices{clear:both;gap:16px;display:flex}.statement{flex:none;margin:0 0 12px;font-size:1rem}.actions{flex:none;justify-content:flex-end;gap:16px;padding-top:16px;display:flex}.center .actions{justify-content:center;width:100%}button{min-width:150px;min-height:68px;color:var(--accent);background:var(--surface);border:2px solid var(--accent);font:inherit;touch-action:manipulation;border-radius:12px;padding:12px 28px;font-weight:600}button.primary{color:var(--accent-ink);background:var(--accent)}button.choice.selected{color:var(--ink);background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}button:disabled{color:var(--muted);background:#e4e7e6;border-color:#e4e7e6}.pad{background:var(--surface);border:2px solid var(--line);border-radius:12px;flex:1;min-height:0;position:relative;overflow:hidden}.pad canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pad-line{border-bottom:2px solid var(--line);position:absolute;bottom:28%;left:40px;right:40px}.pad-line span{color:var(--muted);font-size:.75rem;position:absolute;top:8px;left:0}.offline{color:var(--draft)}.pairing{text-align:left;flex-direction:column;gap:16px;width:min(100%,460px);display:flex}.pairing label{font-weight:600}.pairing input{min-height:68px;color:var(--ink);background:var(--surface);border:2px solid var(--line);font:inherit;letter-spacing:.06em;-webkit-user-select:text;user-select:text;border-radius:12px;padding:12px 16px}.error{color:var(--draft);margin:0;font-weight:600}