:root {color-scheme:light;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#1c2933}
main{max-width:520px;margin:32px auto;padding:0 18px}
.eyebrow{color:#247d89;font-size:12px;font-weight:700;letter-spacing:.09em}
h1{font-size:22px;margin:13px 0 8px}.lead{font-size:14px;line-height:1.8;color:#586773;margin:0 0 24px}
.panel{background:#fff;border:1px solid #dfe6ea;border-radius:17px;padding:24px 20px;box-shadow:0 5px 20px #183d4b0b}
.symbol{width:46px;height:46px;display:grid;place-items:center;color:#14786b;background:#eaf5f3;border-radius:12px;font-size:26px}
h2{font-size:17px;margin:18px 0 9px}.panel p{font-size:13px;line-height:1.8;color:#586773;margin:0}
.phase{margin-top:14px;color:#6a7881;font-size:12px}.code{margin-top:8px;color:#af322a;font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}
#identity{margin-top:22px;border-top:1px solid #edf0f2;padding-top:16px}#identity[hidden]{display:none}
.label{color:#667782;font-size:12px;margin-top:12px}.value{font-size:18px;font-weight:700;overflow-wrap:anywhere;margin-top:3px}
.tag{color:#4b5f6f;font-size:12px;margin-top:17px}
.note{margin-top:20px;padding:15px;border-radius:12px;background:#edf2f5;color:#586773;font-size:12px;line-height:1.8}