:root{--u:calc(min(100vw, 420px) / 375);--page-dark:#141010;--page-warm:#b76029;--surface:#f5f5f5;--tile:#fff;--social:#101010;--brand:#9b7648;--accent:#b66029;--text:#101010;--muted:#999;--body-text:#666;--divider:#ededed;--focus:#f2b35f}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;min-height:100%}body{width:100%;min-height:100%;color:var(--muted);background-color:var(--page-dark);background-image:linear-gradient(180deg, var(--page-dark) 0%, var(--page-dark) 20%, #4c2717 50%, var(--page-warm) 80%, var(--page-warm) 100%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;display:flex;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}.main-wrapper{z-index:1;width:min(100%, calc(375 * var(--u)));min-height:100dvh;padding:calc(36 * var(--u)) calc(16 * var(--u)) calc(24 * var(--u));flex-direction:column;display:flex;position:relative}.content{margin-top:auto}.bottom-bar{margin-bottom:auto}.default-view,.card-profile-card{border-radius:calc(28 * var(--u));box-shadow:0 calc(24 * var(--u)) calc(60 * var(--u)) #0000003d}.default-view{width:100%;min-height:calc(540 * var(--u));padding:calc(40 * var(--u)) calc(21 * var(--u));background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.default-view-icon{width:calc(48 * var(--u));height:calc(48 * var(--u))}.default-view-title,.default-view-desc{color:var(--muted);font-size:calc(18 * var(--u));line-height:1.45}.default-view-title{margin-top:calc(12 * var(--u))}.default-view.is-hidden{display:none}.card-view{text-align:left;width:100%;display:none}.card-view.is-visible{display:block}.card-profile-card{overflow:hidden}.card-profile-main{background:var(--surface);padding:calc(32 * var(--u)) calc(21 * var(--u)) calc(42 * var(--u))}.card-profile-header{align-items:center;gap:calc(21 * var(--u));margin-bottom:calc(15 * var(--u));display:flex}.card-avatar-wrap{width:calc(80 * var(--u));height:calc(80 * var(--u));flex:0 0 calc(80 * var(--u));border:calc(2 * var(--u)) solid var(--brand);color:var(--brand);background:#ddd;border-radius:50%;place-items:center;display:grid;overflow:hidden}.card-avatar{object-fit:cover;width:100%;height:100%}.card-avatar-placeholder .card-svg-icon{width:calc(40 * var(--u));height:calc(40 * var(--u))}.card-profile-header-info{flex:1;min-width:0}.card-name{color:var(--text);font-size:calc(32 * var(--u));letter-spacing:.02em;overflow-wrap:anywhere;font-weight:500;line-height:1}.card-title{margin-top:calc(15 * var(--u));color:var(--brand);font-size:calc(17 * var(--u));overflow-wrap:anywhere;line-height:1.3}.card-contact-list{margin-bottom:calc(15 * var(--u));display:grid}.card-contact-row{grid-template-columns:calc(16 * var(--u)) minmax(0, 1fr);align-items:center;gap:calc(19 * var(--u));display:grid}.card-contact-icon{color:var(--brand);place-items:center;display:grid}.card-contact-icon .card-svg-icon{width:calc(16 * var(--u));height:calc(16 * var(--u))}.card-contact-value{min-width:0;color:var(--muted);font-size:calc(18 * var(--u));overflow-wrap:anywhere;line-height:1.3}.card-intro{margin-top:calc(15 * var(--u));color:var(--body-text);font-size:calc(14 * var(--u));overflow-wrap:anywhere;font-weight:600;line-height:1.21}.card-save-contact{width:100%;min-height:calc(48 * var(--u));margin-top:calc(20 * var(--u));border-radius:calc(14 * var(--u));justify-content:center;align-items:center;gap:calc(14 * var(--u));color:#fff;background:var(--accent);font:inherit;font-size:calc(17 * var(--u));cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;display:flex}.card-save-contact .card-svg-icon{width:calc(22 * var(--u));height:calc(22 * var(--u));flex:none}.card-actions-divider{height:calc(1 * var(--u));margin:calc(19 * var(--u)) 0 calc(23 * var(--u));background:var(--divider)}.card-actions-grid{gap:calc(17 * var(--u)) calc(11 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card-action-link,.card-action-button{min-width:0;min-height:calc(73 * var(--u));padding:calc(8 * var(--u)) calc(4 * var(--u));border-radius:calc(8 * var(--u));justify-content:center;align-items:center;gap:calc(16 * var(--u));color:var(--muted);background:var(--tile);text-align:center;font:inherit;font-size:calc(15 * var(--u));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.card-action-link .card-svg-icon,.card-action-button .card-svg-icon{width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--brand);flex:none}.card-action-button:disabled{cursor:default;opacity:.42}.card-save-contact:active,.card-action-link:active,.card-action-button:not(:disabled):active{transform:scale(.98)}.card-save-contact:focus-visible,.card-action-link:focus-visible,.card-action-button:focus-visible,.card-social-link:focus-visible,.bottom-bar-share:focus-visible{outline:calc(3 * var(--u)) solid var(--focus);outline-offset:calc(3 * var(--u))}.card-social-links{min-height:calc(100 * var(--u));padding:calc(26 * var(--u)) calc(51 * var(--u));place-items:center;gap:calc(16 * var(--u));background:var(--social);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.card-social-link{width:min(calc(48 * var(--u)), 100%);aspect-ratio:1;border:calc(1 * var(--u)) solid var(--muted);color:#f5f5f5;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;text-decoration:none;display:grid}.card-social-link .card-svg-icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.bottom-bar{width:100%;margin-top:calc(14 * var(--u));justify-content:space-between;align-items:flex-end;gap:calc(16 * var(--u));color:#fff;display:flex}.bottom-bar-brand{text-align:left;min-width:0}.bottom-bar-brand-name{font-size:calc(17 * var(--u));letter-spacing:.08em;line-height:1.3}.bottom-bar-brand-tagline{margin-top:calc(6 * var(--u));font-size:calc(17 * var(--u));line-height:1.3}.bottom-bar-share{align-items:center;gap:calc(7 * var(--u));color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:none;margin:0;padding:0;display:flex}.bottom-bar-share img{width:calc(36 * var(--u));height:calc(36 * var(--u))}.bottom-bar-share span{max-inline-size:calc(92 * var(--u));font-size:calc(12 * var(--u));white-space:normal;text-align:center;overflow-wrap:anywhere;line-height:1.3}.wechat-qr-modal{z-index:999;padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1410107a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wechat-qr-modal.is-hidden{display:none}.wechat-qr-panel{background:linear-gradient(180deg, #fbfaf7 0%, var(--surface) 100%);text-align:center;border:1px solid #9b76484d;border-radius:22px;flex-direction:column;width:min(360px,100%);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 18px 48px #00000047}.wechat-qr-header{border-bottom:1px solid #9b764826;flex-shrink:0;padding:16px 16px 12px}.wechat-qr-title{color:var(--text);letter-spacing:.01em;margin-bottom:6px;font-size:17px;font-weight:700;line-height:1.35}.wechat-qr-tip{color:var(--body-text);font-size:13px}.wechat-qr-content{-webkit-overflow-scrolling:touch;background:#ffffffa6;flex:1;min-height:0;padding:16px;overflow-y:auto}.wechat-qr-image{background:#fff;border:1px solid #9b764838;border-radius:14px;width:100%;max-width:280px;margin:0 auto;display:block;box-shadow:0 8px 24px #1010101f}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1000;overflow-wrap:anywhere;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#111111f0;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 12px;font-size:13px;line-height:1.4;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%)translateY(12px)}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width>=500px){:root{--u:clamp(.8px, calc(100vh / 900), calc(420px / 375))}}@media (prefers-reduced-motion:no-preference){.card-save-contact,.card-action-link,.card-action-button,.card-social-link{transition:transform .14s}.card-action-link:hover,.card-action-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #6145231f}.card-social-link:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.toast{transition:none}}