:root{--page: #F4EFF6;--surface: #FFFFFF;--subtle: #FDFAFD;--subtle2: #FBF6FB;--hair: rgba(90,45,110,.12);--hair-strong: rgba(90,45,110,.16);--ink: #2A1B33;--brand-ink: #3B1F52;--ink2: #5C4A66;--muted: #7A6A82;--faint: #9A8AA2;--disabled: #BCAFC2;--disabled2: #A99BB0;--pink: #E07FBC;--violet: #8A5AC8;--deep: #5B2D8E;--ink-violet: #4A2A6E;--magenta: #B4529A;--link: #6B37A0;--grad: linear-gradient(100deg,#E07FBC,#8A5AC8 62%,#5B2D8E);--grad-cell: linear-gradient(120deg,#E07FBC,#8A5AC8 62%,#5B2D8E);--wash: linear-gradient(112deg,rgba(232,148,198,.16),rgba(138,90,200,.13));--bar: linear-gradient(90deg,#E07FBC,#8A5AC8);--ok: #256B43;--ok-bg: rgba(46,125,79,.09);--ok-bd: rgba(46,125,79,.2);--warn: #8A5E12;--warn-ic: #B07818;--warn-bg: rgba(176,120,24,.09);--warn-bd: rgba(176,120,24,.26);--err: #9C3630;--err-bg: rgba(179,64,58,.09);--sh-card: 0 2px 10px rgba(90,45,110,.04);--sh-raised: 0 1px 4px rgba(90,45,110,.14);--sh-primary: 0 10px 22px rgba(122,60,160,.26);--sh-cta: 0 12px 30px rgba(122,60,160,.28);--sh-phone: 0 10px 34px rgba(90,45,110,.1);--ui: "Noto Sans KR","Noto Sans TC","Noto Sans Arabic","Apple SD Gothic Neo","PingFang TC",system-ui,-apple-system,sans-serif;--display: "Playfair Display", Georgia, "Times New Roman", serif;--mono: ui-monospace, Menlo, monospace}@media(prefers-color-scheme:dark){:root{--page: #1B1220;--surface: #241a2b;--subtle: #22182a;--subtle2: #271d30;--hair: rgba(255,255,255,.1);--hair-strong: rgba(255,255,255,.16);--ink: #F7F1F9;--brand-ink: #F0E8F3;--ink2: #D9CCDF;--muted: #A99BB0;--faint: #9A8AA2;--disabled: #6f6277;--disabled2: #8a7c92;--pink: #F3A8D4;--violet: #B48BE8;--deep: #8A5AC8;--magenta: #F3A8D4;--link: #B48BE8;--ok: #7FD3A5;--ok-bg: rgba(127,211,165,.12);--ok-bd: rgba(127,211,165,.28);--warn: #E7BC70;--warn-ic: #E0A94A;--warn-bg: rgba(224,169,74,.12);--warn-bd: rgba(224,169,74,.3);--err: #E79b95;--err-bg: rgba(231,155,149,.12);--sh-card: 0 2px 10px rgba(0,0,0,.4);--sh-phone: 0 10px 34px rgba(0,0,0,.6)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--ui);line-height:1.5;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;justify-content:center}.app{width:100%;max-width:460px;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface)}button{font:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px #8a5ac847;border-radius:8px}.status{display:flex;justify-content:flex-end;align-items:center;padding:12px 22px 6px;font:500 13px/1 var(--ui);color:var(--muted)}.status .sync{display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.on{background:#2e7d4f}.dot.off{background:var(--warn-ic)}.brandbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 22px 16px;border-bottom:1px solid var(--hair)}.brand{font:700 19px/1 var(--ui);color:var(--brand-ink);display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}.brand .fa{font-family:var(--display);font-weight:600;font-style:italic;font-size:19px;white-space:nowrap;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brandbar .right{display:flex;align-items:center;gap:10px}.brandbar .cap{font:400 12px/1.2 var(--ui);color:var(--muted);white-space:nowrap}.langpick{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font:600 12px/1 var(--ui);color:var(--ink2);background:var(--subtle);border:1px solid var(--hair-strong);border-radius:999px;padding:6px 10px}.body{flex:1;overflow-y:auto;padding:20px 22px 24px;display:flex;flex-direction:column;gap:14px}.eyebrow{font:700 11px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--magenta)}.h1{font:700 21px/1.25 var(--ui);color:var(--ink);margin:0}.sub{font:400 13px/1.5 var(--ui);color:var(--muted);margin:-6px 0 0}.spacer{flex:1}.cta{border:0;border-radius:20px;color:#fff;font:700 22px/1 var(--ui);background:var(--grad);box-shadow:var(--sh-cta);padding:0;height:96px;width:100%;display:grid;place-items:center}.btn{border:0;border-radius:18px;color:#fff;font:700 16px/1 var(--ui);background:var(--grad);box-shadow:var(--sh-primary);height:60px;width:100%}.btn.secondary{background:var(--subtle2);color:var(--brand-ink);border:1px solid var(--hair-strong);box-shadow:none;height:64px;font-weight:600}.btn:disabled{background:#efe9f1;border:1px solid var(--hair);color:var(--disabled2);box-shadow:none;cursor:not-allowed}@media(prefers-color-scheme:dark){.btn:disabled{background:#ffffff0d}}.langlist{display:flex;flex-direction:column;gap:10px}.langcard{display:flex;align-items:center;gap:12px;text-align:start;width:100%;background:var(--subtle);border:1px solid var(--hair-strong);border-radius:18px;padding:16px 18px}.langcard[aria-pressed=true]{border:1.5px solid var(--violet);background-image:var(--wash)}.langcard .lc-main{flex:1;display:flex;flex-direction:column;gap:3px}.langcard .native{display:block;font:700 17px/1.2 var(--ui);color:var(--ink)}.langcard .latin{display:block;font:400 12px/1 var(--ui);color:var(--muted)}.langcard .radio{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--hair-strong);flex:0 0 22px;display:grid;place-items:center;color:transparent}.langcard[aria-pressed=true] .radio{border-color:var(--violet);background:var(--grad);color:#fff;font-size:12px}.step-cap{font:400 12px/1 var(--ui);color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field label{font:600 12.5px/1 var(--ui);color:var(--ink2)}.field .req{color:var(--magenta)}.field input,.field select{border:1px solid var(--hair-strong);border-radius:14px;padding:13px 14px;font:400 15px/1.2 var(--ui);color:var(--ink);background:var(--surface);width:100%;appearance:none}.field input::placeholder{color:var(--disabled)}.field input:focus,.field select:focus{border-color:var(--violet)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fielderr{font:600 11.5px/1.3 var(--ui);color:var(--err)}.consent{display:flex;gap:11px;align-items:flex-start;background-image:var(--wash);border:1px solid rgba(138,90,200,.16);border-radius:16px;padding:14px;font:400 12.5px/1.5 var(--ui);color:var(--ink2)}.consent input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:var(--violet)}.consent .law{display:block;margin-top:5px;font:700 11px/1 var(--ui);color:var(--warn)}.card{border:1px solid var(--hair);border-radius:18px;background:var(--subtle);overflow:hidden}.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--hair);font:500 14px/1.2 var(--ui)}.toggle:last-child{border-bottom:0}.toggle small{color:var(--muted);font-weight:400}.knob{width:46px;height:27px;border-radius:999px;background:var(--hair-strong);position:relative;flex:0 0 46px;border:0}.knob:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:inset-inline-start .16s;box-shadow:0 1px 2px #0003}.knob.on{background-image:var(--grad)}.knob.on:after{inset-inline-start:22px}.chiprow{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--ui);border-radius:999px;padding:8px 12px;border:1px solid var(--hair);color:var(--muted);background:var(--surface)}.chip.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.chip.warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-bd)}.chip.err{background:var(--err-bg);color:var(--err);border-color:transparent}.stepnum{display:flex;align-items:baseline;gap:10px}.stepnum .n{font-family:var(--display);font-weight:600;font-size:30px;line-height:1;color:var(--violet)}.stepnum .t{font:700 17px/1 var(--ui);color:var(--ink)}.progress3{display:flex;gap:6px}.progress3 i{flex:1;height:5px;border-radius:3px;background:#5a2d6e21}.progress3 i.done{background-image:var(--bar)}.viewport{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;background:#2a2233}.viewport video,.viewport .fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.viewport .fallback{background:linear-gradient(160deg,#c9b7c4,#8a7794)}.viewport video.mirror{transform:scaleX(-1)}.oval{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56%;aspect-ratio:4/5;border:2px dashed rgba(255,255,255,.85);border-radius:50%}.plumb{position:absolute;top:8%;bottom:8%;left:50%;width:1px;background:#fff6}.align{position:absolute;inset-inline:0;bottom:12px;text-align:center}.align span{font:500 11.5px/1 var(--ui);color:#fff;background:#1b12208c;padding:6px 12px;border-radius:999px}.shutrow{display:flex;align-items:center;justify-content:space-between;gap:14px}.shutrow .status-txt{font:600 12px/1.4 var(--ui)}.shutrow .status-txt.ok{color:var(--ok)}.shutrow .status-txt.bad{color:var(--warn)}.shutter{width:74px;height:74px;border-radius:50%;border:0;background-image:var(--grad);box-shadow:var(--sh-cta);flex:0 0 74px}.shutter:disabled{background:#e7dfea;box-shadow:none;color:var(--disabled2);font:600 12px/1 var(--ui)}@media(prefers-color-scheme:dark){.shutter:disabled{background:#ffffff14}}.blocked{align-self:center}.thumb{display:flex;align-items:center;gap:12px;padding:12px 14px}.thumb img{width:66px;height:84px;border-radius:14px;object-fit:cover;flex:0 0 66px;background:var(--subtle2)}.thumb .meta{flex:1}.thumb .meta .nm{font:700 14px/1.2 var(--ui);color:var(--ink)}.thumb .meta .st{font:500 11.5px/1 var(--ok);margin-top:4px}.linkbtn{font:700 12.5px/1 var(--ui);color:var(--link);background:none;border:0;padding:6px 8px}.recorded{background:var(--subtle);border:1px solid var(--hair);border-radius:16px;padding:13px 15px}.recorded .rt{font:700 12px/1 var(--ui);color:var(--ink2);margin-bottom:6px}.recorded .rv{font:400 12px/1.5 var(--ui);color:var(--muted)}.qtabs{display:flex;gap:8px}.qtab{font:600 12px/1 var(--ui);border-radius:999px;padding:7px 13px;border:1px solid var(--hair);background:var(--surface);color:var(--muted)}.qtab[aria-pressed=true]{background-image:var(--grad);color:#fff;border-color:transparent}.qrow{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--hair)}.qrow:last-child{border-bottom:0}.qrow .id{font:700 13.5px/1.2 var(--ui);color:var(--ink)}.qrow .tm{font:400 11.5px/1 var(--muted);margin-top:4px}.empty{text-align:center;color:var(--faint);font:400 13px/1 var(--ui);padding:34px 0}[dir=rtl] .brand{direction:ltr}