@layer components{.hpp{scroll-padding-top:env(safe-area-inset-top,0px);margin:0;padding:0}.hpp img{max-width:100%}.hpp [hidden]:not([hidden=until-found i]){display:none!important}.hpp,.hpp *{box-sizing:border-box}.hpp{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--fs-body-l);-webkit-font-smoothing:antialiased;line-height:1.53}.hpp h1,.hpp h2,.hpp h3,.hpp h4{color:var(--color-ink);text-wrap:balance;font-family:var(--font-ui);margin:0}.hpp h1,.hpp h2{font-family:var(--font-display);font-variation-settings:var(--font-display-axes)}.hpp h1{font-weight:700;font-size:var(--fs-h1);letter-spacing:var(--track-display);line-height:1.15}@media (min-width:1024px){.hpp h1{font-size:1.875rem}}.hpp h2{font-weight:700;font-size:var(--fs-h2);letter-spacing:var(--track-display);line-height:1.22}:lang(hi) .hpp h1,:lang(hi) .hpp h2{letter-spacing:0;line-height:1.35}.hpp h3{font-weight:600;font-size:var(--fs-h3);line-height:1.37}.hpp h4{font-weight:600;font-size:var(--fs-body-l);line-height:1.4}.hpp .display,.hpp .auth h1,.hpp .ob-shell h1,.hpp .hero h1{font-family:var(--font-display);font-variation-settings:var(--font-display-axes);letter-spacing:var(--track-display);font-weight:700;line-height:1.08}.hpp .auth h1,.hpp .ob-shell h1{font-size:var(--fs-title-l)}:lang(hi) .hpp .display,:lang(hi) .hpp .auth h1,:lang(hi) .hpp .ob-shell h1,:lang(hi) .hpp .hero h1{letter-spacing:0;line-height:1.3}.hpp p{margin:0}.hpp a{color:var(--color-primary);text-underline-offset:.2em;text-decoration-thickness:1.5px}.hpp button,.hpp input,.hpp select,.hpp textarea{font:inherit;color:inherit}.hpp :focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.hpp .mono{font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:600}.hpp .muted{color:var(--color-ink-muted)}.hpp .small{font-size:var(--fs-label);line-height:1.45}.hpp .tiny{font-size:var(--fs-caption);line-height:1.4}.hpp .eyebrow{font-size:var(--fs-label);color:var(--color-ink-muted);font-weight:600}.hpp .wrap{max-width:calc(1200px + 2 * var(--hp-gutter));--hp-gutter:16px;padding-left:max(var(--hp-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--hp-gutter),env(safe-area-inset-right,0px));margin:0 auto}@media (min-width:600px){.hpp .wrap{--hp-gutter:32px}}@media (min-width:1024px){.hpp .wrap{--hp-gutter:48px}}.hpp .stack{flex-direction:column;gap:12px;display:flex}.hpp .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hpp .between{justify-content:space-between}.hpp .grid{gap:16px;display:grid}.hpp .ico{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.hpp .ico.sm{stroke-width:2px;width:16px;height:16px}.hpp .btn{border-radius:var(--radius-pill);min-height:48px;font-weight:600;font-size:var(--fs-body);cursor:pointer;white-space:nowrap;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform .12s var(--ease-out);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;line-height:1.2;text-decoration:none;display:inline-flex}.hpp .btn-primary{background:var(--color-cta);color:var(--color-on-cta)}.hpp .btn-primary:hover{background:var(--color-cta-hover)}.hpp .btn-primary:active{background:var(--color-cta-active)}.hpp .btn-ghost{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-ink)}.hpp .btn-ghost:hover{border-color:var(--color-ink-muted)}.hpp .btn-text{color:var(--color-primary);background:0 0;padding:0 8px}.hpp .btn-text:hover{text-decoration:underline}.hpp .btn-danger{background:var(--color-danger);color:var(--color-on-danger)}.hpp .btn-sm{font-size:var(--fs-label);padding:0 16px}.hpp .btn[disabled]{opacity:.4;cursor:not-allowed}.hpp .icon-btn{border-radius:var(--radius-pill);cursor:pointer;width:48px;height:48px;color:var(--color-ink-muted);transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out);background:0 0;border:0;place-items:center;display:inline-grid}.hpp .icon-btn:hover{background:var(--color-surface-muted);color:var(--color-ink)}.hpp .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.hpp .card-pad{padding:20px}@media (min-width:1024px){.hpp .card-pad{padding:24px}}.hpp .panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input)}.hpp .tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.hpp .tile-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.hpp .tile-head h3{align-items:center;gap:12px;display:flex}.hpp .tile-ic{border-radius:var(--radius-input);background:var(--color-secondary-soft);width:40px;height:40px;color:var(--color-secondary-ink);flex:none;place-items:center;display:grid}.hpp .tile-ic.teal{background:var(--color-primary-soft);color:var(--color-primary-deep)}.hpp .tile-ic.green{background:var(--color-success-soft);color:var(--color-success-ink)}.hpp .tile-ic.amber{background:var(--color-attention-soft);color:var(--color-attention-ink)}.hpp .tile-ic.red{background:var(--color-danger-soft);color:var(--color-danger-ink)}.hpp .list{flex-direction:column;display:flex}.hpp .li{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-start;gap:8px 12px;min-width:0;padding:12px 0;display:flex}.hpp .li:first-child{border-top:0;padding-top:2px}.hpp .li-main{flex:12rem;min-width:0}.hpp .li>.badge,.hpp .li>.row-actions{flex:none}.hpp .li-title{color:var(--color-ink);font-weight:600;font-size:var(--fs-body)}.hpp .badge{border-radius:var(--radius-pill);min-height:28px;font-size:var(--fs-label);white-space:nowrap;background:var(--color-surface-muted);max-width:100%;color:var(--color-ink-muted);align-items:center;gap:6px;padding:3px 12px;font-weight:600;line-height:1.2;display:inline-flex}.hpp .b-self{background:var(--color-attention-soft);color:var(--color-attention-ink)}.hpp .b-doc{background:var(--color-info-soft);color:var(--color-info-ink)}.hpp .b-verified{background:var(--color-success-soft);color:var(--color-success-ink)}.hpp .b-teal{background:var(--color-primary-soft);color:var(--color-primary-deep)}.hpp .b-red{background:var(--color-danger-soft);color:var(--color-danger-ink)}.hpp .b-sample{border:1.5px dashed var(--color-border-strong);color:var(--color-ink-muted);background:0 0;font-weight:600}.hpp .dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.hpp .field{flex-direction:column;gap:6px;min-width:0;display:flex}.hpp .field label,.hpp .lbl{font-weight:600;font-size:var(--fs-label);color:var(--color-ink)}.hpp .opt{color:var(--color-ink-muted);font-weight:400}.hpp .input,.hpp select.input,.hpp textarea.input{border-radius:var(--radius-md);border:1.5px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:52px;font-size:var(--fs-body-l);transition:border-color var(--dur) var(--ease-out);padding:12px 16px}.hpp .input::placeholder{color:var(--color-ink-subtle)}.hpp select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B4E5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px 20px;padding-right:44px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hpp select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3B6C4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}}:root[data-theme=dark] .hpp select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3B6C4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.hpp select.input:hover{border-color:var(--color-ink-muted)}.hpp .picker{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.hpp .picker>span{font-size:var(--fs-body);color:var(--color-ink-muted);font-weight:600}.hpp .picker select.input{width:auto;min-width:200px;min-height:48px;font-weight:600;font-size:var(--fs-body);padding:10px 44px 10px 16px}.hpp textarea.input{resize:vertical;min-height:96px}.hpp .input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-color:var(--color-focus)}.hpp .input:focus:not(:focus-visible){border-color:var(--color-focus)}.hpp .input.err{border-color:var(--color-error-500);background:var(--ui-error-soft)}.hpp .err-msg{color:var(--color-danger-ink);font-size:var(--fs-label);font-weight:600}.hpp .hint{color:var(--color-ink-muted);font-size:var(--fs-label)}.hpp .form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hpp .form-grid .full{grid-column:1/-1}@media (max-width:640px){.hpp .form-grid{grid-template-columns:minmax(0,1fr)}}.hpp .seg{flex-wrap:wrap;gap:8px;display:flex}.hpp .seg label{cursor:pointer}.hpp .seg input{opacity:0;pointer-events:none;position:absolute}.hpp .seg span{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);background:var(--color-surface);min-height:48px;font-size:var(--fs-body);transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out);align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex}.hpp .seg label:hover input:not(:checked)+span{border-color:var(--color-ink-muted)}.hpp .seg input:checked+span{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-deep)}.hpp .seg input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:2px}.hpp .check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.hpp .check input{width:22px;height:22px;accent-color:var(--color-primary);flex:none;margin-top:2px}.hpp .switch{flex:none;width:52px;height:32px;position:relative}.hpp .switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.hpp .switch span{background:var(--color-border-strong);transition:background-color var(--dur) var(--ease-out);border-radius:99px;position:absolute;inset:0}.hpp .switch span:after{content:"";background:var(--color-on-brand);width:26px;height:26px;transition:left var(--dur) var(--ease-out);box-shadow:var(--shadow-selected);border-radius:50%;position:absolute;top:3px;left:3px}.hpp .switch input:checked+span{background:var(--color-primary)}.hpp .switch input:checked+span:after{left:23px}.hpp .switch input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:2px}.hpp:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--color-surface);position:fixed;inset:0 0 auto}.hpp .logo{min-height:48px;color:var(--color-ink);letter-spacing:var(--track-display);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.hpp .logo svg{flex:none;width:28px;height:28px}.hpp .avatar{--ring:var(--member-1);letter-spacing:.02em;background:var(--ring);color:var(--color-on-member);box-shadow:0 0 0 2px var(--color-surface),0 0 0 3.5px var(--ring);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}@media (min-width:1024px){.hpp .app-main{padding-top:40px}}.hpp .page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:32px;display:flex}.hpp .page-head p{color:var(--color-ink-muted);max-width:60ch;margin-top:8px}.hpp .passport{--pc-hi:var(--color-primary-800);--pc-base:var(--color-primary-800);--pc-deep:var(--color-primary-900);--pc-ink:var(--color-neutral-50);--pc-muted:var(--color-neutral-200);--pc-foil:var(--color-primary-200);--pc-danger:var(--color-error-100);--pc-ok:var(--color-success-100);--pc-warn:var(--color-warning-100);--pc-line:color-mix(in srgb,var(--pc-ink) 18%,transparent);--pc-wash:color-mix(in srgb,var(--pc-ink) 7%,transparent);--pc-px:24px;--pc-py:20px;border-radius:var(--radius-xl);background:linear-gradient(155deg,var(--pc-hi) 0%,var(--pc-base) 100%);color:var(--pc-ink);padding:var(--pc-py) var(--pc-px);box-shadow:var(--shadow-elev-2);isolation:isolate;aspect-ratio:1.8;flex-direction:column;gap:12px;max-width:100%;display:flex;position:relative;overflow:clip;container-type:inline-size}.hpp .passport[data-theme=sandal]{--pc-hi:var(--color-accent-100);--pc-base:var(--color-accent-100);--pc-deep:var(--color-accent-200);--pc-ink:var(--color-accent-900);--pc-muted:var(--color-accent-900);--pc-danger:var(--color-error-700);--pc-ok:var(--color-success-700);--pc-warn:var(--color-warning-700);--pc-foil:var(--color-accent-900)}.hpp .passport[data-theme=night]{--pc-hi:var(--color-neutral-800);--pc-base:var(--color-neutral-900);--pc-deep:var(--color-neutral-900);--pc-ink:var(--color-neutral-50);--pc-muted:var(--color-neutral-200);--pc-foil:var(--color-primary-300);--pc-danger:var(--color-error-100);--pc-ok:var(--color-success-100);--pc-warn:var(--color-warning-100)}.hpp .passport[data-theme=ivory]{--pc-hi:var(--color-neutral-50);--pc-base:var(--color-neutral-50);--pc-deep:var(--color-neutral-100);--pc-ink:var(--color-neutral-900);--pc-muted:var(--color-neutral-800);--pc-danger:var(--color-error-700);--pc-ok:var(--color-success-700);--pc-warn:var(--color-warning-700);--pc-foil:var(--color-primary-900);box-shadow:var(--shadow-elev-2),inset 0 0 0 1px var(--color-neutral-600)}.hpp .passport:before,.hpp .passport:after{content:none}.hpp .pp-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hpp .pp-brand{min-width:0;font-size:var(--fs-label);letter-spacing:.02em;color:var(--pc-ink);align-items:center;gap:10px;font-weight:700;display:flex}.hpp .pp-logo{width:26px;height:26px;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--color-neutral-900) 25%,transparent));flex:none}.hpp .pp-seal{background:var(--pc-foil);width:28px;height:28px;color:var(--pc-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-foil) 26%,transparent);border-radius:50%;flex:none;place-items:center;display:grid}.hpp .pp-seal svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.hpp .pp-status{border-radius:var(--radius-pill);min-height:26px;font-size:var(--fs-caption);white-space:nowrap;border:1px solid color-mix(in srgb,var(--pc-ok) 45%,transparent);background:color-mix(in srgb,var(--pc-ok) 12%,transparent);color:var(--pc-ok);align-items:center;gap:6px;padding:2px 11px;font-weight:700;display:inline-flex}.hpp .pp-status .dot{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent);background:currentColor;border-radius:50%}.hpp .pp-status.pending{border-color:color-mix(in srgb,var(--pc-warn) 50%,transparent);background:color-mix(in srgb,var(--pc-warn) 14%,transparent);color:var(--pc-warn)}.hpp .pp-status.sample{border:1px dashed color-mix(in srgb,var(--pc-foil) 70%,transparent);color:var(--pc-foil);background:0 0}.hpp .pp-main{flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.hpp .pp-photo{width:64px;height:80px;color:var(--pc-foil);background:linear-gradient(180deg,color-mix(in srgb,var(--pc-ink) 13%,transparent),var(--pc-wash));border:1px solid color-mix(in srgb,var(--pc-foil) 55%,transparent);box-shadow:0 0 0 3px var(--pc-wash);border-radius:12px;flex:none;place-items:center;font-size:1.5rem;font-weight:700;display:grid;overflow:hidden}.hpp .pp-photo .sample-avatar{align-self:end;width:118%;max-width:none;height:auto;margin-bottom:-2px;display:block}.hpp .pp-photo:has(.sample-avatar){place-items:end center}.hpp .pp-who{align-content:center;justify-items:start;gap:7px;min-width:0;display:grid}.hpp .pp-name{font-family:var(--font-display);font-variation-settings:var(--font-display-axes);letter-spacing:var(--track-display);color:var(--pc-ink);overflow-wrap:anywhere;font-size:1.625rem;font-weight:700;line-height:1.1}.hpp .pp-idline{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.hpp .pp-id{font-size:var(--fs-label);font-variant-numeric:tabular-nums;letter-spacing:var(--track-caps);color:var(--pc-muted);font-weight:600}.hpp .pp-age{border-radius:var(--radius-pill);background:var(--pc-wash);border:1px solid var(--pc-line);min-height:22px;color:var(--pc-ink);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;padding:1px 9px;font-weight:700;display:inline-flex}.hpp .pp-qr{flex-direction:column;align-self:start;align-items:center;gap:6px;width:88px;display:flex}.hpp .pp-qr-code{width:88px;height:88px;box-shadow:0 0 0 3px var(--pc-deep),0 0 0 4px var(--pc-line);border-radius:12px;display:block}.hpp .pp-qr-cap{font-size:var(--fs-caption);color:var(--pc-muted);text-align:center;text-wrap:balance;line-height:1.25}.hpp .pp-qr-off{border:1.5px dashed color-mix(in srgb,var(--pc-foil) 60%,transparent);background:var(--pc-wash);width:88px;height:88px;font:inherit;font-size:var(--fs-caption);text-align:center;color:var(--pc-ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-weight:700;line-height:1.2;display:flex}.hpp .pp-qr-off svg{color:var(--pc-foil)}.hpp button.pp-qr-off{cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.hpp button.pp-qr-off:hover{background:color-mix(in srgb,var(--pc-ink) 12%,transparent);border-color:var(--pc-foil)}.hpp .pp-ic{background:color-mix(in srgb,var(--pc-foil) 18%,transparent);width:22px;height:22px;color:var(--pc-foil);cursor:help;transition:background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);border-radius:50%;outline:none;flex:none;place-items:center;display:inline-grid;position:relative}.hpp .pp-ic-danger{background:color-mix(in srgb,var(--pc-danger) 22%,transparent);color:var(--pc-danger)}.hpp .pp-ic:hover,.hpp .pp-ic:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 55%,transparent)}.hpp .pp-ic:after{content:attr(data-tip);z-index:5;background:var(--color-neutral-900);width:max-content;max-width:min(240px,70cqw);color:var(--color-neutral-50);box-shadow:var(--shadow-elev-2);font:600 12px/1.35 var(--font-ui);letter-spacing:0;text-transform:none;white-space:normal;text-align:left;opacity:0;pointer-events:none;transition:opacity .14s var(--ease-out),transform .14s var(--ease-out);border-radius:8px;padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:-4px;transform:translateY(3px)}.hpp .pp-ic.below:after{top:calc(100% + 8px);bottom:auto;transform:translateY(-3px)}.hpp .pp-ic:hover:after,.hpp .pp-ic:focus-visible:after{opacity:1;transform:none}.hpp .pp-facts{border-top:1px solid var(--pc-line);grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:end;margin:0;padding-top:10px;display:grid}.hpp .pp-fact{border-left:1px solid var(--pc-line);min-width:0;padding:0 16px}.hpp .pp-fact:first-child{border-left:0;padding-left:0}.hpp .pp-fact dt,.hpp .pp-k,.hpp .pp-back-list dt{letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--pc-foil);white-space:nowrap;align-items:center;gap:7px;font-size:.75rem;font-weight:700;display:flex}.hpp :is(.pp-fact dt,.pp-k,.pp-back-list dt):lang(hi){text-transform:none;letter-spacing:0}.hpp .pp-fact dd{font-size:var(--fs-body);font-variant-numeric:tabular-nums;color:var(--pc-ink);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-weight:700;overflow:hidden}.hpp .pp-fact-blood{padding-right:20px}.hpp .pp-fact-blood dd{font-family:var(--font-display);font-variation-settings:var(--font-display-axes);font-size:1.875rem;line-height:1}.hpp .passport .missing{color:var(--pc-muted);font-family:inherit;font-weight:600}.hpp .pp-fact-blood dd.missing{font-size:var(--fs-body);line-height:1.5}.hpp .pp-foot{align-items:center;gap:10px;display:flex}.hpp .pp-alert{--pc-danger:var(--color-error-700);--pc-muted:var(--color-error-700);background:var(--color-error-100);min-width:0;min-height:40px;color:var(--color-error-700);border-radius:12px;flex:1;align-items:center;gap:8px;padding:6px 10px 6px 8px;display:flex}.hpp .pp-alert-k{letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--pc-danger);flex:none;font-size:.6875rem;font-weight:800}.hpp .pp-alert-k:lang(hi){text-transform:none;letter-spacing:0}.hpp .pp-alert-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hpp .pp-alert-text b{font-weight:800}.hpp .pp-alert-reaction{color:var(--pc-muted);font-weight:600}.hpp .pp-alert-reaction:before{content:"·";opacity:.7;margin:0 6px}.hpp .pp-more{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--pc-danger) 28%,transparent);font-size:var(--fs-caption);white-space:nowrap;flex:none;padding:1px 8px;font-weight:700}.hpp .pp-tools{flex:none;gap:8px;margin-left:auto;display:flex}.hpp .pp-tool{border:1px solid var(--pc-line);background:var(--pc-wash);width:40px;height:40px;color:var(--pc-foil);cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid}.hpp .pp-tool:hover{background:color-mix(in srgb,var(--pc-ink) 14%,transparent);border-color:color-mix(in srgb,var(--pc-foil) 70%,transparent)}.hpp .pp-tool:active{transform:scale(.94)}.hpp .pp-back:before{display:none}.hpp .pp-back .pp-top{margin:calc(var(--pc-py) * -1) calc(var(--pc-px) * -1) 0;padding:12px var(--pc-px);background:var(--pc-ink);color:var(--pc-deep)}.hpp .pp-back .pp-brand{color:var(--pc-deep);font-size:var(--fs-body)}.hpp .pp-back .pp-seal{background:var(--pc-danger);color:var(--color-neutral-50);box-shadow:none}.hpp .pp-back .pp-top .pp-id{color:color-mix(in srgb,var(--pc-deep) 72%,transparent)}.hpp .pp-back-main{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.hpp .pp-blood-tile,.hpp .pp-call{background:var(--pc-wash);border:1px solid var(--pc-line);border-radius:14px;align-content:center;gap:4px;min-width:0;padding:10px 16px;display:grid}.hpp .pp-blood-tile{min-width:120px}.hpp .pp-blood-v{font-family:var(--font-display);font-variation-settings:var(--font-display-axes);color:var(--pc-ink);font-size:2.25rem;font-weight:700;line-height:1}.hpp .pp-blood-v.missing{font-size:var(--fs-body);line-height:1.5}.hpp .pp-call-name{font-weight:700;font-size:var(--fs-body);color:var(--pc-ink);overflow-wrap:anywhere}.hpp .pp-call-phone{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--pc-ink);font-size:1.125rem;font-weight:700}.hpp .pp-back-list{flex:1;align-content:start;gap:8px;margin:0;display:grid}.hpp .pp-back-list>div{grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.hpp .pp-back-list dd{font-size:var(--fs-label);color:var(--pc-ink);margin:0;font-weight:600;line-height:1.4}.hpp .pp-chips{flex-wrap:wrap;gap:6px;display:flex}.hpp .pp-chip{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--pc-danger) 18%,transparent);border:1px solid color-mix(in srgb,var(--pc-danger) 50%,transparent);font-size:var(--fs-caption);color:var(--pc-ink);padding:1px 10px;font-weight:700}.hpp .pp-back-foot{right:var(--pc-px);bottom:var(--pc-py);position:absolute}.hpp .pp-back-list{padding-right:52px}@container (min-width:561px){.hpp .pp-main{gap:22px}.hpp .pp-photo{border-radius:14px;width:80px;height:100px;font-size:1.75rem}.hpp .pp-name{font-size:2rem}.hpp .pp-id{font-size:var(--fs-body)}.hpp .pp-qr,.hpp .pp-qr-code,.hpp .pp-qr-off{width:104px}.hpp .pp-qr-code,.hpp .pp-qr-off{height:104px}.hpp .pp-fact-blood dd{font-size:2.125rem}.hpp .pp-back-main{gap:14px}.hpp .pp-blood-tile,.hpp .pp-call{gap:6px;padding:16px 20px}.hpp .pp-blood-tile{min-width:150px}.hpp .pp-blood-v{font-size:3rem}.hpp .pp-call-name{font-size:var(--fs-body-l)}.hpp .pp-call-phone{font-size:1.375rem}.hpp .pp-back-list{gap:12px;padding-top:4px}.hpp .pp-back-list dd{font-size:var(--fs-body)}.hpp .pp-chip{font-size:var(--fs-label);padding:2px 12px}}@container (max-width:480px){.hpp .pp-main{gap:12px}.hpp .pp-photo{border-radius:10px;width:52px;height:64px;font-size:1.25rem}.hpp .pp-name{font-size:1.25rem}.hpp .pp-qr,.hpp .pp-qr-code,.hpp .pp-qr-off{width:68px}.hpp .pp-qr-code,.hpp .pp-qr-off{height:68px}.hpp .pp-qr-cap{display:none}.hpp .pp-fact{padding:0 10px}.hpp .pp-fact dt{font-size:.6875rem}.hpp .pp-fact-blood dd{font-size:1.5rem}.hpp .pp-back{gap:10px}.hpp .pp-back .pp-top{padding-block:10px}.hpp .pp-back-main{gap:8px}.hpp .pp-blood-tile,.hpp .pp-call{gap:2px;padding:8px 12px}.hpp .pp-blood-tile{min-width:0}.hpp .pp-blood-v{font-size:1.75rem}.hpp .pp-call-phone{font-size:var(--fs-body)}.hpp .pp-back-list{gap:6px}.hpp .pp-back-list>div{grid-template-columns:104px minmax(0,1fr);gap:8px}.hpp .pp-back-list dt{font-size:.6875rem}.hpp .pp-back-list dd{font-size:var(--fs-caption)}.hpp .pp-chip{padding:0 8px}}@container (max-width:360px){.hpp .pp-facts{grid-template-columns:auto auto auto;justify-content:space-between}.hpp .pp-fact{border-left:0;align-items:center;gap:5px;padding:0 0 0 8px;display:flex}.hpp .pp-fact dt{flex:none}.hpp .pp-fact-k{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hpp .pp-fact dd{margin:0;font-size:.75rem;overflow:visible}.hpp .pp-fact-blood dd{font-size:1.25rem}.hpp .pp-alert-k,.hpp .pp-alert-reaction{display:none}.hpp .pp-back-main{grid-template-columns:auto minmax(0,1fr)}.hpp .pp-back-list>div{grid-template-columns:minmax(0,1fr);gap:2px}}.hpp .passport.flat{aspect-ratio:auto;--pc-py:26px;gap:20px}.hpp .passport.flat .pp-main{grid-template-columns:auto minmax(0,1fr);align-items:end}.hpp .passport.flat .pp-photo{border-radius:14px;width:88px;height:110px;font-size:1.75rem}.hpp .passport.flat .pp-name{font-size:1.875rem}.hpp .pp-strip{margin:0 calc(var(--pc-px) * -1) calc(var(--pc-py) * -1);padding:14px var(--pc-px);background:color-mix(in srgb,var(--pc-ink) 8%,transparent);border-top:1px solid var(--pc-line);color:var(--pc-ink);font-variant-numeric:tabular-nums;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex;position:relative}.hpp .pp-strip span{white-space:nowrap}.hpp .pp-strip span+span{color:var(--pc-foil);opacity:.7;letter-spacing:.3em;white-space:nowrap;overflow:hidden}@container (max-width:360px){.hpp .passport.flat .pp-photo{width:68px;height:86px}.hpp .passport.flat .pp-name{font-size:1.5rem}}.hpp .landing{--lede:1.1875rem;--sec-gap:clamp(64px,8vw,104px)}.hpp .landing h2{font-family:var(--font-display);font-variation-settings:var(--font-display-axes);font-weight:700;font-size:var(--fs-title-l);letter-spacing:var(--track-display);line-height:1.12}:lang(hi) .hpp .landing h2{letter-spacing:0;line-height:1.3}.hpp .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}.hpp .landing ::selection{background:var(--color-primary-soft);color:var(--color-primary-deep)}.hpp .hero{padding-block:clamp(16px,3vw,40px) var(--sec-gap);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hpp .hero h1{font-size:var(--fs-title-xl);line-height:1.08}.hpp .hero h1 em{color:var(--color-primary);font-style:normal}.hpp .hero .sub{font-size:var(--lede);color:var(--color-ink-muted);max-width:44ch;margin-top:20px;line-height:1.55}@media (max-width:860px){.hpp .hero{grid-template-columns:minmax(0,1fr);gap:40px}}.hpp .jr{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head head""side stage";gap:clamp(28px,3.5vw,48px) clamp(32px,5vw,72px);display:grid}.hpp .jr-head{grid-area:head;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:16px clamp(32px,5vw,72px);display:grid}.hpp .jr-head>p{margin:0;padding-bottom:6px}.hpp .jr-head h2{font-family:var(--font-display);font-variation-settings:var(--font-display-axes);font-weight:700;font-size:var(--fs-title-l);letter-spacing:var(--track-display);line-height:1.12}:lang(hi) .hpp .jr-head h2{letter-spacing:0;line-height:1.3}.hpp .jr-action>a{color:var(--color-on-primary);text-decoration:none}.hpp .jr-side{flex-direction:column;grid-area:side;align-self:center;display:flex}.hpp .jr-steps{flex-direction:column;gap:4px;display:flex}.hpp .jr-step{border-radius:var(--radius-input);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;align-items:flex-start;gap:14px;padding:14px 16px;display:flex;position:relative}.hpp .jr-step:hover{background:color-mix(in srgb,var(--color-surface) 60%,transparent)}.hpp .jr-step[aria-selected=true]{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-raised)}.hpp .jr-step:not(:last-child):after{content:"";background:var(--color-border-strong);width:2px;position:absolute;top:52px;bottom:-16px;left:33px}.hpp .jr-step.done:after{background:var(--color-primary)}.hpp .jr-num{z-index:1;border:2px solid var(--color-border-strong);background:var(--color-canvas);width:36px;height:36px;color:var(--color-ink-muted);font-weight:700;font-size:var(--fs-body);font-variant-numeric:tabular-nums;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.hpp .jr-step.done .jr-num{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-deep)}.hpp .jr-step[aria-selected=true] .jr-num{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.hpp .jr-copy{flex-direction:column;gap:4px;min-width:0;padding-top:5px;display:flex}.hpp .jr-copy b{font-size:var(--fs-body-l);color:var(--color-ink);font-weight:700;line-height:1.3}.hpp .jr-step:not([aria-selected=true]) .jr-copy b{color:var(--color-ink-muted)}.hpp .jr-text{font-size:var(--fs-body);color:var(--color-ink-muted);max-width:44ch}.hpp .jr-step:not([aria-selected=true]) .jr-text{display:none}.hpp .jr-end{font-weight:700;font-size:var(--fs-body-l);align-items:center;gap:14px;margin-top:16px;padding-left:16px;display:flex}.hpp .jr-end-ic{background:var(--color-brand);width:36px;height:36px;color:var(--color-on-brand);border-radius:50%;flex:none;place-items:center;display:grid}.hpp .jr-action{margin-top:28px;padding-left:16px}.hpp .jr-stage{background:var(--color-surface-muted);border-radius:28px;grid-area:stage;padding:clamp(20px,3vw,40px);display:grid}.hpp .jr-panel{opacity:0;visibility:hidden;transition:opacity .24s var(--ease-out),visibility 0s linear .24s;grid-area:1/1;align-self:center}.hpp .jr-panel.on{opacity:1;visibility:visible;transition:opacity .24s var(--ease-out)}.hpp .jr-panel-text{display:none}@media (max-width:860px){.hpp .jr{flex-direction:column;gap:20px;display:flex}.hpp .jr-head{display:block}.hpp .jr-head>p{margin-top:12px;padding:0}.hpp .jr-side{display:contents}.hpp .jr-steps{order:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;position:relative}.hpp .jr-steps:before{content:"";background:var(--color-border-strong);height:2px;position:absolute;top:29px;left:12.5%;right:12.5%}.hpp .jr-step{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 4px 12px}.hpp .jr-step:not(:last-child):after{display:none}.hpp .jr-copy{padding:0}.hpp .jr-copy b{font-size:var(--fs-label);line-height:1.25}.hpp .jr-text{display:none}.hpp .jr-stage{border-radius:var(--radius-card);order:2;padding:12px}.hpp .jr-panel:not(.on){display:none}.hpp .jr-panel-text{font-size:var(--fs-body);color:var(--color-ink-muted);padding:6px 6px 14px;display:block}.hpp .jr-panel-text b{color:var(--color-ink)}.hpp .jr-end{order:3;margin:4px 0 0;padding:0}.hpp .jr-action{order:4;margin:0;padding:0}}.hpp .art{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);flex-direction:column;gap:16px;padding:clamp(18px,2.2vw,24px);display:flex}.hpp .art-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hpp .art-title{font-weight:700;font-size:var(--fs-body-l)}.hpp .art-tag{border-radius:var(--radius-pill);border:1.5px dashed var(--color-border-strong);min-height:28px;color:var(--color-ink-muted);font-size:var(--fs-caption);align-items:center;padding:0 12px;font-weight:600;display:inline-flex}.hpp .art-foot{color:var(--color-ink-muted);font-size:var(--fs-label);border-top:1px solid var(--color-border);align-items:center;gap:8px;padding-top:14px;display:flex}.hpp .art-foot .ico{color:var(--color-primary);flex:none}.hpp .art-meter{border-radius:var(--radius-pill);background:var(--color-surface-muted);height:8px;overflow:hidden}.hpp .art-meter i{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.hpp .art-checks{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hpp .art-checks li{border-top:1px solid var(--color-border);font-size:var(--fs-body);align-items:center;gap:12px;padding:11px 0;display:flex}.hpp .art-checks li:first-child{border-top:0;padding-top:0}.hpp .art-checks li.done{color:var(--color-ink-muted)}.hpp .art-check{border:1.5px solid var(--color-border-strong);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.hpp .art-checks li.done .art-check{background:var(--color-primary-soft);border-color:var(--color-primary-soft);color:var(--color-primary-deep)}.hpp .art-later{font-size:var(--fs-caption);color:var(--color-ink-subtle);margin-left:auto;font-weight:500}.hpp .art-tl{--tl-date:7.5rem;--tl-gap:14px;margin:0;padding:0;list-style:none}.hpp .art-tl li{grid-template-columns:var(--tl-date) 14px minmax(0,1fr);gap:0 var(--tl-gap);align-items:start;display:grid;position:relative}.hpp .art-tl li:not(:last-child):before{content:"";left:calc(var(--tl-date) + var(--tl-gap) + 6px);background:var(--color-border);width:2px;position:absolute;top:19px;bottom:-5px}.hpp .art-tl-date{font-size:var(--fs-label);color:var(--color-ink-muted);text-align:right;font-variant-numeric:tabular-nums;padding-top:2px}.hpp .art-tl-date.unk{color:var(--color-ink-subtle);font-style:italic}.hpp .art-tl-node{z-index:1;border:2.5px solid var(--color-primary);background:var(--color-surface);border-radius:50%;width:14px;height:14px;margin-top:5px;position:relative}.hpp .art-tl-body{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:18px;display:flex}.hpp .art-tl li:last-child .art-tl-body{padding-bottom:0}.hpp .art-tl-body b{font-weight:600;font-size:var(--fs-body)}.hpp .art-people{margin:0;padding:0;list-style:none}.hpp .art-people li{border-top:1px solid var(--color-border);align-items:center;gap:14px;padding:12px 0;display:flex}.hpp .art-people li:first-child{border-top:0;padding-top:4px}.hpp .art-person{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.hpp .art-person b{font-weight:600}.hpp .art-person span{font-size:var(--fs-label);color:var(--color-ink-muted)}.hpp .art-share{font-size:var(--fs-body);grid-template-columns:7.5rem minmax(0,1fr);margin:0;display:grid}.hpp .art-share dt,.hpp .art-share dd{border-top:1px solid var(--color-border);margin:0;padding:11px 0}.hpp .art-share dt:first-of-type,.hpp .art-share dd:first-of-type{border-top:0;padding-top:0}.hpp .art-share dt{color:var(--color-ink-subtle);font-size:var(--fs-label);padding-top:13px}.hpp .art-share dt:first-of-type{padding-top:2px}.hpp .art-share-items{flex-wrap:wrap;gap:6px 16px;display:flex}.hpp .art-share-items span{align-items:center;gap:6px;display:inline-flex}.hpp .art-share-items .ico{color:var(--color-primary)}@media (max-width:480px){.hpp .art-tl{--tl-date:5.75rem;--tl-gap:10px}.hpp .art-share{grid-template-columns:minmax(0,1fr)}.hpp .art-share dd{border-top:0;padding-top:0}.hpp .art-later{display:none}}.hpp .privacy{background:var(--color-brand);color:var(--color-on-brand);margin-bottom:var(--sec-gap);border-radius:28px;grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:40px clamp(32px,5vw,72px);padding:clamp(32px,5vw,64px);display:grid}.hpp .privacy h2{color:var(--color-on-brand)}.hpp .promises{grid-template-columns:1fr 1fr;gap:0 40px;margin:0;padding:0;list-style:none;display:grid}.hpp .promises li{border-top:1px solid color-mix(in srgb,var(--color-on-brand) 20%,transparent);align-items:flex-start;gap:16px;padding:20px 0;display:flex}.hpp .promises li:nth-child(-n+2){border-top:0;padding-top:4px}.hpp .promises b{color:var(--color-on-brand);margin-bottom:4px;font-weight:600;display:block}.hpp .promises li>span:last-child{color:var(--color-on-brand-muted)}@media (max-width:1100px){.hpp .promises{grid-template-columns:minmax(0,1fr)}.hpp .promises li:nth-child(2){border-top:1px solid color-mix(in srgb,var(--color-on-brand) 20%,transparent);padding-top:20px}}@media (max-width:860px){.hpp .privacy,.hpp .promises{grid-template-columns:minmax(0,1fr)}.hpp .promises li:nth-child(2){border-top:1px solid color-mix(in srgb,var(--color-on-brand) 20%,transparent);padding-top:20px}}.hpp .voice{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;gap:16px;padding:24px;display:flex}.hpp .stars{vertical-align:-3px;gap:2px;display:inline-flex}.hpp .stars span{color:var(--color-border-strong);display:inline-flex}.hpp .stars span.on{color:var(--color-primary)}.hpp .stars span.on .ico{fill:currentColor}.hpp .stars.sm .ico{width:14px;height:14px}.hpp .voices-cta{border-radius:var(--radius-card);background:var(--color-surface-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:24px clamp(20px,3vw,32px);display:flex}.hpp .voices-cta b{font-size:var(--fs-body-l);font-weight:700;display:block}.hpp .voices-cta p{color:var(--color-ink-muted);max-width:60ch;margin-top:4px}.hpp .review-form{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;gap:20px;max-width:780px;padding:clamp(20px,3vw,32px);display:flex}.hpp .review-form fieldset{border:0;margin:0;padding:0}.hpp .review-form textarea{resize:vertical;min-height:120px}.hpp .star-pick{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.hpp .star-pick label{border-radius:var(--radius-input);cursor:pointer;width:48px;height:48px;color:var(--color-border-strong);transition:color var(--dur) var(--ease-out);place-items:center;display:grid}.hpp .star-pick label:hover,.hpp .star-pick label.on{color:var(--color-primary)}.hpp .star-pick label.on .ico{fill:currentColor}.hpp .star-pick label .ico{width:30px;height:30px}.hpp .star-pick input{opacity:0;pointer-events:none;position:absolute}.hpp .star-pick label:has(input:focus-visible){outline:3px solid var(--color-focus)}.hpp .star-pick-label{color:var(--color-ink-muted);margin-left:10px;font-weight:600}@media (max-width:640px){.hpp .review-form .form-grid{grid-template-columns:minmax(0,1fr)}}.hpp .closing{background:var(--color-primary-soft);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;margin-bottom:24px;padding:clamp(28px,4vw,48px) clamp(24px,4vw,56px);display:flex}.hpp .foot{color:var(--color-ink-muted);font-size:var(--fs-label);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:24px 48px;display:flex}.hpp .auth{isolation:isolate;place-items:center;min-height:100%;padding-block:48px;display:grid;position:relative;overflow:clip}.hpp .choice{text-align:left;border-radius:var(--radius-card);border:1.5px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;width:100%;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out);align-items:flex-start;gap:16px;padding:20px;display:flex}.hpp .choice:hover{border-color:var(--color-ink-muted)}.hpp .choice.on{border-color:var(--color-primary);background:var(--color-primary-soft)}.hpp .choice h3{margin-bottom:4px}.hpp .ob-shell{max-width:760px;margin:0 auto}.hpp .progress{gap:6px;margin:16px 0 8px;display:flex}.hpp .progress i{background:var(--color-border);border-radius:9px;flex:1;height:6px}.hpp .progress i.done{background:var(--color-primary)}.hpp .progress i.cur{background:linear-gradient(90deg,var(--color-primary) 50%,var(--color-border) 50%)}.hpp .ob-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;display:flex}.hpp .choices4{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.hpp .choices4{grid-template-columns:minmax(0,1fr)}}.hpp .chiplist{flex-wrap:wrap;gap:8px;display:flex}.hpp .chip{border-radius:var(--radius-pill);background:var(--color-surface-muted);min-height:36px;font-size:var(--fs-label);align-items:center;gap:6px;padding:4px 4px 4px 14px;font-weight:600;display:inline-flex}.hpp .chip button{cursor:pointer;color:var(--color-ink-muted);background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.hpp .chip button:hover{background:var(--color-border);color:var(--color-ink)}.hpp .note{border-radius:var(--radius-input);background:var(--color-info-soft);color:var(--color-info-ink);font-size:var(--fs-body);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.hpp .note.amber{background:var(--color-attention-soft);color:var(--color-attention-ink)}.hpp .note.green{background:var(--color-success-soft);color:var(--color-success-ink)}.hpp .note.red{background:var(--color-danger-soft);color:var(--color-danger-ink)}.hpp .note svg{margin-top:2px}.hpp .count{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-h2);color:var(--color-ink);font-variant-numeric:tabular-nums;line-height:1}.hpp .dh-review{align-items:center;margin-bottom:24px}.hpp .for-who{background:color-mix(in srgb,var(--ring) 10%,var(--color-surface));border:1.5px solid color-mix(in srgb,var(--ring) 45%,transparent);font-size:var(--fs-body);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex}.hpp .dh-review>span{flex:1}.hpp .dh-board{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.hpp .dh-span{grid-column:1/-1}.hpp .dh-board>.dh-review{margin:0}@media (min-width:768px){.hpp .dh-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.hpp .dh-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:768px){.hpp .dh-tiles{gap:16px}}@media (min-width:1024px){.hpp .dh-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.hpp .dh-tile{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:72px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease-out);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:12px 16px;display:grid}.hpp .dh-tile:hover{border-color:var(--color-border-strong)}.hpp .dh-tile-ic{border-radius:var(--radius-input);background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary-deep);grid-row:1/3;place-items:center;display:grid}.hpp .dh-tile-v{color:var(--color-ink);font-size:1.5rem;font-weight:800;line-height:1.1}.hpp .dh-tile-l{font-size:var(--fs-label);color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-weight:600;line-height:1.3;overflow:hidden}.hpp .dh-tile>.ico:last-child{color:var(--color-ink-subtle);grid-area:1/3/3}@media (max-width:767px){.hpp .dh-tile{column-gap:10px;padding:10px 12px}.hpp .dh-tile-ic{width:36px;height:36px}.hpp .dh-tile>.ico:last-child{display:none}}.hpp .dh-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;min-width:0;display:flex;overflow:hidden}.hpp .dh-ph{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 4px;display:flex}.hpp .dh-ph :is(h2,h3){align-items:center;gap:10px;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3;display:flex}.hpp .dh-ph :is(h2,h3) .ico{color:var(--color-secondary)}.hpp .dh-ph.red h3 .ico{color:var(--color-danger)}.hpp .dh-count{border-radius:var(--radius-pill);background:var(--color-surface-muted);min-width:32px;height:28px;font-weight:700;font-size:var(--fs-label);font-variant-numeric:tabular-nums;white-space:nowrap;place-items:center;padding:0 10px;display:inline-grid}.hpp .dh-pb{flex:1;padding:4px 16px 10px}.hpp .dh-empty{padding:4px 0 6px}.hpp .dh-foot{border:0;border-top:1px solid var(--color-border);cursor:pointer;text-align:left;min-height:44px;font-weight:700;font-size:var(--fs-body);color:var(--color-primary);transition:background-color var(--dur) var(--ease-out);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.hpp .dh-foot:hover{background:var(--color-primary-soft);color:var(--color-primary-deep)}.hpp .dh-foot:focus-visible{outline-offset:-3px;border-radius:0}.hpp .dh-rows,.hpp .dh-allergies,.hpp .dh-timeline,.hpp .dh-ledger,.hpp .dh-doses{margin:0;padding:0;list-style:none}.hpp .dh-rows li{border-top:1px solid var(--color-border);align-items:center;gap:12px;min-width:0;padding:8px 0;display:flex}.hpp .dh-rows li:first-child{border-top:0}.hpp .dh-main{flex-direction:column;flex:1;min-width:0;display:flex}.hpp .dh-title{font-weight:700;font-size:var(--fs-body);color:var(--color-ink);line-height:1.35}.hpp .dh-sub{font-size:var(--fs-label);color:var(--color-ink-muted);line-height:1.45}.hpp .dh-dose{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.hpp .dh-next{border-radius:var(--radius-input);background:var(--color-primary-soft);color:var(--color-primary-deep);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 16px;margin:6px 0 16px;padding:14px 16px;display:grid}.hpp .dh-next-time{border-right:1.5px solid color-mix(in srgb,var(--color-primary-deep) 22%,transparent);font-weight:800;font-size:var(--fs-dose);font-variant-numeric:tabular-nums;white-space:nowrap;grid-row:span 2;padding-right:16px;line-height:1.1}.hpp .dh-next-k{font-weight:700;font-size:var(--fs-label)}.hpp .dh-next-med{font-weight:700;font-size:var(--fs-body-l);color:var(--color-ink);line-height:1.35}.hpp .dh-next-med .dh-dose{color:var(--color-ink-muted)}.hpp .dh-next-how{color:var(--color-ink-muted);font-weight:500}.hpp .dh-quiet{margin:4px 0 12px}.hpp .dh-part+.dh-part{margin-top:6px}.hpp .dh-part-h{font-weight:700;font-size:var(--fs-label);color:var(--color-ink-muted);align-items:center;gap:8px;padding:8px 0 4px;display:flex}.hpp .dh-part-h .ico{color:var(--color-secondary)}.hpp .dh-doses li{border-top:1px solid var(--color-border);grid-template-columns:5.25rem minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;padding:6px 0;display:grid}.hpp .dh-doses li:first-child{border-top:0}.hpp .dh-dtime{font-weight:700;font-size:var(--fs-body);font-variant-numeric:tabular-nums;color:var(--color-ink);white-space:nowrap}.hpp .dh-doses li.past .dh-dtime,.hpp .dh-doses li.past .dh-title{color:var(--color-ink-muted);font-weight:600}.hpp .dh-doses li.next{border-radius:var(--radius-input);background:var(--color-primary-soft);border-top-color:#0000;margin:0 -10px;padding:10px}.hpp .dh-doses li.next+li{border-top-color:#0000}.hpp .dh-earlier{font-size:var(--fs-label);color:var(--color-ink-subtle);font-weight:600}.hpp .dh-note{border-top:1px dashed var(--color-border);margin-top:10px;padding-top:10px}.hpp .dh-rows li:has(>.dh-go){padding:0}.hpp .dh-go{width:100%;min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:6px 0;display:flex}.hpp .dh-go>.ico:last-child,.hpp .dh-passrow>.ico:last-child{color:var(--color-ink-subtle)}.hpp .dh-go:hover .dh-title{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1.5px}.hpp .dh-well{border-radius:var(--radius-input);flex:none;place-items:center;width:36px;height:36px;display:grid}.hpp .dh-well.info{background:var(--color-info-soft);color:var(--color-info-ink)}.hpp .dh-well.warn{background:var(--color-attention-soft);color:var(--color-attention-ink)}.hpp .dh-passrow{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:100%;height:100%;min-height:60px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease-out);align-items:center;gap:14px;padding:10px 14px;display:flex}.hpp .dh-passrow:hover{border-color:var(--color-border-strong)}.hpp .dh-passic.warm{background:var(--color-accent-100,var(--color-attention-soft));color:var(--color-accent-800,var(--color-attention-ink))}.hpp .dh-passic{border-radius:var(--radius-input);background:var(--color-brand);width:40px;height:40px;color:var(--color-secondary-on-brand);flex:none;place-items:center;display:grid}.hpp .dh-allergies{flex-direction:column;gap:8px;display:flex}.hpp .dh-allergies li{background:var(--color-danger-soft);color:var(--color-danger-ink);border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.hpp .dh-allergies li>.ico{color:var(--color-danger)}.hpp .dh-allergies .dh-title{color:var(--color-danger-ink)}.hpp .dh-allergies .dh-sub{color:var(--color-ink)}.hpp .dh-allergies .badge{background:var(--color-surface)}.hpp .dh-ledger li{align-items:baseline;gap:8px;padding:3px 0;font-weight:500;display:flex}.hpp .dh-ledger i{border-bottom:2px dotted var(--color-border-strong);flex:1;min-width:16px;transform:translateY(-4px)}.hpp .dh-ledger b{font-variant-numeric:tabular-nums;font-weight:700}.hpp .dh-timeline{padding-left:26px;position:relative}.hpp .dh-timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:10px;bottom:10px;left:5px}.hpp .dh-timeline li{padding:4px 0 10px;position:relative}.hpp .dh-timeline li:last-child{padding-bottom:6px}.hpp .dh-timeline li:before{content:"";background:var(--color-surface);border:2.5px solid var(--color-primary);border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:-26px}.hpp .dh-timeline li:first-child:before{background:var(--color-primary)}@media (max-width:520px){.hpp .dh-ph,.hpp .dh-pb,.hpp .dh-foot{padding-left:18px;padding-right:18px}.hpp .dh-doses li{grid-template-columns:4.75rem minmax(0,1fr) auto}.hpp .dh-rows li{flex-wrap:wrap}.hpp .dh-rows.plain li{flex-wrap:nowrap}.hpp .dh-rows.plain li .badge{margin-left:0}}.hpp .filters{scrollbar-width:thin;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.hpp .toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.hpp .search{flex:280px;min-width:0;position:relative}.hpp .search .ico{color:var(--color-ink-subtle);position:absolute;top:16px;left:16px}.hpp .search input{padding-left:46px}.hpp .toolbar select.input{flex:0 auto;width:auto}.hpp .rec-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.hpp .rec{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);min-width:0;transition:border-color var(--dur) var(--ease-out);flex-direction:column;gap:12px;padding:20px;display:flex}.hpp .rec:hover{border-color:var(--color-border-strong)}.hpp .kv{font-size:var(--fs-body);grid-template-columns:auto 1fr;gap:6px 16px;display:grid}.hpp .kv dt{color:var(--color-ink-subtle)}.hpp .kv dd{color:var(--color-ink);overflow-wrap:anywhere;min-width:0;margin:0}.hpp .empty{text-align:center;border-radius:var(--radius-card);border:1.5px dashed var(--color-border-strong);background:var(--color-surface);padding:56px 24px}.hpp .empty .tile-ic{border-radius:var(--radius-input);width:56px;height:56px;margin:0 auto 16px}.hpp .empty p{color:var(--color-ink-muted);max-width:46ch;margin:8px auto 24px}.hpp .switcher{scrollbar-width:thin;gap:8px;padding:6px 4px 12px;display:flex;overflow-x:auto}.hpp .sw{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;white-space:nowrap;min-height:48px;font-weight:600;font-size:var(--fs-body);align-items:center;gap:10px;padding:4px 18px 4px 6px;display:flex}.hpp .sw[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-deep)}.hpp .viewing{--ring:var(--member-1);border-radius:var(--radius-input);background:color-mix(in srgb,var(--ring) 10%,var(--color-surface));border:1.5px solid color-mix(in srgb,var(--ring) 45%,transparent);color:var(--color-ink);font-weight:700;font-size:var(--fs-body);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px 10px 10px;display:flex}.hpp .tabs{border-bottom:1px solid var(--color-border);scrollbar-width:none;gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.hpp .tabs button{min-height:48px;color:var(--color-ink-muted);cursor:pointer;white-space:nowrap;font-weight:500;font-size:var(--fs-body);background:0 0;border:0;border-bottom:3px solid #0000;padding:0 16px}.hpp .tabs button:hover{color:var(--color-ink)}.hpp .tabs button[aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-primary);font-weight:600}.hpp .two{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (max-width:760px){.hpp .two{grid-template-columns:minmax(0,1fr)}}.hpp .locked{text-align:center;padding:40px 20px}.hpp .sh-page{flex-direction:column;gap:24px;display:flex}.hpp .sh-ov-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.hpp .sh-ov-head .small{font-variant-numeric:tabular-nums}.hpp .sh-soon{color:var(--color-attention-ink);font-weight:600}.hpp .sh-ended{margin-top:16px}.hpp .sh-ended summary{cursor:pointer;min-height:44px;font-weight:600;font-size:var(--fs-body);color:var(--color-ink-muted);align-items:center;gap:6px;list-style:none;display:inline-flex}.hpp .sh-ended summary::-webkit-details-marker{display:none}.hpp .sh-ended summary .ico{transition:transform var(--dur) var(--ease-out)}.hpp .sh-ended[open] summary .ico{transform:rotate(90deg)}.hpp .sh-ended ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;margin:4px 0 0;padding:0 0 0 22px;list-style:none;display:grid}.hpp .sh-ended li{animation:hp-fade var(--dur) var(--ease-out);flex-direction:column;padding:4px 0;display:flex}.hpp .sh-ended li .li-title{color:var(--color-ink-muted)}.hpp .sh-compose{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.hpp .sh-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:96px}.hpp .sh-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:16px 0 32px;padding:0;list-style:none;display:grid}.hpp .sh-steps button{width:100%;font:inherit;text-align:left;font-size:var(--fs-label);color:var(--color-ink-subtle);cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;font-weight:600;display:flex}.hpp .sh-steps button:disabled{cursor:default}.hpp .sh-steps i{background:var(--color-border);height:3px;transition:background-color var(--dur) var(--ease-out);border-radius:9px;display:block}.hpp .sh-steps button>span{align-items:center;gap:4px;display:inline-flex}.hpp .sh-steps li.on button{color:var(--color-ink)}.hpp .sh-steps li.on i{background:var(--color-ink)}.hpp .sh-steps li.done button{color:var(--color-primary)}.hpp .sh-steps li.done i{background:var(--color-primary)}.hpp .sh-steps li.done button:hover span{text-underline-offset:.2em;text-decoration:underline}.hpp .sh-step{animation:hp-rise .22s var(--ease-out)}.hpp .sh-group+.sh-group{margin-top:28px}.hpp .sh-group-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px;display:flex}.hpp .sh-group-head .small{font-variant-numeric:tabular-nums}.hpp .sh-page .checkrow{border-width:1px;min-height:0;padding:12px 14px}.hpp .sh-page .checkrow:has(input:checked){background:var(--color-surface);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.hpp .sh-page .checkrow input{width:20px;height:20px}.hpp .sh-live{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.hpp .sh-live-head{width:100%;color:var(--color-ink);font:inherit;text-align:left;cursor:default;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 4px;display:flex}.hpp .sh-live-title{font-weight:700;font-size:var(--fs-body)}.hpp .sh-live-chev{display:none}.hpp .sh-live-body section{border-top:1px solid var(--color-border);padding:12px 20px}.hpp .sh-live-body section:last-child{padding-bottom:18px}.hpp .sh-live-body section:first-child{border-top:0}.hpp .sh-fine{font-size:var(--fs-label);color:var(--color-ink-muted);align-items:flex-start;gap:8px;margin:0;padding:0 8px;display:flex}.hpp .sh-fine .ico{flex:none;margin-top:2px}.hpp .sh-live-empty{padding:20px}.hpp .sh-pending{color:var(--color-ink-subtle);font-style:italic}.hpp .sh-live-items{padding:0;margin:8px 0 0;flex-direction:column;gap:2px;max-height:340px;margin-inline:-8px;padding-inline:8px;list-style:none;display:flex;overflow:hidden auto}.hpp .sh-live-items li{font-size:var(--fs-label);animation:sh-in .9s var(--ease-out);border-radius:10px;align-items:flex-start;gap:10px;margin:0 -8px;padding:6px 8px;display:flex}.hpp .sh-live-items li>.ico{color:var(--color-primary);flex:none;margin-top:2px}.hpp .sh-live-items .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes sh-in{0%{background:var(--color-success-soft);transform:translate(-4px)}30%{transform:none}}.hpp .sh-done{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:32px;display:grid}.hpp .sh-done .link-box .btn{flex:none}.hpp .sh-qr{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:0;display:flex}.hpp .sh-qr svg{aspect-ratio:1;border-radius:var(--radius-input);border:1px solid var(--color-border);width:100%;max-width:240px;display:block}@media (max-width:1024px){.hpp .sh-compose{grid-template-columns:minmax(0,1fr)}.hpp .sh-side{position:static}.hpp .sh-live-head{cursor:pointer}.hpp .sh-live-chev{transition:transform var(--dur) var(--ease-out);display:inline-block;transform:rotate(90deg)}.hpp .sh-live-head[aria-expanded=true] .sh-live-chev{transform:rotate(-90deg)}.hpp .sh-live-head{padding-bottom:16px}.hpp .sh-live-head[aria-expanded=true]{padding-bottom:4px}.hpp .sh-live-body{display:none}.hpp .sh-live-body.open{display:block}}@media (min-width:1025px){.hpp .sh-live-head{pointer-events:none}}@media (max-width:640px){.hpp .sh-steps button>span{font-size:var(--fs-caption)}.hpp .sh-done{grid-template-columns:minmax(0,1fr)}.hpp .sh-qr svg{max-width:200px}.hpp .sh-done .link-box{flex-wrap:wrap}}.hpp .checkrow{border-radius:var(--radius-input);border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;min-height:56px;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.hpp .checkrow:hover{border-color:var(--color-border-strong)}.hpp .checkrow:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.hpp .checkrow input{width:22px;height:22px;accent-color:var(--color-primary);flex:none;margin-top:1px}.hpp .audience{border:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0 0 20px;padding:0;display:grid}.hpp .audience legend{margin-bottom:8px;padding:0}.hpp .audience .checkrow{align-items:center}.hpp .audience .checkrow:has(input:checked) .tile-ic{background:var(--color-primary);color:var(--color-on-primary)}.hpp .audience .checkrow:has(input:checked) .tile-ic .ico{stroke:var(--color-on-primary)}.hpp .review-box{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);overflow:hidden}.hpp .review-box section{border-top:1px solid var(--color-border);padding:16px 20px}.hpp .review-box section:first-child{border-top:0}.hpp .doc-sheet{max-width:920px;margin:0 auto}.hpp .doc-sec{border-top:1px solid var(--color-border);grid-template-columns:220px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.hpp .doc-sec h3{font-size:var(--fs-body);color:var(--color-ink)}.hpp .doc-sec h3 .n{color:var(--color-ink-subtle);font-variant-numeric:tabular-nums;margin-right:6px;font-weight:600}@media (max-width:700px){.hpp .doc-sec{grid-template-columns:minmax(0,1fr);gap:12px}}.hpp .dtable{border-collapse:collapse;width:100%;font-size:var(--fs-body)}.hpp .dtable th{text-align:left;font-size:var(--fs-label);color:var(--color-ink-muted);border-bottom:1px solid var(--color-border-strong);padding:8px 12px 8px 0;font-weight:600}.hpp .dtable td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:12px 12px 12px 0}.hpp .dtable tr:last-child td{border-bottom:0}.hpp .tscroll{overflow-x:auto}.hpp .legend{flex-wrap:wrap;gap:10px;display:flex}.hpp .dv-switch{margin:20px 0 8px}.hpp .tl-key{border-radius:var(--radius-input);background:var(--color-surface-muted);border:1px solid var(--color-border);gap:10px;margin:16px 0 8px;padding:14px 16px;display:grid}.hpp .tl-key-title{font-size:var(--fs-body);align-items:center;gap:8px;display:flex}.hpp .tl-key-title .ico{color:var(--color-danger)}.hpp .tl-key-row{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.hpp .tl-key-row>span:first-child{font-size:var(--fs-label);color:var(--color-ink-muted);flex:0 0 190px;font-weight:600}.hpp .tl-key .badge{white-space:normal}.hpp .tlv-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 4px;display:flex}.hpp .tlv,.hpp .tlv-items{margin:0;padding:0;list-style:none}.hpp .tlv-year>h3{font-size:var(--fs-h3);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--color-border);margin:20px 0 12px;padding-bottom:8px}.hpp .tlv-item{grid-template-columns:112px 36px minmax(0,1fr);column-gap:14px;padding-bottom:18px;display:grid;position:relative}.hpp .tlv-item:before{content:"";background:var(--color-border);width:2px;position:absolute;top:36px;bottom:0;left:143px}.hpp .tlv-item:last-child:before{display:none}.hpp .tlv-date{text-align:right;font-size:var(--fs-label);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;padding-top:8px;font-weight:600}.hpp .tlv-node{z-index:1;background:var(--color-info-soft);width:36px;height:36px;color:var(--color-info-ink);border-radius:50%;place-items:center;display:grid;position:relative}.hpp .tlv-node.hosp{background:var(--color-danger-soft);color:var(--color-danger-ink)}.hpp .tlv-node.doc{background:var(--color-surface-muted);color:var(--color-ink-muted)}.hpp .tlv-node.cond{background:var(--color-attention-soft);color:var(--color-attention-ink)}.hpp .tlv-node.med{background:var(--color-primary-soft);color:var(--color-primary-deep)}.hpp .tlv-body{min-width:0;padding-top:2px}.hpp .tlv-tag{font-size:var(--fs-label);color:var(--color-ink-muted);font-weight:600}.hpp .tlv-date-inline{font-variant-numeric:tabular-nums;display:none}.hpp .tlv-title{color:var(--color-ink);overflow-wrap:anywhere;font-weight:700}.hpp .tlv-meta{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:6px;display:flex}@media (max-width:600px){.hpp .tlv-item{grid-template-columns:36px minmax(0,1fr);column-gap:12px}.hpp .tlv-item:before{left:17px}.hpp .tlv-date{display:none}.hpp .tlv-date-inline{display:inline}.hpp .tl-key-row>span:first-child{flex-basis:100%}}.hpp .set-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:40px;display:grid}.hpp .set-nav{flex-direction:column;gap:4px;display:flex;position:sticky;top:104px}.hpp .set-nav a{border-radius:var(--radius-input);min-height:44px;color:var(--color-ink-muted);font-weight:500;font-size:var(--fs-body);align-items:center;padding:0 14px;text-decoration:none;display:flex}.hpp .set-nav a:hover{background:var(--color-surface-muted);color:var(--color-ink)}@media (max-width:860px){.hpp .set-layout{grid-template-columns:minmax(0,1fr);gap:24px}.hpp .set-nav{flex-direction:row;position:static;overflow-x:auto}.hpp .set-nav a{white-space:nowrap}}.hpp .set-sec{scroll-margin-top:104px}.hpp .set-row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.hpp .set-row:first-of-type{border-top:0}.hpp .ct-row{flex-direction:column;align-items:stretch;gap:14px}.hpp .ct-preview{max-width:440px}.hpp .ct-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:560px;display:grid}.hpp .ct-option{cursor:pointer;justify-items:center;gap:8px;display:grid;position:relative}.hpp .ct-option input{opacity:0;pointer-events:none;position:absolute}.hpp .ct-mini.passport{width:100%;box-shadow:var(--shadow-elev-1);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);border-radius:12px;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 8px;padding:10px;display:grid}.hpp .ct-mini.passport:before{border-radius:9px;inset:4px}.hpp .ct-mini-photo{background:color-mix(in srgb,var(--pc-ink) 18%,transparent);border:1px solid color-mix(in srgb,var(--pc-foil) 60%,transparent);border-radius:4px;width:18px;height:23px}.hpp .ct-mini-lines{gap:4px;display:grid}.hpp .ct-mini-lines span{background:var(--pc-ink);opacity:.85;border-radius:3px;height:5px}.hpp .ct-mini-lines span+span{background:var(--pc-foil);opacity:.9;width:60%}.hpp .ct-mini-chip{background:color-mix(in srgb,var(--pc-danger) 55%,transparent);border-radius:3px;grid-column:1/-1;height:6px;margin-top:6px}.hpp .ct-name{font-size:var(--fs-label);color:var(--color-ink-muted);text-align:center;font-weight:600}.hpp .ct-option:hover .ct-mini{transform:translateY(-2px)}.hpp .ct-option input:checked+.ct-mini{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary)}.hpp .ct-option input:checked~.ct-name{color:var(--color-ink);font-weight:700}.hpp .ct-option input:focus-visible+.ct-mini{outline:3px solid var(--color-focus,var(--color-primary));outline-offset:4px}@media (max-width:520px){.hpp .ct-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.hpp .scrim{background:var(--scrim);z-index:var(--z-overlay);padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:hp-fade var(--dur) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hpp .modal{background:var(--color-surface);border-radius:var(--radius-sheet);width:100%;max-width:580px;max-height:100%;box-shadow:var(--shadow-sheet);animation:hp-rise var(--dur) var(--ease-out);overflow:auto}.hpp .modal.wide{max-width:760px}.hpp .modal-head{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 0;display:flex}.hpp .modal-body{padding:16px 24px 24px}.hpp .modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}@media (max-width:600px){.hpp .scrim{align-items:flex-end;padding:0}.hpp .modal{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-height:92%;padding-bottom:env(safe-area-inset-bottom,0px)}.hpp .modal-head{padding:20px 20px 0}.hpp .modal-body{padding:16px 20px 20px}.hpp .modal-foot{padding:12px 20px 20px}}.hpp .toasts{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);display:flex;position:fixed;transform:translate(-50%)}@media (max-width:860px){.hpp .toasts{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}.hpp .toast{background:var(--color-ink);color:var(--color-canvas);min-height:48px;font-size:var(--fs-body);box-shadow:var(--shadow-raised);animation:hp-rise var(--dur) var(--ease-out);border-radius:14px;align-items:center;gap:12px;padding:12px 18px;font-weight:500;display:flex}.hpp .toast .ico{color:var(--color-primary-soft)}.hpp .skeleton{background:var(--color-surface-muted);border-radius:var(--radius-input);animation:1.6s ease-in-out infinite hp-breathe}.hpp .rx-src{font-size:var(--fs-body);color:var(--color-ink-muted)}.hpp .doc-preview{aspect-ratio:1/1.3;border-radius:var(--radius-input);border:1px solid var(--color-border);background:var(--color-canvas);flex-direction:column;gap:10px;max-width:100%;padding:24px;display:flex}.hpp .doc-preview i{background:var(--color-border);border-radius:5px;height:9px;display:block}@keyframes hp-fade{0%{opacity:0}}@keyframes hp-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes hp-spin{to{transform:rotate(360deg)}}@keyframes hp-breathe{50%{opacity:.55}}:root[data-app-big]:not([data-text-scale]):has(.hp-account){font-size:120%}.hpp .enter .page{animation:hp-fade var(--dur) var(--ease-out) both}.hpp .pp-flip{perspective:1400px;max-width:100%}.hpp .pp-inner{transition:transform .4s var(--ease-out);transform-style:preserve-3d;display:grid}.hpp .pp-inner>*{backface-visibility:hidden;grid-area:1/1}.hpp .pp-inner{aspect-ratio:1.8}.hpp .pp-inner>.passport{aspect-ratio:auto}.hpp .pp-back,.hpp .flipped .pp-inner{transform:rotateY(180deg)}.hpp .cl-share{grid-template-columns:192px minmax(0,1fr);align-items:start;gap:24px;display:grid}.hpp .cl-qr{border-radius:var(--radius-input);border:1px solid var(--color-border);width:192px;height:192px;display:block}.hpp .cl-side{flex-direction:column;gap:12px;min-width:0;display:flex}.hpp .cl-side .link-box{font-size:var(--fs-label);color:var(--color-ink);font-weight:600}.hpp .cl-side .btn-text{padding:0 10px}@media (max-width:560px){.hpp .cl-share{grid-template-columns:minmax(0,1fr);justify-items:center}.hpp .cl-side{width:100%}}.hpp .cl-manage{border-top:1px solid var(--color-border);flex-direction:column;padding-top:8px;display:flex}.hpp .cl-manage>.btn{align-self:flex-start;margin:8px 0}.hpp .ec-page{min-height:100vh;padding-block:16px 56px}.hpp .ec-col{flex-direction:column;gap:20px;max-width:560px;margin:0 auto;display:flex}.hpp .ec-foot{font-size:var(--fs-body);color:var(--color-ink-muted);max-width:60ch}.hpp .ring{flex:none;width:88px;height:88px;position:relative}.hpp .ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hpp .ring .track{stroke:var(--color-surface-muted)}.hpp .ring .val{stroke:var(--color-primary);transition:stroke-dashoffset .6s var(--ease-out)}.hpp .ring b{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-h3);color:var(--color-ink);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}@keyframes hp-medal{0%{opacity:0;transform:scale(.82)}}.hpp .next-list{flex-direction:column;gap:8px;display:flex}.hpp .next-item{background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;text-align:left;min-height:52px;font-weight:600;font-size:var(--fs-body);color:var(--color-ink);transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out);border-radius:14px;align-items:center;gap:12px;padding:10px 16px;display:flex}.hpp .next-item:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.hpp .next-item .num{border:2px solid var(--color-border-strong);border-radius:50%;flex:none;width:22px;height:22px}@keyframes hp-indet{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes hp-draw{to{stroke-dashoffset:0}}.hpp .bell{position:relative}.hpp .pop{background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--glass-lo);border-radius:var(--radius-card);width:min(380px,100vw - 32px);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi);z-index:var(--z-dropdown);animation:hp-fade var(--dur) var(--ease-out);position:absolute;top:60px;right:0;overflow:hidden}.hpp .pop-item{border-top:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.hpp .pop-item.unread{background:color-mix(in srgb,var(--color-primary-soft) 60%,transparent)}.hpp .term{border:1.5px solid var(--color-border-strong);width:22px;height:22px;color:var(--color-ink-muted);cursor:pointer;vertical-align:middle;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:.75rem;font-weight:700;display:inline-grid;position:relative}.hpp .term:after{content:"";position:absolute;inset:-13px}.hpp .term:hover{border-color:var(--color-primary);color:var(--color-primary)}.hpp details.acc{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);overflow:hidden}.hpp details.acc+details.acc{margin-top:8px}.hpp details.acc summary{cursor:pointer;min-height:52px;color:var(--color-ink);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:600;list-style:none;display:flex}.hpp details.acc summary::-webkit-details-marker{display:none}.hpp details.acc summary .ico{transition:transform var(--dur) var(--ease-out)}.hpp details.acc[open] summary .ico{transform:rotate(90deg)}.hpp details.acc .acc-body{color:var(--color-ink);font-size:var(--fs-body);animation:hp-fade var(--dur) var(--ease-out);padding:0 16px 16px}.hpp .toast .undo{color:var(--color-primary-soft);cursor:pointer;min-height:36px;font-weight:700;font-size:var(--fs-body);text-underline-offset:.2em;background:0 0;border:0;padding:0 0 0 8px;text-decoration:underline}.hpp .toast.out{animation:hp-toastOut var(--dur) var(--ease-out) forwards}@keyframes hp-toastOut{to{opacity:0;transform:translateY(8px)}}.hpp .li .row-actions{gap:2px;display:flex}.hpp .icon-btn.row-tool{width:44px;height:44px}.hpp .ob-split{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:40px;display:grid}.hpp .ob-split .sticky{position:sticky;top:24px}.hpp .ob-split .form-grid{grid-template-columns:minmax(0,1fr)}@media (max-width:860px){.hpp .ob-split{grid-template-columns:minmax(0,1fr)}.hpp .ob-split .sticky{order:-1;position:static}}.hpp .ob-step-in{animation:hp-fade var(--dur) var(--ease-out) both}.hpp .why{font-size:var(--fs-label);color:var(--color-ink-muted);align-items:flex-start;gap:6px;margin-top:4px;display:flex}.hpp .sk-card{border-radius:var(--radius-card);height:200px}@media (prefers-reduced-motion:reduce){.hpp,.hpp *,.hpp :before,.hpp :after{transition:none!important;animation:none!important}}.hpp{min-height:100dvh}.hpp .avatar{overflow:hidden}.hpp .avatar img,.hpp .pp-photo img{object-fit:cover;width:100%;height:100%;display:block}.hpp .pp-photo{overflow:hidden}.hpp .doc-file{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:14px;width:100%;min-height:420px;display:block}.hpp img.doc-file{object-fit:contain;height:auto;min-height:0;max-height:70vh}.hpp .link-box{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-surface-muted);min-height:52px;font-size:var(--fs-body);overflow-wrap:anywhere;align-items:center;gap:8px;padding:12px 16px;display:flex}.hpp .dev-code{font-variant-numeric:tabular-nums;letter-spacing:.04em;background:var(--color-attention-soft);color:var(--color-attention-ink);border-radius:6px;padding:2px 8px;font-weight:600}.hpp .app-main{z-index:0;position:relative}.hpp .df{align-items:center;min-width:0;display:flex;position:relative}.hpp .df-trigger{text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;padding-right:44px;display:flex}.hpp .df:has(.df-clear) .df-trigger{padding-right:80px}.hpp .df-trigger .ico{color:var(--color-ink-muted);flex:none}.hpp .df-trigger .df-chev{transition:transform var(--dur) var(--ease-out);margin-top:-8px;position:absolute;top:50%;right:14px;transform:rotate(90deg)}.hpp .df-trigger[aria-expanded=true] .df-chev{transform:rotate(-90deg)}.hpp .df-trigger[aria-expanded=true]{border-color:var(--color-focus)}.hpp .df-value{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:0;overflow:hidden}.hpp .df-empty .df-value{color:var(--color-ink-subtle)}.hpp .df-trigger:disabled{background:var(--ui-disabled);color:var(--ui-ink-disabled);cursor:not-allowed}.hpp .df-clear{width:32px;height:32px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.hpp .df-clear:hover{background:var(--color-surface-muted);color:var(--color-ink)}.hpp .df-compact .df-trigger{min-height:48px;font-size:var(--fs-body);border-radius:var(--radius-input);gap:8px;padding:0 40px 0 12px}.hpp .df-compact:has(.df-clear) .df-trigger{padding-right:72px}.hpp .df-compact .df-trigger .df-chev{right:12px}.hpp .df-compact .df-clear{width:32px;height:32px;right:36px}.hpp .df-compact{width:auto;min-width:184px}.hpp .df-pop{z-index:var(--z-modal);background:var(--ui-raised);border:1px solid var(--ui-line);border-radius:var(--radius-xl);width:336px;max-width:calc(100vw - 16px);box-shadow:var(--elev-2);animation:hp-df-in .16s var(--ease-out);padding:14px;position:fixed}@keyframes hp-df-in{0%{opacity:0;transform:translateY(-4px)}}.hpp .df-scrim{z-index:var(--z-overlay);background:var(--scrim);animation:.18s hp-fade;position:fixed;inset:0}.hpp .df-pop.df-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:auto;max-width:none;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));animation:hp-df-up .24s var(--ease-out);box-shadow:var(--shadow-sheet);border-bottom:0;inset:auto 0 0}@keyframes hp-df-up{0%{transform:translateY(100%)}}.hpp .df-sheet-head{text-align:center;grid-template-columns:48px 1fr 48px;align-items:center;padding-top:10px;display:grid;position:relative}.hpp .df-sheet-head b{font-size:var(--fs-body-l);grid-column:2}.hpp .df-sheet-head .icon-btn{grid-column:3}.hpp .df-grip{background:var(--color-border-strong);border-radius:4px;width:40px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hpp .df-foot{justify-content:flex-end;gap:4px;min-height:8px;margin-top:6px;display:flex}.hpp .df-foot:empty{display:none}.hpp .rdp-root{--cell:44px;font-variant-numeric:tabular-nums;color:var(--color-ink);position:relative}.hpp .df-sheet .rdp-root{--cell:min(48px,calc((100vw - 32px) / 7))}.hpp .rdp-root *{box-sizing:border-box}.hpp .rdp-months{justify-content:center;display:flex}.hpp .rdp-month{width:calc(var(--cell) * 7);position:relative}.hpp .rdp-month_caption{justify-content:center;align-items:center;height:48px;margin:0 48px;display:flex}.hpp .rdp-dropdowns{align-items:center;gap:6px;display:inline-flex}.hpp .rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.hpp .rdp-dropdown{z-index:2;opacity:0;appearance:none;cursor:pointer;width:100%;font:inherit;border:0;margin:0;padding:0;position:absolute;inset:0}.hpp .rdp-caption_label{z-index:1;border-radius:var(--radius-pill);background:var(--color-surface-muted);min-height:40px;font-weight:700;font-size:var(--fs-body);white-space:nowrap;align-items:center;gap:4px;padding:0 10px 0 12px;display:inline-flex;position:relative}.hpp .rdp-month_caption>.rdp-caption_label{background:0 0}.hpp .rdp-caption_label .rdp-chevron{width:14px;height:14px;fill:var(--color-ink-muted);transform:rotate(0)}.hpp .rdp-dropdown:focus-visible~.rdp-caption_label{outline:3px solid var(--color-focus);outline-offset:2px}.hpp .rdp-dropdown_root:hover .rdp-caption_label{background:var(--color-border)}.hpp .rdp-button_previous,.hpp .rdp-button_next{cursor:pointer;width:48px;height:48px;color:var(--color-ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:0}.hpp .rdp-button_previous{left:0}.hpp .rdp-button_next{right:0}.hpp .rdp-button_previous:hover,.hpp .rdp-button_next:hover{background:var(--color-surface-muted)}.hpp .rdp-button_previous[aria-disabled=true],.hpp .rdp-button_next[aria-disabled=true],.hpp .rdp-button_previous:disabled,.hpp .rdp-button_next:disabled{opacity:.3;cursor:default;background:0 0}.hpp .rdp-chevron{fill:currentColor;width:18px;height:18px}.hpp .rdp-month_grid{border-collapse:collapse;margin-top:4px}.hpp .rdp-weekday{width:var(--cell);height:32px;font-size:var(--fs-caption);color:var(--color-ink-subtle);text-align:center;font-weight:600}.hpp .rdp-day{width:var(--cell);height:var(--cell);text-align:center;padding:2px}.hpp .rdp-day_button{width:100%;height:100%;font:inherit;font-size:var(--fs-body);color:inherit;cursor:pointer;transition:background-color .12s var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.hpp .rdp-day_button:hover{background:var(--color-surface-muted)}.hpp .rdp-day_button:focus-visible{outline:3px solid var(--color-focus);outline-offset:0}.hpp .rdp-today:not(.rdp-selected) .rdp-day_button{box-shadow:inset 0 0 0 2px var(--ui-indicator);color:var(--ui-ink);font-weight:700}.hpp .rdp-selected .rdp-day_button{background:var(--ui-check);color:var(--ui-on-check);font-weight:700}.hpp .rdp-outside{color:var(--color-ink-subtle)}.hpp .rdp-outside .rdp-day_button{color:var(--ui-ink-muted)}.hpp .rdp-disabled .rdp-day_button{opacity:.3;cursor:not-allowed;background:0 0}.hpp .rdp-hidden{visibility:hidden}.hpp .mg-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hpp .mg-head .icon-btn:disabled{opacity:.3;cursor:default}.hpp .mg-head .icon-btn:first-child .ico{transform:none}.hpp .mg-year{border-radius:var(--radius-pill);background:var(--color-surface-muted);cursor:pointer;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex;position:relative}.hpp .mg-year select{opacity:0;cursor:pointer;font:inherit;position:absolute;inset:0}.hpp .mg-year select+.ico{transform:rotate(90deg)}.hpp .mg-year:focus-within{outline:3px solid var(--color-focus)}.hpp .mg-year span:not(.sr-only){pointer-events:none}.hpp .mg-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.hpp .mg-month{border:1.5px solid var(--color-border);background:var(--color-surface);min-height:48px;font:inherit;cursor:pointer;color:var(--color-ink);border-radius:14px;font-weight:600}.hpp .mg-month:hover{border-color:var(--color-border-strong)}.hpp .mg-month.on{background:var(--ui-check);border-color:var(--ui-check);color:var(--ui-on-check)}.hpp .mg-month:disabled{opacity:.35;cursor:not-allowed}.hpp .mg-year-only{border:1.5px dashed var(--color-border-strong);width:100%;min-height:48px;font:inherit;color:var(--color-ink-muted);cursor:pointer;background:0 0;border-radius:14px;margin-top:10px;font-weight:600}.hpp .mg-year-only:hover,.hpp .mg-year-only.on{border-style:solid;border-color:var(--color-primary);color:var(--color-primary-deep);background:var(--color-primary-soft)}.hpp .nav{display:flex}.hpp .nav button .ico{width:19px;height:19px}.hpp .nav button[aria-current=page] .ico{color:var(--color-primary)}.hpp .bar-tools{flex:none;align-items:center;gap:4px;display:flex;position:relative}.hpp .menu{width:min(300px,100vw - 32px);padding:8px}.hpp .menu-who{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 14px;display:flex}.hpp .menu-who div>b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.hpp .menu-who div>span{font-size:var(--fs-label);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;display:block}.hpp .menu-item{border-radius:var(--radius-input);width:100%;min-height:48px;font:inherit;font-size:var(--fs-body);color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.hpp .menu-item .ico{color:var(--color-ink-muted)}.hpp .menu-item:hover,.hpp .menu-item:focus-visible{background:var(--color-surface-muted)}.hpp .menu-item.danger{color:var(--color-danger-ink)}.hpp .menu-item.danger .ico{color:var(--color-danger)}.hpp .app-main{padding-block:32px 72px}.hpp .app-foot{border-top:1px solid var(--color-border);font-size:var(--fs-label);color:var(--color-ink-muted);flex-wrap:wrap;align-items:center;gap:4px 24px;margin-top:56px;padding-top:12px;display:flex}.hpp .app-band{stroke:var(--color-secondary);stroke-width:1px;opacity:.14;flex:0 0 100%;margin-bottom:12px;display:block}.hpp .app-foot a{align-items:center;gap:8px;min-height:48px;font-weight:600;text-decoration:none;display:inline-flex}.hpp .app-foot a:hover{text-decoration:underline}@media (max-width:1100px){.hpp .nav button{padding:0 14px}.hpp .nav button span{display:none}.hpp .nav button[aria-current=page] span{display:inline}}@media (max-width:860px){.hpp .nav{display:none}.hpp .bar-tools{margin-left:auto}.hpp .app-main{padding-block:20px calc(124px + env(safe-area-inset-bottom,0px))}.hpp .page-head{gap:14px;margin-bottom:20px}.hpp .page-head>.row{width:100%}.hpp .page-head>.row .btn-primary{flex:1}.hpp .page-head .b-sample{display:none}.hpp .viewing{flex-wrap:wrap}.hpp .toasts{bottom:calc(104px + env(safe-area-inset-bottom,0px))}.hpp .filters{scrollbar-width:none;margin-inline:calc(var(--hp-gutter) * -1);padding-inline:var(--hp-gutter);scroll-padding-inline:var(--hp-gutter);flex-wrap:nowrap;overflow-x:auto}.hpp .filters::-webkit-scrollbar{display:none}}@media (max-width:600px){.hpp .modal-foot{background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));position:sticky;bottom:0}.hpp .modal-foot .btn{flex:1 1 0}.hpp .modal-head{z-index:2;background:var(--color-surface);padding-bottom:12px;position:sticky;top:0}.hpp .modal-head:before{content:"";background:var(--color-border-strong);border-radius:4px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hpp .modal{animation:hp-df-up .26s var(--ease-out)}}.hpp.hpp-embed{min-height:0;color:inherit;--lede:1.1875rem;--sec-gap:0px;background:0 0}.hpp.hpp-embed:before{display:none}.hpp .logo-word{font-family:var(--font-display);font-variation-settings:var(--font-display-axes);letter-spacing:0;font-size:1.4375rem;font-weight:700;line-height:1}.hpp .logo-word span{color:var(--color-primary)}.hpp .bar-tools .icon-btn{border:1px solid var(--color-border-strong);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink)}.hpp .bar-tools .icon-btn:hover,.hpp .bar-tools .icon-btn[aria-expanded=true]{border-color:var(--color-ink-muted);background:var(--color-surface)}.hpp .bar-tools{gap:8px}.hpp .abha-linked{border-radius:var(--radius-input);border:1.5px solid var(--color-border);background:var(--color-surface-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:52px;padding:8px 8px 8px 16px;display:flex}.hpp .abha-num{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:700}.hpp .abha-actions{gap:2px;margin-left:auto;display:flex}.hpp .abha-edit{align-items:center;gap:8px;display:flex}.hpp .abha-edit .input{font-variant-numeric:tabular-nums;letter-spacing:.04em;flex:1;min-width:0}.hpp .menu-phone-only{display:contents}@media (min-width:861px){.hpp .menu-phone-only{display:none}}.hpp .bar-tools .icon-btn{border-color:var(--glass-bead-edge);background:linear-gradient(180deg,var(--glass-bead-top),var(--glass-bead-bottom));box-shadow:var(--glass-bead-shadow);transition:background-color var(--dur) var(--ease-out)}.hpp .bar-tools .icon-btn:hover{background:var(--glass-hover)}@media (max-width:860px){.hpp .bar-tools{gap:6px}.hpp .bar-tools .icon-btn{background:linear-gradient(180deg,var(--glass-bead-top),var(--glass-bead-bottom));box-shadow:var(--glass-bead-shadow);border-radius:50%;place-items:center;width:42px;height:42px;min-height:42px;display:grid}}@media (prefers-reduced-transparency:reduce){.hpp .pop{background:var(--color-surface)}}.hpp .tabs button{align-items:center;gap:8px;display:inline-flex}.hpp .tel{color:var(--color-primary);text-underline-offset:.2em;font-variant-numeric:tabular-nums;font-weight:600}.hpp .switcher+.tabs{margin-top:4px}.hpp .switcher{scrollbar-width:none}.hpp .switcher::-webkit-scrollbar{display:none}}