:root{--bg:#f6f1e7;--ink:#4a3a2e;--ink-soft:#4a3a2ed1;--ink-faint:#4a3a2e8c;--line:#9e8e7933;--line-strong:#9e8e7966;--panel:#ffffffbd;--panel-solid:#fffdf8;--radius-pill:9999px;--shadow-soft:0 6px 22px #5c4f3f17;--brand-red:#ef4023;--brand-red-strong:#d2381d;--brand-brown:#562012;--brand-tint:#ef40231a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body:has(.stage){overscroll-behavior:none;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand-brown);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-logo{width:auto;height:28px;display:block}.brand-header{justify-content:center;align-items:center;padding:4px 0 20px;display:flex}.brand-header__home{border-radius:6px;display:inline-flex}.preview-badge{border-radius:var(--radius-pill);color:#5e4400;text-align:center;background:#fff4d1;border:1px dashed #b38a12;width:fit-content;max-width:100%;margin:0 auto 14px;padding:6px 12px;font-size:.8125rem;font-weight:600}.pill{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--panel-solid);min-height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .18s,background .18s,transform .12s;display:inline-flex}.pill:hover{border-color:var(--ink-faint)}.pill:active{transform:scale(.97)}.pill:disabled{opacity:.5;cursor:default;transform:none}.pill--primary{background:var(--brand-red-strong);color:#fff;border-color:#0000}.pill--primary:hover{background:#b92f17;border-color:#0000}.stage{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.stage__header{padding:calc(12px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) 8px max(16px, env(safe-area-inset-left,0px));flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.stage__person{text-align:right;flex-direction:column;align-items:flex-end;min-width:0;line-height:1.25;display:flex}.stage__name,.stage__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.stage__name{color:var(--brand-brown);font-size:.9375rem;font-weight:700}.stage__title{color:var(--ink-soft);font-size:.75rem}.stage>.preview-badge{margin-bottom:4px}.stage__viewport{flex:1;min-height:0;position:relative}.stage__canvas{cursor:pointer;touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.stage__canvas[hidden]{display:none}.dock{z-index:3;padding:0 12px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.dock>*{pointer-events:auto}.hint{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(92vw,420px);color:var(--ink);text-align:center;margin:0;padding:8px 14px;font-size:.8125rem;font-weight:500}.dock__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dev-warning{color:#5e4400;text-align:center;background:#fff4d1;border-radius:10px;max-width:min(92vw,420px);margin:0;padding:6px 10px;font-size:.75rem}.flat{z-index:5;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.qr2d{aspect-ratio:1;width:clamp(180px,min(84vw,100dvh - 290px),420px);height:auto;box-shadow:var(--shadow-soft);border-radius:12px;flex:none;display:block}.flat__hint{text-align:center;max-width:36ch;margin:0;font-weight:600}.flat__note{max-width:40ch;color:var(--ink-soft);text-align:center;margin:0;font-size:.8125rem}.page{background:var(--bg);min-height:100%}.page__inner{max-width:460px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.page__footer{color:var(--ink-soft);letter-spacing:.14em;text-align:center;text-transform:uppercase;margin-top:auto;padding-top:28px;font-size:.75rem}.page__credit{letter-spacing:0;text-transform:none;margin-top:6px;display:block}.page__credit a{color:var(--brand-brown)}.card{background:var(--panel-solid);box-shadow:var(--shadow-soft);text-align:center;border-radius:20px;padding:28px 18px 20px}.card__avatar{background:var(--brand-tint);width:96px;height:96px;color:var(--brand-brown);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:2.5rem;font-weight:700;display:grid;overflow:hidden}.card__avatar img{object-fit:cover;width:100%;height:100%}.card__name{color:var(--brand-brown);margin:0;font-size:1.625rem;line-height:1.2}.card__role{margin:6px 0 0;font-weight:600}.card__company{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 0;font-size:.8125rem}.card__tagline{max-width:34ch;color:var(--ink-soft);margin:12px auto 0;line-height:1.5}.card__note{color:var(--ink-soft);text-align:left;margin:16px 2px 0;font-size:.75rem;line-height:1.5}.actions{text-align:left;flex-direction:column;gap:10px;margin-top:24px;display:flex}.action,.action--details>summary{align-items:center;gap:14px;min-height:64px;padding:12px 14px;display:flex}.action{border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:14px;text-decoration:none;transition:border-color .18s,transform .12s}.action:hover{border-color:var(--ink-faint)}.action:active{transform:scale(.99)}.action:first-child{background:var(--brand-red-strong);color:#fff;border-color:#0000}.action__icon{background:var(--brand-tint);width:40px;height:40px;color:var(--brand-red-strong);border-radius:12px;flex:none;place-items:center;display:grid}.action:first-child .action__icon{color:#fff;background:#ffffff2e}.action__text{flex-direction:column;flex:1;min-width:0;display:flex}.action__label{font-size:1.0625rem;font-weight:650}.action__detail{color:var(--ink-soft);font-size:.8125rem;line-height:1.35}.action:first-child .action__detail{color:#ffffffe6}.action__chevron{color:var(--ink-faint);flex:none}.action:first-child .action__chevron{color:#fffc}.action--details{padding:0;display:block}.action--details>summary,.zalo-qr>summary{cursor:pointer;list-style:none}.action--details>summary::-webkit-details-marker{display:none}.zalo-qr>summary::-webkit-details-marker{display:none}.zalo-qr>summary{min-height:44px;color:var(--brand-brown);border-radius:8px;align-items:center;gap:6px;padding:0 4px;font-size:.875rem;font-weight:600;display:inline-flex}.zalo-qr__figure{text-align:center;margin:4px 14px 14px}.zalo-qr__figure img{border-radius:12px;width:min(100%,260px);margin:0 auto;display:block}.zalo-qr__figure figcaption{color:var(--ink-soft);margin-top:8px;font-size:.8125rem;line-height:1.45}.status{text-align:center;padding:40px 8px}.status__title{color:var(--brand-brown);margin:0 0 10px;font-size:1.375rem}.status__body{color:var(--ink-soft);text-align:center;margin:0;line-height:1.55}.directory__title{color:var(--brand-brown);text-align:center;margin:0 0 16px;font-size:1.375rem}.directory{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.directory__item{background:var(--panel-solid);box-shadow:var(--shadow-soft);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.directory__person{flex-direction:column;min-width:0;display:flex}.directory__name{font-weight:700}.directory__meta{color:var(--ink-soft);font-size:.8125rem}.directory__links{gap:8px;display:flex}@media (width<=380px){.brand-logo{height:24px}.dock__actions{gap:6px}.pill{padding:0 12px;font-size:.8125rem}}@media (height<=640px){.stage__header{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:4px}.dock{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:6px}.hint{padding:5px 12px;font-size:.75rem}.pill{min-height:40px}}@media (height<=460px){.brand-logo{height:22px}.stage__title{display:none}.dock{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:5px}.hint{padding:3px 10px}.pill{min-height:36px;padding:0 12px}}@media (prefers-reduced-motion:reduce){.pill,.action{transition:none}.pill:active,.action:active{transform:none}}