:root{color-scheme:light;--ink:#17212b;--navy:#122638;--navy2:#1d384f;--ivory:#fff9ec;--paper:#f5f1e9;--white:#fff;--gold:#a98946;--line:#d5cab5;--muted:#52606a;--green:#204d3a;--danger:#8a2f31}
.header-actions{display:flex;align-items:center;gap:8px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#e9e7e2;color:var(--ink);font-family:Inter,"Noto Sans JP",system-ui,sans-serif;line-height:1.55}.demo-bar{min-height:48px;background:#102017;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:9px 18px;font-size:.875rem}.demo-bar strong{color:#f3d990;letter-spacing:.08em}.shell{display:grid;grid-template-columns:260px minmax(320px,440px);gap:30px;justify-content:center;align-items:start;padding:28px 18px 50px}.demo-nav{background:#fff;padding:20px;border:1px solid #c9cec9;border-radius:16px;position:sticky;top:20px}.demo-nav__heading,.screen-label{display:block;font-weight:700;margin-bottom:9px}.role-tabs{display:grid;gap:8px;margin-bottom:20px}.role-tabs button,.demo-nav select,.app-footer button,.screen button,.icon-action,.lock-card button{min-height:48px;border:1px solid #243a4b;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:650;padding:10px 13px;cursor:pointer}.role-tabs button[aria-pressed=true]{background:var(--navy);color:var(--ivory);border-color:var(--navy)}.demo-nav select{width:100%;margin-bottom:16px}.demo-note{font-size:.875rem;color:#45524b;border-top:1px solid #d8ddd9;padding-top:14px}.phone{background:var(--paper);border:1px solid #b6aa91;border-radius:28px;overflow:hidden;box-shadow:0 20px 52px rgba(18,31,42,.2);min-height:740px}.app-header{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px 20px 17px}.brand{font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;line-height:1.05;letter-spacing:.1em;font-weight:700;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35)}.brand.dark{color:var(--navy);margin-bottom:20px;text-shadow:none}.subbrand{font-size:.875rem;color:#f3d990;font-weight:700;letter-spacing:.08em;margin-top:8px}.icon-action{min-height:44px!important;color:#fff!important;background:transparent!important;border-color:#d3c49d!important}.security-strip{background:#e9ddbd;color:#3b321f;font-size:.875rem;padding:10px 20px;border-bottom:1px solid #c9b985}.screen{padding:22px 20px 26px;min-height:570px}.eyebrow{color:#73591f;font-weight:750;margin-bottom:5px}.screen h1{font-size:1.55rem;line-height:1.3;margin:0 0 6px;font-weight:650}.lead{margin:0 0 18px;color:#3f4b53}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:11px 0}.panel strong{display:block;font-size:1.0625rem;margin-bottom:4px}.meta{color:var(--muted);font-size:.875rem}.status{display:inline-block;background:#e3eee7;color:#143d29;border:1px solid #a9c3b2;border-radius:99px;padding:4px 10px;margin-top:7px;font-size:.875rem;font-weight:650}.status.warning{background:#fff2d7;color:#65480f;border-color:#dcc380}.status.danger{background:#f9e1e0;color:#6f2427;border-color:#dab2b1}.choice{display:flex;gap:11px;align-items:flex-start}.choice::before{content:"✓";flex:0 0 28px;height:28px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:50%;font-weight:700}.notice{background:#fff;border-left:5px solid var(--gold);padding:14px 15px;margin:0 0 16px}.notice.secure{border-left-color:var(--green)}.notice.danger{border-left-color:var(--danger)}.actions{display:grid;gap:10px;margin-top:20px}.screen button.primary,.lock-card button{background:var(--navy);color:var(--ivory);border-color:var(--navy);min-height:54px}.screen button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.inline-actions button{min-height:44px}.app-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px 20px 20px;border-top:1px solid var(--line)}.app-footer button:last-child{background:var(--navy);color:var(--ivory)}#counter{text-align:center;color:var(--muted);font-size:.875rem}.lock-layer{position:fixed;inset:0;background:rgba(7,14,20,.86);display:grid;place-items:center;padding:20px;z-index:5}.lock-layer[hidden]{display:none}.lock-card{max-width:390px;background:var(--ivory);padding:28px;border-radius:18px}.lock-card h1{font-size:1.5rem}.lock-card button{width:100%;margin-top:10px}.lock-card button.quiet{background:#fff;color:var(--ink)}.stealth-view{background:#f8fafb!important}.travel-card{background:#fff;border:1px solid #ccd4d9;border-radius:12px;padding:16px;margin:12px 0}.translation-original{display:none}.show-original .translation-original{display:block}.show-original .translation-main{display:none}:focus-visible{outline:3px solid #c99835;outline-offset:3px}
.stealth-header .icon-action,.stealth-mode .app-footer{display:none}.stealth-header{justify-content:flex-start}
@media(max-width:760px){.demo-bar{align-items:flex-start;flex-direction:column;gap:1px}.shell{grid-template-columns:minmax(300px,440px);padding:14px 8px 36px}.demo-nav{position:static}.phone{border-radius:20px;min-height:700px}.screen{min-height:540px}}@media(max-width:360px){html{font-size:16px}.app-header,.screen,.app-footer{padding-left:15px;padding-right:15px}.brand{font-size:2rem;letter-spacing:.08em}.phone{border-radius:14px}.app-footer{grid-template-columns:1fr 1fr}.app-footer #counter{grid-column:1/-1;grid-row:1}.app-footer button{grid-row:2}}
.registration-shell{display:grid;grid-template-columns:minmax(320px,440px) 290px;gap:28px;justify-content:center;align-items:start;padding:28px 18px 50px}.registration-phone{min-height:720px}.step-chip{border:1px solid #d3c49d;border-radius:99px;padding:7px 11px;font-weight:700}.test-evidence{background:#fff;border:1px solid #c9cec9;border-radius:16px;padding:20px}.test-evidence h2{font-size:1.15rem;margin:0 0 12px}.test-evidence ul{padding-left:22px;margin:0 0 18px}.test-evidence li{margin:8px 0}.test-evidence button,.test-evidence a{display:block;width:100%;min-height:48px;border:1px solid #243a4b;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:650;padding:11px 13px;text-align:center;margin-top:10px;text-decoration:none;cursor:pointer}.consent-row{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;font-size:1rem}.consent-row input{width:22px;height:22px;flex:0 0 auto}.field-label{display:block;font-weight:700;margin:14px 0 6px}.field{display:block;width:100%;min-height:50px;border:1px solid #66737d;border-radius:10px;background:#fff;color:var(--ink);font:inherit;padding:10px 12px}.notice strong{font-size:1.05rem}.test-evidence a:focus,.test-evidence button:focus,.field:focus,.consent-row input:focus{outline:3px solid #b78936;outline-offset:2px}
@media(max-width:780px){.registration-shell{grid-template-columns:minmax(300px,440px);padding:14px 8px 36px}.test-evidence{order:-1}.registration-phone{border-radius:20px}}

.registration-shell.customer-entry{grid-template-columns:minmax(0,440px)}.invitation-entry{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.invitation-entry h2{font-size:1.15rem}


.invite-qr-wrap{max-width:320px;margin:20px auto;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px}.invite-qr{display:block;width:100%;height:auto}.invite-qr-wrap+label{overflow-wrap:anywhere}