:root{--paper: #fafaf9;--surface: #ffffff;--ink: #1c1917;--ink-soft: #57534e;--line: #e7e5e4;--accent: #166534;--accent-soft: #dcfce7;--danger: #b91c1c;--radius: 6px;--pad: 24px;--touch: 44px;--font-ui: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-verse: "Source Serif 4", "Source Serif Pro", "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light}html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden;background:var(--paper);color:var(--ink)}body{font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.4;min-height:100dvh}.page{min-height:100dvh;padding:calc(var(--pad) + env(safe-area-inset-top,0px)) calc(var(--pad) + env(safe-area-inset-right,0px)) calc(48px + env(safe-area-inset-bottom,0px)) calc(var(--pad) + env(safe-area-inset-left,0px));max-width:calc(68ch + var(--pad) * 2)}.ref{margin:0;font-family:var(--font-verse);font-size:36px;font-weight:400;font-optical-sizing:auto;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.ref a{color:var(--ink);text-decoration:none}.verse{margin:16px 0 0;font-family:var(--font-verse);font-size:20px;font-weight:400;font-optical-sizing:auto;line-height:1.45;max-width:68ch;overflow-wrap:break-word}.verse-plain{margin:0}.clauses{display:flex;flex-direction:column;gap:8px}.clause{display:block;width:100%;min-height:var(--touch);margin:0;padding:10px 0;border:0;border-radius:var(--radius);background:transparent;color:var(--ink);font-family:var(--font-verse);font-size:20px;font-weight:400;font-optical-sizing:auto;line-height:1.45;text-align:left;overflow-wrap:break-word}.clause.is-covered{padding:10px 12px;background:var(--surface);border:1px solid var(--line)}.clause.is-covered .clause-text{visibility:hidden}.clause.is-miss .clause-text,.choice.is-miss{color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;max-width:100%}button{touch-action:manipulation}.btn,.choice{appearance:none;-webkit-appearance:none;min-height:var(--touch);padding:0 16px;border-radius:var(--radius);font-family:var(--font-ui);font-size:15px;font-weight:500;line-height:1.2;box-shadow:none}.btn{border:1px solid transparent;color:var(--ink);background:var(--surface)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.btn-secondary,.btn-secondary[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--ink)}.choices{display:flex;flex-direction:column;gap:8px;margin-top:20px;width:100%}.choice{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--ink)}.choice.is-right{background:var(--accent-soft);border-color:var(--line)}.status{margin:16px 0 0;font-family:var(--font-ui);font-size:15px;font-weight:400;color:var(--ink-soft);max-width:68ch}.status[hidden]{display:none}.legal{margin:48px 0 0;font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.45;color:var(--ink-soft);max-width:68ch}.error{margin:16px 0 0;font-size:15px;color:var(--danger)}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}@media(hover:hover)and (pointer:fine){.btn-secondary:hover,.choice:hover{background:var(--surface);border-color:var(--ink-soft)}.clause:hover{background:var(--surface)}.ref a:hover{text-decoration:underline;text-underline-offset:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}