:root{--vg-brand:#0f6b3c;--vg-brand-hover:#0b5630;--vg-brand-soft:#eaf4ee;--vg-brand-line:#bcd9c8;--vg-canvas:#f4f5f4;--vg-surface:#fff;--vg-surface-alt:#fafbfa;--vg-ink:#171717;--vg-ink-2:#525252;--vg-muted:#737373;--vg-placeholder:#a3a3a3;--vg-line:#d9d9d9;--vg-line-soft:#ebebeb;--vg-danger:#b3261e;--vg-danger-bg:#fdecea;--vg-warning:#8a5f0b;--vg-warning-bg:#fff7e8;--vg-radius:8px;--vg-radius-sm:6px;--vg-max:32.5rem}*{box-sizing:border-box}html,body{background:var(--vg-canvas);margin:0;padding:0}body{color:var(--vg-ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5}.vg-shell{flex-direction:column;min-height:100dvh;display:flex}.vg-head{background:var(--vg-surface);border-bottom:1px solid var(--vg-line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 20px;display:flex}.vg-head-inner{width:100%;max-width:var(--vg-max);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.vg-head-id{align-items:center;gap:12px;min-width:0;display:flex}.vg-logo{flex:none;width:auto;height:26px;display:block}.vg-head-name{flex-direction:column;min-width:0;line-height:1.25;display:flex}.vg-head-name strong,.vg-head-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vg-head-name strong{color:var(--vg-ink);font-size:14px;font-weight:600}.vg-head-name span{color:var(--vg-muted);font-size:12px}.vg-head-step{color:var(--vg-ink-2);background:var(--vg-canvas);border:1px solid var(--vg-line-soft);letter-spacing:.01em;border-radius:999px;flex:none;padding:5px 11px;font-size:12.5px;font-weight:600}@media (width<=479px){.vg-head-step-long{display:none}}.vg-head-back{font:inherit;color:var(--vg-ink-2);cursor:pointer;border-radius:var(--vg-radius-sm);background:0 0;border:0;align-items:center;gap:6px;margin-left:-4px;padding:8px 4px;font-size:14.5px;font-weight:500;display:flex}.vg-head-back:hover{color:var(--vg-ink)}.vg-main{width:100%;max-width:var(--vg-max);flex-direction:column;flex:1;margin:0 auto;display:flex}.vg-card{background:var(--vg-surface);flex-direction:column;flex-grow:1;gap:22px;padding:20px 20px 24px;display:flex}.vg-colophon{text-align:center;color:var(--vg-muted);margin:0;padding:16px 20px 22px;font-size:12px;line-height:1.5}@media (width>=640px){.vg-shell{padding-bottom:24px}.vg-head{padding:0 24px}.vg-main{background:var(--vg-surface);border:1px solid var(--vg-line-soft);border-radius:12px;flex:none;margin-top:28px;overflow:hidden}.vg-card{flex-grow:0;padding:28px 32px 32px}}.vg-steps{gap:6px;display:flex}.vg-step{background:var(--vg-line-soft);border-radius:99px;flex-grow:1;height:3px;transition:background-color .2s}.vg-step.is-done{background:var(--vg-brand)}.vg-title{letter-spacing:-.01em;color:var(--vg-ink);margin:0;font-size:21px;font-weight:600;line-height:1.3}.vg-sub{color:var(--vg-ink-2);margin:0;font-size:14.5px}.vg-title+.vg-sub{margin-top:-14px}.vg-hint{color:var(--vg-muted);margin:0;font-size:12.5px;line-height:1.5}.vg-field{flex-direction:column;gap:8px;display:flex}.vg-field>label{color:var(--vg-ink);font-size:14px;font-weight:600}.vg-field>label .vg-opt{color:var(--vg-muted);font-weight:500}.vg-input,.vg-select,.vg-textarea{width:100%;font:inherit;color:var(--vg-ink);background:var(--vg-surface);border:1px solid var(--vg-line);border-radius:var(--vg-radius-sm);min-height:48px;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.vg-textarea{resize:vertical;min-height:84px;line-height:1.45}.vg-input:hover,.vg-textarea:hover{border-color:#bfbfbf}.vg-input:focus,.vg-select:focus,.vg-textarea:focus{border-color:var(--vg-brand);box-shadow:0 0 0 3px var(--vg-brand-soft);outline:none}.vg-input::-moz-placeholder{color:var(--vg-placeholder)}.vg-textarea::-moz-placeholder{color:var(--vg-placeholder)}.vg-input::placeholder,.vg-textarea::placeholder{color:var(--vg-placeholder)}.vg-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vg-choice{font:inherit;white-space:normal;overflow-wrap:anywhere;text-align:left;min-width:0;color:var(--vg-ink);background:var(--vg-surface);border:1px solid var(--vg-line);border-radius:var(--vg-radius);cursor:pointer;align-items:center;gap:10px;min-height:52px;padding:12px;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s;display:flex}.vg-choice svg{color:var(--vg-muted);flex:none}.vg-choice:hover{border-color:#bfbfbf}.vg-choice.is-active{border-color:var(--vg-brand);background:var(--vg-brand-soft);color:var(--vg-brand);box-shadow:inset 0 0 0 1px var(--vg-brand)}.vg-choice.is-active svg{color:var(--vg-brand)}.vg-pills{flex-wrap:wrap;gap:8px;display:flex}.vg-pill{font:inherit;color:var(--vg-ink-2);background:var(--vg-surface);border:1px solid var(--vg-line);cursor:pointer;border-radius:999px;min-height:36px;padding:7px 13px;font-size:13.5px;font-weight:500;transition:border-color .15s,background-color .15s}.vg-pill:hover{border-color:#bfbfbf}.vg-pill.is-active{border-color:var(--vg-brand);background:var(--vg-brand-soft);color:var(--vg-brand)}.vg-pill.is-suggest{background:var(--vg-canvas);border-color:#0000}.vg-btn{font:inherit;color:#fff;background:var(--vg-brand);border:1px solid var(--vg-brand);border-radius:var(--vg-radius);cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.vg-btn:hover{background:var(--vg-brand-hover);border-color:var(--vg-brand-hover)}.vg-btn:disabled{color:#8c8c8c;cursor:not-allowed;background:#e5e5e5;border-color:#e5e5e5}.vg-btn.is-ghost{background:var(--vg-surface);color:var(--vg-ink);border-color:var(--vg-line);font-weight:500}.vg-btn.is-ghost:hover{background:var(--vg-canvas);border-color:#bfbfbf}.vg-btn.is-dark{background:var(--vg-ink);border-color:var(--vg-ink);color:#fff}.vg-btn.is-dark:hover{background:#000;border-color:#000}.vg-actions{background:var(--vg-surface);border-top:1px solid var(--vg-line-soft);padding:12px 20px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin:auto -20px -24px;display:flex;position:sticky;bottom:0}@media (width>=640px){.vg-actions{margin:8px 0 0;padding:20px 0 0;position:static}}.vg-sign{border-radius:var(--vg-radius);background:var(--vg-surface-alt);touch-action:none;border:1px dashed #bfbfbf;height:clamp(170px,30vh,220px);overflow:hidden}.vg-sign canvas{width:100%;height:100%;display:block}.vg-summary{border:1px solid var(--vg-line-soft);border-radius:var(--vg-radius);padding:2px 16px}.vg-summary div{border-bottom:1px solid var(--vg-line-soft);justify-content:space-between;gap:16px;padding:11px 0;font-size:14px;display:flex}.vg-summary div:last-child{border-bottom:0}.vg-summary span:first-child{color:var(--vg-muted);flex:none}.vg-summary span:last-child{text-align:right;overflow-wrap:anywhere;color:var(--vg-ink);font-weight:600}.vg-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:12px 0 4px;display:flex}.vg-hero-mark{background:var(--vg-brand-soft);width:56px;height:56px;color:var(--vg-brand);border-radius:50%;justify-content:center;align-items:center;display:flex}.vg-hero h1{letter-spacing:-.01em;color:var(--vg-ink);margin:0;font-size:22px;font-weight:600}.vg-hero p{color:var(--vg-ink-2);margin:4px 0 0;font-size:15px}.vg-visitno{border:1px solid var(--vg-line-soft);border-radius:var(--vg-radius);background:var(--vg-surface-alt);flex-direction:column;align-items:center;gap:4px;padding:20px 16px;display:flex}.vg-visitno small{letter-spacing:.12em;text-transform:uppercase;color:var(--vg-muted);font-size:11.5px;font-weight:600}.vg-visitno strong{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--vg-ink);font-size:34px;font-weight:700}.vg-visitno span{color:var(--vg-muted);font-size:13px}.vg-note{background:var(--vg-canvas);border:1px solid var(--vg-line-soft);border-radius:var(--vg-radius);color:var(--vg-ink-2);align-items:flex-start;gap:12px;padding:13px 14px;font-size:13.5px;line-height:1.5;display:flex}.vg-note svg{color:var(--vg-brand);flex:none;margin-top:2px}.vg-status{background:var(--vg-brand-soft);border:1px solid var(--vg-brand-line);color:var(--vg-brand);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.vg-status i{background:var(--vg-brand);border-radius:50%;width:7px;height:7px;font-style:normal}.vg-status.is-waiting{background:var(--vg-warning-bg);color:var(--vg-warning);border-color:#f2dfb3}.vg-status.is-waiting i{background:#c98a12}.vg-status.is-done{background:var(--vg-canvas);border-color:var(--vg-line-soft);color:var(--vg-ink-2)}.vg-status.is-done i{background:#8c8c8c}.vg-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vg-stat{border:1px solid var(--vg-line-soft);border-radius:var(--vg-radius);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.vg-stat small{color:var(--vg-muted);font-size:12.5px}.vg-stat strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.vg-lede{flex-direction:column;gap:2px;display:flex}.vg-lede strong{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.vg-lede span{color:var(--vg-ink-2);font-size:15px}.vg-error{background:var(--vg-danger-bg);color:var(--vg-danger);border-radius:var(--vg-radius);border:1px solid #f5c2be;padding:12px 14px;font-size:14px}.vg-center{text-align:center}.vg-foot{text-align:center;color:var(--vg-muted);margin:0;font-size:12.5px;line-height:1.5}@media (width<=360px){.vg-choices{grid-template-columns:1fr}}