:root{--desk: #14181f;--desk-lift: #1c222d;--permit: #f4f2ea;--permit-edge: #e7e3d5;--rule: #d3cdbb;--rule-soft: #e0dbcc;--ink: #1b2130;--ink-soft: #444d60;--muted: #6b7280;--faint: #97918088;--action: #223764;--action-deep: #172647;--action-wash: #e9ecf4;--stamp: #b23a2f;--stamp-deep: #922e25;--stamp-wash: #f4e7e3;--authorize: #17624a;--authorize-wash: #e6efe9;--radius-lg: 14px;--radius-md: 10px;--radius-sm: 7px;--font-display: "Space Grotesk", "Pretendard", system-ui, sans-serif;--font-body: "Inter", "Pretendard", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Pretendard", ui-monospace, "SFMono-Regular", monospace;--label: 600 10.5px/1 var(--font-mono);--label-track: .18em}html:lang(ja){--font-display: "Space Grotesk", "Noto Sans JP", system-ui, sans-serif;--font-body: "Inter", "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Noto Sans JP", ui-monospace, monospace}html:lang(zh){--font-display: "Space Grotesk", "Noto Sans SC", system-ui, sans-serif;--font-body: "Inter", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Noto Sans SC", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background-color:var(--desk);background-image:radial-gradient(130% 80% at 50% 32%,rgba(120,132,156,.14),transparent 55%),linear-gradient(180deg,var(--desk-lift),var(--desk) 60%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.shell{min-height:100%;display:grid;grid-template-rows:1fr auto;padding:clamp(20px,5vw,56px) 20px 26px}.shell__center{width:100%;max-width:452px;margin:0 auto;align-self:center}.permit{position:relative;background-color:var(--permit);background-image:repeating-radial-gradient(circle at 18% -20%,transparent 0 15px,rgba(34,55,100,.028) 15px 16px),repeating-radial-gradient(circle at 108% 120%,transparent 0 13px,rgba(34,55,100,.028) 13px 14px);border-radius:var(--radius-lg);border:1px solid var(--permit-edge);box-shadow:0 1px #fff9 inset,0 30px 60px -30px #000000b3,0 8px 20px -12px #00000073}.permit__stub{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(22px,5vw,34px) 16px}.brand{display:flex;align-items:center;gap:10px}.brand__mark{flex:none;width:28px;height:28px;color:var(--action)}.brand__name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--ink);line-height:1}.brand__kind{display:block;margin-top:4px;font:var(--label);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}.langsel{position:relative;display:inline-flex;align-items:center;flex:none}.langsel__globe,.langsel__chev{position:absolute;pointer-events:none;color:var(--muted)}.langsel__globe{left:9px}.langsel__chev{right:9px}.langsel__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--font-body);font-size:12.5px;font-weight:600;color:var(--ink-soft);background:#fff6;border:1px solid var(--rule-soft);border-radius:var(--radius-sm);padding:7px 27px 7px 29px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.langsel__select:hover{border-color:var(--rule);background:#ffffffb3}.langsel__select:focus-visible{outline:2px solid var(--action);outline-offset:2px}.permit__perf{position:relative;height:0;margin:0 clamp(22px,5vw,34px);border-top:1.5px dashed var(--rule)}.permit__perf:before,.permit__perf:after{content:"";position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--desk);transform:translateY(-50%)}.permit__perf:before{left:calc(clamp(22px,5vw,34px)*-1 - 9px)}.permit__perf:after{right:calc(clamp(22px,5vw,34px)*-1 - 9px)}.permit__body{padding:clamp(22px,5vw,34px)}.stages{display:flex;align-items:flex-start;gap:6px;margin:2px 0 26px;list-style:none;padding:0}.stage{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.stage__track{display:flex;align-items:center;gap:6px}.stage__dot{flex:none;width:19px;height:19px;border-radius:3px;display:grid;place-items:center;font:700 9.5px/1 var(--font-mono);border:1.5px solid var(--rule);color:var(--muted);background:transparent;transition:all .3s ease}.stage__line{flex:1;height:1.5px;background:var(--rule);transition:background .3s ease}.stage:last-child .stage__line{display:none}.stage__label{font-size:11px;font-weight:500;color:var(--muted);line-height:1.3;transition:color .3s ease}.stage[data-state=active] .stage__dot{border-color:var(--action);color:var(--action);background:var(--action-wash)}.stage[data-state=active] .stage__label{color:var(--ink);font-weight:600}.stage[data-state=done] .stage__dot{border-color:var(--action);background:var(--action);color:var(--permit)}.stage[data-state=done] .stage__line{background:var(--action)}.stage[data-state=done] .stage__label{color:var(--ink-soft)}.title{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,5.5vw,26px);letter-spacing:-.02em;line-height:1.2;margin:0 0 10px;color:var(--ink)}.lead{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.6}.docmeta{display:grid;gap:0;margin:22px 0;border:1px solid var(--rule-soft);border-radius:var(--radius-md);overflow:hidden}.chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#ffffff73}.chip+.chip{border-top:1px solid var(--rule-soft)}.chip__key{font:var(--label);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}.chip__val{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.consent{display:flex;flex-direction:column;gap:8px;margin:22px 0}.check{position:relative;display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid var(--rule-soft);border-radius:var(--radius-md);background:#fff6;cursor:pointer;transition:border-color .2s ease,background .2s ease}.check:hover{border-color:var(--rule)}.check:has(input:checked){border-color:var(--action);background:var(--action-wash)}.check:has(input:focus-visible){outline:2px solid var(--action);outline-offset:2px}.check__box{flex:none;margin-top:1px;width:19px;height:19px;border-radius:4px;border:1.5px solid var(--rule);background:var(--permit);display:grid;place-items:center;color:transparent;transition:all .15s ease}.check input{position:absolute;opacity:0;width:0;height:0}.check input:checked+.check__box{background:var(--action);border-color:var(--action);color:var(--permit)}.check__text{font-size:13.5px;line-height:1.5;color:var(--ink-soft)}.check__req{color:var(--stamp);font-weight:700;font-size:11.5px}.check__ver{font-family:var(--font-mono);font-weight:600}.btn{font-family:var(--font-body);font-size:15px;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;padding:14px 18px;cursor:pointer;transition:transform .08s ease,background .2s ease,box-shadow .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:focus-visible{outline:2px solid var(--action);outline-offset:2px}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{width:100%;background:var(--action);color:var(--permit);box-shadow:0 10px 22px -12px #172647e6}.btn--primary:hover:not(:disabled){background:var(--action-deep)}.btn--primary:disabled{background:var(--permit-edge);color:#a9a390;cursor:not-allowed;box-shadow:none}.btn--ghost{background:transparent;color:var(--action);padding:10px 12px;font-size:13.5px;font-weight:600;border-radius:var(--radius-sm)}.btn--ghost:hover:not(:disabled){background:var(--action-wash)}.btn--ghost:disabled{color:var(--muted);cursor:not-allowed}.otp{display:flex;gap:8px;justify-content:space-between;margin:4px 0 8px}.otp__cell{flex:1;min-width:0;aspect-ratio:3 / 4;max-width:54px;font-family:var(--font-mono);font-size:clamp(21px,7vw,27px);font-weight:700;text-align:center;color:var(--ink);background:#ffffff8c;border:1px solid var(--rule);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-moz-appearance:textfield}.otp__cell::-webkit-outer-spin-button,.otp__cell::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp__cell:focus{outline:none;border-color:var(--action);background:#fff;box-shadow:0 0 0 3px var(--action-wash)}.otp__cell[data-filled=true]{background:#fff;border-color:var(--action)}.otp[data-invalid=true] .otp__cell{border-color:var(--stamp);animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);font-size:13px;line-height:1.5;margin:16px 0 0}.notice__icon{flex:none;margin-top:1px}.notice--error{background:var(--stamp-wash);color:var(--stamp-deep)}.notice--info{background:var(--action-wash);color:var(--action-deep)}.notice--success{background:var(--authorize-wash);color:var(--authorize)}.result{text-align:center;padding:8px 0 4px}.seal{width:92px;height:92px;margin:4px auto 24px;border-radius:50%;display:grid;place-items:center;transform:rotate(-8deg);animation:stamp .42s cubic-bezier(.2,.85,.3,1.1)}.seal:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;border:1.5px solid currentColor;opacity:.5}.seal{position:relative;border:2.5px solid currentColor}.seal--success{color:var(--authorize);background:var(--authorize-wash)}.seal--pending{color:var(--action);background:var(--action-wash)}.seal--error{color:var(--stamp);background:var(--stamp-wash)}@keyframes stamp{0%{transform:rotate(-20deg) scale(1.5);opacity:0}60%{opacity:1}to{transform:rotate(-8deg) scale(1);opacity:1}}.result .title{margin-bottom:12px}.result .lead{max-width:32ch;margin:0 auto;color:var(--muted)}.txnmeta{display:flex;align-items:baseline;gap:10px;margin-top:22px;padding-top:15px;border-top:1px dashed var(--rule);font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);letter-spacing:.01em;word-break:break-all}.txnmeta span{font:var(--label);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);flex:none}.foot{max-width:452px;margin:22px auto 0;text-align:center;font-size:11.5px;color:#8b93a3;line-height:1.6}.stack-gap{margin-top:18px}.resend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px}.resend__q{font-size:13px;color:var(--muted)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}.centerload{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 0;color:var(--muted);font-size:14px}.centerload .spinner{width:26px;height:26px;color:var(--action)}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.seal{transform:rotate(-8deg)}}