:root{color-scheme:light;--front:#25272c;--front-secondary:#d5d7dd;--back:#f8fafc;--primary:#102552;--primary-hover:#1b3973;--text:#25272c;--muted:#5d6a80;--rule:#ced7e5;--focus:#6588cb;--control-border:#73829b;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}*,:before,:after{box-sizing:border-box}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#eceef1;margin:0;line-height:1.5}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}[hidden]{display:none!important}.page-shell{--space-top:max(16px, env(safe-area-inset-top));--space-bottom:max(16px, env(safe-area-inset-bottom));min-height:100svh;padding:var(--space-top) max(16px, env(safe-area-inset-right)) var(--space-bottom) max(16px, env(safe-area-inset-left));place-items:center;display:grid}.card-stage{width:min(100%, 320px, max(260px, calc((100svh - var(--space-top) - var(--space-bottom) - 56px) * 5 / 9)))}.business-card{perspective:none;container-type:inline-size}.card-turner{gap:24px;display:grid}.card-face{aspect-ratio:5/9;overflow-wrap:anywhere;border-radius:12px;flex-direction:column;padding:clamp(20px,8cqi,28px);display:flex}.card-front{background:var(--front);color:#fff;position:relative}.wordmark{letter-spacing:-.06em;font-size:24px;font-weight:750;line-height:1.2}.identity{position:absolute;top:50%;left:clamp(20px,8cqi,28px);right:20px;transform:translateY(-50%)}.identity h1{letter-spacing:-.045em;font-size:clamp(32px,12cqi,40px);font-weight:750;line-height:1.15}.identity-role{color:#fff;margin-top:12px;font-size:16px;font-weight:600}.identity-tagline{color:var(--front-secondary);margin-top:8px;font-size:14px}.front-footer{color:var(--front-secondary);border-top:1px solid #91a9dd;margin-top:auto;padding-top:12px;font-size:12px}.card-back{background:var(--back)}.front-header,.back-header{justify-content:space-between;align-items:center;display:flex}.back-header{color:var(--primary)}.eyebrow{color:var(--muted);letter-spacing:.1em;font-size:10px}.eyebrow--front{color:var(--front-secondary)}.connect{margin-block:auto;padding-block:20px}.connect h2{letter-spacing:-.035em;margin-bottom:12px;font-size:26px;line-height:1.2}.contact-links{display:grid}.contact-link{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 16px;gap:3px 8px;min-height:54px;padding:9px 0;display:grid}.link-label{color:var(--muted);letter-spacing:.035em;grid-column:1;font-size:10px}.link-text{grid-column:1;min-width:0;font-size:13px;line-height:1.4}.link-icon{width:16px;height:16px;color:var(--muted);grid-area:2/2;align-self:center}.link-icon,.save-contact svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.contact-link:hover .link-text,.contact-link:focus-visible .link-text,.contact-link:active .link-text{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.contact-link:focus-visible{border-radius:2px}.contact-save{justify-items:center;gap:16px;display:grid}.contact-qr{background:#fff;width:111px;height:111px;display:block}.save-contact{min-height:44px;color:var(--primary);text-underline-offset:3px;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:underline;display:flex}.save-contact svg{flex:none;width:16px;height:16px}.save-contact:hover,.save-contact:focus-visible,.save-contact:active{color:var(--primary-hover)}.save-contact:active{text-decoration-thickness:2px}.is-interactive{aspect-ratio:5/9;position:relative}.is-interactive .card-turner{transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;display:block;position:absolute;inset:0}.is-interactive .card-face{aspect-ratio:auto;transform-origin:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.is-interactive .card-front{transform:rotateY(0)}.is-interactive .card-back{transform:rotateY(180deg)}.is-interactive .card-turner:before,.is-interactive .card-turner:after{content:"";background:#b8bdc6;width:1.2px;position:absolute;top:10px;bottom:10px;transform:rotateY(90deg)}.is-interactive .card-turner:before{left:-.6px}.is-interactive .card-turner:after{right:-.6px}.is-interactive,.contact-link,.save-contact{cursor:pointer}.is-interactive{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.is-interactive.is-dragging{cursor:grabbing}.card-controls{justify-content:center;align-items:center;margin-top:12px;display:flex;position:relative}.flip-control{position:absolute;right:calc(50% + 30px)}.flip-control:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;padding:0;overflow:hidden}#share-card{min-width:44px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiet-control{color:#526078;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:12px;display:inline-flex}.quiet-control svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.quiet-control:hover{color:var(--primary);background:#dfe4ec}.quiet-control:disabled{opacity:.6;cursor:wait}.share-status,.manual-copy{color:#526078;overflow-wrap:anywhere;font-size:12px}.share-status{text-align:center}.share-status:not(:empty),.manual-copy{margin-top:8px}.manual-copy label{margin-bottom:6px;display:block}.manual-copy input{border:1px solid var(--control-border);background:var(--back);width:100%;min-height:44px;color:var(--text);border-radius:4px;padding:8px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@container (width<=290px){.card-face{padding:20px}.identity{left:20px}.connect{padding-block:10px}.contact-save{gap:8px}.connect h2{font-size:24px}}
