.sid-stage{--sid-w:min(300px, 76vw);--u:calc(var(--sid-w) / 340);justify-items:center;gap:14px;padding:18px 0 6px;display:grid;position:relative}.sid-float{perspective:1400px;animation:7s ease-in-out infinite sidFloat}.sid-card{--sid-flip:0deg;--sid-rx:0deg;--sid-ry:0deg;--sid-gx:50%;--sid-gy:30%;width:var(--sid-w);aspect-ratio:340/540;border-radius:calc(var(--u) * 24);color:inherit;font:inherit;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;transform:rotateX(var(--sid-rx)) rotateY(calc(var(--sid-flip) + var(--sid-ry)));background:0 0;border:0;margin:0;padding:0;transition:transform .85s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.sid-card.is-leaning{transition:transform .14s ease-out}.sid-card.is-dragging{transition:none}.sid-card:focus{outline:none}.sid-slice{border-radius:inherit;transform:translateZ(var(--z));background:linear-gradient(#7b1113 0%,#d9d5cf 22%,#cfcbc4 78%,#7b1113 100%);position:absolute;inset:0}.sid-face{border-radius:inherit;backface-visibility:hidden;font-family:var(--sans,"Geist", ui-sans-serif, system-ui, sans-serif);text-align:left;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.sid-front{background:#f7f7f8;transform:translateZ(3px)}.sid-back{background:linear-gradient(162deg,#efeff1 0%,#cfcfd3 52%,#a0a0a2 100%);transform:rotateY(180deg)translateZ(3px)}.sid-card:focus-visible .sid-face{box-shadow:inset 0 0 0 1px #0000000f,0 0 0 3px #f4b400}.sid-glare{z-index:5;pointer-events:none;background:radial-gradient(circle at var(--sid-gx) var(--sid-gy), #ffffff8c 0%, #ffffff24 30%, transparent 62%);mix-blend-mode:soft-light;opacity:.45;transition:opacity .4s ease-out;position:absolute;inset:0}.sid-card.is-leaning .sid-glare,.sid-card.is-dragging .sid-glare{opacity:1}.sid-swoop{width:calc(var(--u) * 600);height:calc(var(--u) * 400);background:linear-gradient(#7b1113,#5a0c0e);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.sid-swoop-top{top:calc(var(--u) * -180)}.sid-swoop-bottom{top:calc(var(--u) * 400)}.sid-foil{z-index:1;pointer-events:none;transform:translateX(calc((var(--sid-gx) - 50%) * .7));mix-blend-mode:screen;opacity:.45;background:linear-gradient(118deg,#0000 36%,#ffc47833 45%,#ffffff1f 50%,#f4b40029 55%,#0000 64%);transition:opacity .4s ease-out;position:absolute;inset:-30%}.sid-card.is-leaning .sid-foil,.sid-card.is-dragging .sid-foil{opacity:1}.sid-brand{z-index:2;top:calc(var(--u) * 24);left:calc(var(--u) * 24);display:grid;position:absolute}.sid-brand-name{color:#fff;font-size:calc(var(--u) * 20);letter-spacing:-.01em;font-weight:700;line-height:1.2}.sid-brand-sub{color:#f4b400;font-size:calc(var(--u) * 10);letter-spacing:.1em;font-weight:700;line-height:1.3}.sid-active{z-index:2;top:calc(var(--u) * 24);right:calc(var(--u) * 24);align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 10);border-radius:calc(var(--u) * 16);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 8) #00000038;color:#10b981;font-size:calc(var(--u) * 10);letter-spacing:.1em;background:#fff;font-weight:700;line-height:1.2;display:inline-flex;position:absolute}.sid-active-dot{width:calc(var(--u) * 8);height:calc(var(--u) * 8);background:#2a8a2a;border-radius:50%;animation:2.2s ease-out infinite sidLive;box-shadow:0 0 #2a8a2a80}.sid-photo{z-index:2;top:calc(var(--u) * 100);width:calc(var(--u) * 150);height:calc(var(--u) * 150);padding:calc(var(--u) * 4);border:calc(var(--u) * 4) solid #f4b400;box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 24) #28060847;background:#fff;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.sid-photo-inner{background:#e5e7eb;border-radius:50%;place-items:end center;width:100%;height:100%;display:grid;overflow:hidden}.sid-photo-inner svg{fill:#9ca3af;width:78%;height:78%}.sid-name,.sid-course{z-index:2;left:calc(var(--u) * 16);right:calc(var(--u) * 16);text-align:center;text-overflow:ellipsis;white-space:nowrap;position:absolute;overflow:hidden}.sid-name{top:calc(var(--u) * 266);color:#111827;font-size:calc(var(--u) * 28);letter-spacing:-.02em;font-weight:700;line-height:1.2}.sid-course{top:calc(var(--u) * 302);color:#6b7280;font-size:calc(var(--u) * 14);font-weight:700;line-height:1.4}.sid-info{z-index:2;left:calc(var(--u) * 24);right:calc(var(--u) * 24);bottom:calc(var(--u) * 24);gap:calc(var(--u) * 12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute}.sid-chip{justify-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 12) calc(var(--u) * 4);border-radius:calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) #0003;background:#fff;display:grid}.sid-chip-label{color:#6b7280;font-size:calc(var(--u) * 10);letter-spacing:.04em;font-weight:700;line-height:1.2}.sid-chip-value{color:#111827;font-size:calc(var(--u) * 14);white-space:nowrap;font-weight:700;line-height:1.3}.sid-chip-value.is-blood{color:#7b1113}.sid-back-rule{height:calc(var(--u) * 6);background:#7b1113;position:absolute;inset:0 0 auto}.sid-watermark{top:calc(var(--u) * 60);color:#0000000d;font-size:calc(var(--u) * 180);text-align:center;letter-spacing:-.04em;font-weight:800;line-height:1;position:absolute;left:0;right:0}.sid-qr{z-index:2;top:calc(var(--u) * 40);width:calc(var(--u) * 140);height:calc(var(--u) * 140);padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 16);box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 12) #0000002e;background:#fff;position:absolute;left:50%;transform:translate(-50%)}.sid-qr svg{fill:#111827;width:100%;height:100%;display:block}.sid-scan{z-index:2;top:calc(var(--u) * 196);color:#4b5563;font-size:calc(var(--u) * 10);text-align:center;letter-spacing:.1em;font-weight:700;line-height:1.3;position:absolute;left:0;right:0}.sid-details{z-index:2;top:calc(var(--u) * 233);left:calc(var(--u) * 24);right:calc(var(--u) * 24);padding:calc(var(--u) * 20);border-radius:calc(var(--u) * 16);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) #0000001f, inset 0 0 0 1px #fff9;background:#ffffff9e;display:grid;position:absolute}.sid-detail-label{color:#6b7280;font-size:calc(var(--u) * 10);letter-spacing:.06em;font-weight:700;line-height:1.3}.sid-detail-value{margin-bottom:calc(var(--u) * 12);color:#1f2937;font-size:calc(var(--u) * 14);font-weight:700;line-height:1.35}.sid-detail-value.is-emergency{color:#dc2626}.sid-detail-value.is-small{font-size:calc(var(--u) * 12);margin-bottom:0}.sid-barcode{z-index:2;left:50%;bottom:calc(var(--u) * 14);justify-items:center;gap:calc(var(--u) * 4);display:grid;position:absolute;transform:translate(-50%)}.sid-barcode svg{width:calc(var(--u) * 160);height:calc(var(--u) * 40);fill:#333;display:block}.sid-sample{color:#374151;font-family:var(--mono,ui-monospace, monospace);font-size:calc(var(--u) * 8);letter-spacing:.22em;text-transform:uppercase;line-height:1.2}.sid-shadow{width:calc(var(--sid-w) * .78);filter:blur(3px);background:radial-gradient(closest-side,#00000061,#0000);border-radius:50%;height:18px;margin-top:-6px;animation:7s ease-in-out infinite sidShadow}.sid-hint{font-family:var(--mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;opacity:.66;align-items:center;gap:8px;font-size:10.5px;display:inline-flex}.sid-hint svg{width:14px;height:14px}.sid-hint-touch{display:none}@media (hover:none),(pointer:coarse){.sid-hint-fine{display:none}.sid-hint-touch{display:inline}}@keyframes sidFloat{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-10px)rotate(.6deg)}}@keyframes sidShadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.86)}}@keyframes sidLive{0%{box-shadow:0 0 #2a8a2a80}70%,to{box-shadow:0 0 0 calc(var(--u) * 6) #2a8a2a00}}@media (prefers-reduced-motion:reduce){.sid-float,.sid-shadow,.sid-active-dot{animation:none}.sid-card{transition-duration:.35s}}