:root{--ease-premium: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--board-bg: #F9FAFB;--sticky-yellow: #FEF3C7;--sticky-yellow-dark: #FDE68A;--paper-white: #FFFFFF;--paper-lines: #E5E7EB;--prescription-rose: #FEE2E2;--bubble-green: #D1FAE5;--string-red: #EF4444;--pin-teal: #008080;--text-dark: #374151;--text-muted: #6B7280}#act1-board{position:relative;height:380vh;contain:layout style;background:#f9fafb}#act1-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb;transition:opacity .3s ease}.board-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;opacity:0;transition:opacity .6s var(--ease-premium),transform .6s var(--ease-premium),top .6s var(--ease-premium);pointer-events:none;width:90%;max-width:600px}.board-header.is-visible{opacity:1}.board-header p{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--pin-teal);margin-bottom:.5rem}.board-header h2{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,1.125rem + 1.875vw,2.25rem);font-weight:700;line-height:1.2;color:var(--text-dark)}.board-header h2 em{font-style:italic;color:var(--pin-teal)}.board-surface{position:relative;z-index:1;width:85vw;height:75vh;max-width:1100px;max-height:700px;background:radial-gradient(circle,rgba(0,0,0,.03) 1px,transparent 1px),var(--board-bg);background-size:20px 20px;border-radius:1.5rem;border:1px solid #E5E7EB;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,inset 0 1px #fffc;transition:filter 1s var(--ease-premium),opacity 1s var(--ease-premium),transform .8s var(--ease-spring);contain:layout;opacity:0;transform:scale(.95) translateY(20px)}.board-surface.is-visible{opacity:1;transform:scale(1) translateY(0)}.board-surface.transitioning{filter:blur(12px);opacity:.15}.board-item{position:absolute;opacity:0;transform:rotate(var(--tilt, 0deg)) scale(.7) translateY(25px);transition:opacity .5s var(--ease-spring),transform .5s var(--ease-spring);will-change:transform,opacity;z-index:2;max-width:200px;font-size:.85rem;line-height:1.5}.board-item.is-pinned{opacity:1;transform:rotate(var(--tilt, 0deg)) scale(1) translateY(0)}.board-item:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:var(--pin-teal);box-shadow:0 2px 4px #0080804d;z-index:3;opacity:0;transition:opacity .3s .2s var(--ease-premium)}.board-item.is-pinned:before{opacity:1}.board-sticky{background:var(--sticky-yellow);padding:14px 16px;font-family:Caveat,cursive;font-size:1.05rem;font-weight:700;color:var(--text-dark);box-shadow:2px 3px 8px #00000014,0 1px 2px #0000000d;clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),95% 100%,85% calc(100% - 2px),70% 100%,55% calc(100% - 3px),40% 100%,25% calc(100% - 2px),10% 100%,0 calc(100% - 3px));border-top:3px solid var(--sticky-yellow-dark)}.board-paper{background:repeating-linear-gradient(to bottom,transparent,transparent 23px,var(--paper-lines) 23px,var(--paper-lines) 24px),var(--paper-white);padding:14px 16px;font-family:Caveat,cursive;font-size:1rem;color:var(--text-dark);border:1px solid #E5E7EB;box-shadow:2px 3px 8px #0000000f;border-radius:2px}.board-paper .crossed{text-decoration:line-through;color:var(--text-muted)}.board-prescription{background:var(--prescription-rose);padding:14px 16px;font-family:Caveat,cursive;font-size:.95rem;color:#991b1b;border:1px solid #FECACA;border-left:3px solid #F87171;box-shadow:2px 3px 8px #0000000f;border-radius:2px}.board-prescription .rx-symbol{font-weight:700;font-size:1.3rem;margin-right:6px;opacity:.5}.board-prescription .scribble{font-style:italic;letter-spacing:1px;opacity:.6}.board-bubble{background:var(--bubble-green);padding:10px 14px;font-family:Inter,sans-serif;font-size:.8rem;color:#065f46;border-radius:12px 12px 12px 2px;box-shadow:2px 3px 8px #0000000f;position:relative;max-width:180px}.board-bubble .bubble-sender{font-size:.65rem;font-weight:600;color:#047857;margin-bottom:3px;display:block}.board-bubble .bubble-time{font-size:.6rem;color:#6b7280;text-align:right;margin-top:4px}.board-wristband{background:#fff;border:1.5px solid #D1D5DB;padding:6px 18px;font-family:Inter,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-radius:999px;box-shadow:1px 2px 6px #0000000d;white-space:nowrap;max-width:220px}.board-wristband strong{color:var(--text-dark);font-weight:600}.board-calendar{background:#fff;border:1px solid #E5E7EB;padding:10px;border-radius:6px;box-shadow:2px 3px 8px #0000000f;width:140px}.board-calendar .cal-month{font-family:Inter,sans-serif;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;text-align:center}.board-calendar .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-family:Inter,sans-serif;font-size:.55rem;color:var(--text-muted);text-align:center}.board-calendar .cal-grid .cal-day{padding:2px;border-radius:50%;line-height:1.6}.board-calendar .cal-grid .cal-day.circled{background:var(--pin-teal);color:#fff;font-weight:700}.board-closing-caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20;opacity:0;transition:opacity .6s var(--ease-premium);pointer-events:none;width:90%;max-width:600px}.board-closing-caption.is-visible{opacity:1}.board-closing-caption p{font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--pin-teal)}.board-closing-caption h3{font-family:Poppins,sans-serif;font-size:clamp(1.25rem,1rem + 1.25vw,1.75rem);font-weight:700;color:var(--text-dark);margin-top:.25rem}@media (min-width: 768px) and (max-width: 1023px){.board-surface{width:92vw;height:70vh}.board-item{max-width:180px;font-size:.8rem}.board-sticky{padding:12px 14px;font-size:.95rem}}@media (max-width: 767px){#act1-board{height:420vh}.board-surface{width:88vw;height:auto;min-height:80vh;max-height:none;max-width:none;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem 2rem;gap:0;border-radius:1rem}.board-item{position:relative!important;inset:auto!important;max-width:85%;margin-top:-12px;transform:rotate(var(--tilt, 0deg)) scale(.7)}.board-item.is-pinned{transform:rotate(var(--tilt, 0deg)) scale(1)}.board-item:nth-child(odd){align-self:flex-start;margin-left:5%}.board-item:nth-child(2n){align-self:flex-end;margin-right:5%}.board-item:first-child{margin-top:0}.board-item{font-size:.8rem}.board-sticky{padding:10px 12px;font-size:.95rem;max-width:200px}.board-paper{padding:10px 12px;font-size:.9rem;max-width:200px}.board-bubble{max-width:170px;font-size:.75rem}.board-wristband{font-size:.55rem;padding:5px 14px}.board-calendar{width:120px;padding:8px}.board-prescription{max-width:190px;font-size:.85rem}.board-header.is-lifted{top:clamp(3.5rem,6vh,5rem)}}@media (min-width: 1024px){.board-surface{width:80vw;height:72vh}.board-item{max-width:210px;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.board-item,.board-item:before,.board-surface,.board-header{transition-duration:.01ms!important;transition-delay:0ms!important}}#act2-vignettes{position:relative;height:320vh;contain:layout style;background:#f9fafb}#act2-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}#act2-bg{position:absolute;inset:0;z-index:0;background:#f9fafb}.vignette-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;opacity:0;transition:opacity .6s var(--ease-premium, cubic-bezier(.22, 1, .36, 1));pointer-events:none;width:90%;max-width:600px}.vignette-header.is-visible{opacity:1}.vignette-header p{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:teal;margin-bottom:.5rem}.vignette-header h2{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,1.125rem + 1.875vw,2.25rem);font-weight:700;line-height:1.2;color:#2d3748}.vignette-header h2 span{background:linear-gradient(to right,teal,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.phone-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:500px;border-radius:50%;filter:blur(60px);z-index:2;opacity:0;transition:background 1.2s var(--ease-premium, cubic-bezier(.22, 1, .36, 1)),opacity .8s var(--ease-premium, cubic-bezier(.22, 1, .36, 1));pointer-events:none}.phone-glow.is-visible{opacity:1;background:radial-gradient(ellipse,rgba(0,128,128,.08) 0%,transparent 70%)}.vignette-phone{position:relative;z-index:5;width:280px;height:560px;background:#fff;border-radius:36px;border:4px solid #1F2937;box-shadow:0 25px 60px -12px #0000004d,0 0 0 1px #0000000d,inset 0 1px #ffffff1a;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(40px) scale(.93);transition:opacity .7s var(--ease-premium, cubic-bezier(.22, 1, .36, 1)),transform .7s cubic-bezier(.34,1.56,.64,1)}.vignette-phone.is-visible{opacity:1;transform:translateY(0) scale(1)}.vignette-phone:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:35%;height:22px;background:#1f2937;border-radius:0 0 14px 14px;z-index:10}.phone-status-bar{height:36px;padding:0 16px 4px;display:flex;align-items:flex-end;justify-content:space-between;font-family:Inter,sans-serif;font-size:.6rem;font-weight:600;color:#9ca3af;flex-shrink:0}.phone-status-bar .status-time{margin-left:4px}.phone-status-bar .status-icons{display:flex;align-items:center;gap:4px}.phone-chat-header{height:44px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #F3F4F6;flex-shrink:0}.phone-chat-header img{width:28px;height:28px;border-radius:50%}.phone-chat-header .chat-header-name{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;color:#2d3748}.phone-chat-header .chat-header-status{font-family:Inter,sans-serif;font-size:.55rem;color:#10b981;display:flex;align-items:center;gap:3px}.phone-chat-header .chat-header-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#10b981;display:inline-block}.phone-chat{flex:1;overflow:hidden;padding:12px;position:relative}.scene{position:absolute;inset:0;padding:12px;display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .5s var(--ease-premium, cubic-bezier(.22, 1, .36, 1));pointer-events:none;overflow:hidden}.scene.is-active{opacity:1;pointer-events:auto}.msg{display:flex;gap:6px;max-width:92%;opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease-premium, cubic-bezier(.22, 1, .36, 1)),transform .35s var(--ease-premium, cubic-bezier(.22, 1, .36, 1))}.msg.is-visible{opacity:1;transform:translateY(0)}.msg-bot{align-self:flex-start;flex-direction:row}.msg-bot .msg-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:2px}.msg-bot .msg-bubble{background:#f3f4f6;border-radius:16px 16px 16px 4px;padding:8px 12px}.msg-user{align-self:flex-end;flex-direction:row-reverse}.msg-user .msg-bubble{background:teal;border-radius:16px 16px 4px;padding:8px 12px}.msg-user .msg-text{color:#fff}.msg-text{font-family:Inter,sans-serif;font-size:.75rem;line-height:1.55;color:#374151;word-wrap:break-word}.msg-time{font-family:Inter,sans-serif;font-size:.5rem;color:#9ca3af;margin-top:3px}.msg-user .msg-time{text-align:right;color:#fff9}.typing-indicator{display:flex;gap:6px;align-self:flex-start;opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease-premium, cubic-bezier(.22, 1, .36, 1)),transform .3s var(--ease-premium, cubic-bezier(.22, 1, .36, 1))}.typing-indicator.is-visible{opacity:1;transform:translateY(0)}.typing-indicator .msg-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:2px}.typing-dots{background:#f3f4f6;border-radius:16px 16px 16px 4px;padding:10px 14px;display:flex;gap:4px;align-items:center}.typing-dot{width:5px;height:5px;background:#9ca3af;border-radius:50%;animation:dotPulse 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.phone-input-bar{height:44px;padding:0 10px;display:flex;align-items:center;gap:8px;border-top:1px solid #E5E7EB;background:#f9fafb;flex-shrink:0}.phone-input-bar .input-placeholder{flex:1;font-family:Inter,sans-serif;font-size:.7rem;color:#9ca3af;background:#fff;border:1px solid #E5E7EB;border-radius:999px;padding:6px 12px}.phone-input-bar .input-send{width:28px;height:28px;border-radius:50%;background:teal;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phone-input-bar .input-send svg{width:14px;height:14px;color:#fff}.vignette-identity{position:absolute;z-index:8;opacity:0;transform:translate(-20px);transition:opacity .5s var(--ease-premium, cubic-bezier(.22, 1, .36, 1)),transform .5s var(--ease-premium, cubic-bezier(.22, 1, .36, 1));pointer-events:none;right:calc(50% + 170px);top:50%;transform:translate(-20px) translateY(-50%);width:200px}.vignette-identity.is-visible{opacity:1;transform:translate(0) translateY(-50%)}.identity-inner{display:flex;flex-direction:column;gap:10px}.identity-avatar{width:48px;height:48px;border-radius:50%;border:2.5px solid var(--identity-color, #6366f1);box-shadow:0 4px 12px #0000001a}.identity-name{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3}.identity-context{font-family:Inter,sans-serif;font-size:.7rem;line-height:1.4;opacity:.7}.identity-time{display:inline-flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:999px;width:-moz-fit-content;width:fit-content;margin-top:2px}.identity-tag{display:inline-flex;align-items:center;gap:3px;font-family:Inter,sans-serif;font-size:.6rem;font-weight:600;padding:2px 8px;border-radius:999px;width:-moz-fit-content;width:fit-content}.vignette-identity .identity-name{color:#2d3748}.vignette-identity .identity-context{color:#6b7280}.vignette-identity .identity-time{background:#0000000d;color:#4b5563}@media (min-width: 768px) and (max-width: 1023px){.vignette-phone{width:260px;height:520px}.vignette-identity{right:calc(50% + 155px);width:180px}.identity-name{font-size:.85rem}.identity-context{font-size:.65rem}.phone-glow{width:300px;height:420px}}@media (max-width: 767px){#act2-vignettes{height:480vh}#act2-sticky{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto 1fr;place-items:center}.vignette-phone{grid-row:3;grid-column:1;width:240px;height:480px;margin-top:0}.vignette-phone:before{height:18px;width:30%;border-radius:0 0 10px 10px}.phone-status-bar{height:30px;font-size:.55rem}.phone-chat-header{height:38px;padding:0 10px}.phone-chat-header img{width:24px;height:24px}.phone-chat-header .chat-header-name{font-size:.7rem}.phone-chat{padding:8px}.scene{padding:8px;gap:8px}.msg-text{font-size:.7rem}.phone-input-bar{height:38px;padding:0 8px}.phone-input-bar .input-placeholder{font-size:.6rem;padding:5px 10px}.phone-input-bar .input-send{width:24px;height:24px}.vignette-identity{position:relative;grid-row:2;grid-column:1;inset:auto;transform:translateY(10px);width:auto;max-width:280px;text-align:center;margin-bottom:16px}.vignette-identity.is-visible{transform:translateY(0)}.identity-inner{flex-direction:row;align-items:center;gap:10px}.identity-avatar{width:36px;height:36px}.identity-name{font-size:.8rem}.identity-context{font-size:.6rem}.identity-time,.identity-tag{font-size:.55rem}.identity-details{text-align:left}.phone-glow{width:260px;height:380px}}@media (min-width: 1024px){.vignette-phone{width:280px;height:560px}.vignette-identity{right:calc(50% + 185px);width:210px}}@media (prefers-reduced-motion: reduce){.vignette-header,.vignette-phone,.phone-glow,.scene,.msg,.typing-indicator,.vignette-identity{transition-duration:.01ms!important;transition-delay:0ms!important}.typing-dot{animation:none!important;opacity:.6}}#act3-doctor{position:relative;height:500vh;contain:layout style}#act3-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb}.doctor-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1);pointer-events:none;width:90%;max-width:600px}.doctor-header.is-visible{opacity:1}.doctor-header p{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:teal;margin-bottom:.5rem}.doctor-header h2{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,1.125rem + 1.875vw,2.25rem);font-weight:700;line-height:1.2;color:#2d3748}.doctor-header h2 span{background:linear-gradient(to right,teal,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-stepper{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:0;opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1);pointer-events:none}.timeline-stepper.is-visible{opacity:1}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;width:90px}.timeline-dot{width:10px;height:10px;border-radius:50%;border:2px solid #D1D5DB;background:#fff;transition:border-color .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.timeline-step.is-active .timeline-dot{border-color:teal;background:teal;transform:scale(1.3)}.timeline-step.is-done .timeline-dot{border-color:teal;background:teal}.timeline-label{font-family:Inter,sans-serif;font-size:.55rem;font-weight:600;color:#9ca3af;margin-top:5px;text-transform:uppercase;letter-spacing:.05em;transition:color .4s cubic-bezier(.22,1,.36,1);white-space:nowrap}.timeline-step.is-active .timeline-label,.timeline-step.is-done .timeline-label{color:teal}.timeline-connector{width:70px;height:2px;background:#e5e7eb;position:relative;flex-shrink:0}.timeline-connector-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:teal;transition:width .5s cubic-bezier(.22,1,.36,1)}.timeline-connector.is-filled .timeline-connector-fill{width:100%}.doctor-phone{position:relative;z-index:5;width:280px;height:560px;background:#fff;border-radius:36px;border:4px solid #1F2937;box-shadow:0 25px 60px -12px #00000026,0 0 0 1px #0000000d,inset 0 1px #ffffff1a;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(40px) scale(.93);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.34,1.56,.64,1)}.doctor-phone.is-visible{opacity:1;transform:translateY(0) scale(1)}.doctor-phone:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:35%;height:22px;background:#1f2937;border-radius:0 0 14px 14px;z-index:10}.doctor-phone .d-status-bar{height:36px;padding:0 16px 4px;display:flex;align-items:flex-end;justify-content:space-between;font-family:Inter,sans-serif;font-size:.6rem;font-weight:600;color:#9ca3af;flex-shrink:0}.doctor-phone .d-screen{flex:1;overflow:hidden;position:relative}.d-phase{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1);pointer-events:none;overflow:hidden}.d-phase.is-active{opacity:1;pointer-events:auto}.d-app-header{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #F3F4F6;margin-bottom:10px}.d-app-header .d-back-icon{width:18px;height:18px;color:#6b7280}.d-app-header .d-title{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;color:#2d3748}.d-visit-card{background:#f3f4f6;border-radius:12px;padding:10px 12px;margin-bottom:10px}.d-visit-card .d-doctor-name{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;color:#2d3748}.d-visit-card .d-visit-meta{font-family:Inter,sans-serif;font-size:.6rem;color:#6b7280;margin-top:2px}.d-obs-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;margin-bottom:6px;opacity:0;transform:translateY(10px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.d-obs-item.is-visible{opacity:1;transform:translateY(0)}.d-obs-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px}.d-obs-dot.red{background:#ef4444}.d-obs-dot.yellow{background:#f59e0b}.d-obs-dot.green{background:#10b981}.d-obs-text{font-family:Inter,sans-serif;font-size:.68rem;color:#374151;line-height:1.4}.d-obs-star{margin-left:auto;font-size:.7rem;color:#d1d5db;flex-shrink:0}.d-obs-item.is-highlighted .d-obs-star{color:#f59e0b}.d-obs-item.is-checked{border-color:#d1fae5;background:#f0fdf4}.d-obs-item.is-checked .d-obs-text{text-decoration:line-through;color:#9ca3af}.d-obs-check{width:16px;height:16px;border-radius:4px;border:1.5px solid #D1D5DB;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:background .3s ease,border-color .3s ease}.d-obs-item.is-checked .d-obs-check{background:#10b981;border-color:#10b981;color:#fff}.d-growth-card{display:flex;gap:12px;padding:8px 12px;background:#eff6ff;border-radius:10px;margin-bottom:8px;opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.d-growth-card.is-visible{opacity:1;transform:translateY(0)}.d-growth-stat{text-align:center}.d-growth-stat .d-growth-value{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;color:#2d3748}.d-growth-stat .d-growth-label{font-family:Inter,sans-serif;font-size:.5rem;color:#6b7280}.d-ready-banner{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#d1fae5;border-radius:10px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;color:#047857;margin-bottom:8px;opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}.d-ready-banner.is-visible{opacity:1}.d-cta-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:teal;border-radius:12px;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:600;color:#fff;margin-top:auto;opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}.d-cta-btn.is-visible{opacity:1}.d-record-ui{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px}.d-mic-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,teal,#0d9488);display:flex;align-items:center;justify-content:center;position:relative;opacity:0;transform:scale(.8);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.34,1.56,.64,1)}.d-mic-circle.is-visible{opacity:1;transform:scale(1)}.d-mic-circle svg{width:28px;height:28px;color:#fff}.d-mic-circle:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(0,128,128,.3);animation:micPulse 2s ease-in-out infinite}@keyframes micPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}.d-record-timer{font-family:Inter,sans-serif;font-size:1.4rem;font-weight:700;color:#2d3748;letter-spacing:.05em;font-variant-numeric:tabular-nums}.d-record-label{font-family:Inter,sans-serif;font-size:.6rem;color:#ef4444;font-weight:600;display:flex;align-items:center;gap:4px}.d-record-label:before{content:"";width:6px;height:6px;border-radius:50%;background:#ef4444;animation:recBlink 1.2s ease-in-out infinite}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.3}}.d-waveform{display:flex;align-items:center;gap:2px;height:24px}.d-wave-bar{width:3px;background:teal;border-radius:2px;animation:waveBar 1.2s ease-in-out infinite;animation-delay:var(--wave-delay, 0s)}@keyframes waveBar{0%,to{height:4px}50%{height:var(--wave-h, 16px)}}.d-record-agenda{width:100%;margin-top:12px;padding:0 8px}.d-diagnosis-badge{display:inline-flex;align-items:center;gap:5px;background:#fef3c7;border:1px solid #FDE68A;border-radius:8px;padding:5px 10px;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:600;color:#92400e;margin-bottom:10px;opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.d-diagnosis-badge.is-visible{opacity:1;transform:translateY(0)}.d-summary-text{font-family:Inter,sans-serif;font-size:.65rem;line-height:1.55;color:#374151;margin-bottom:10px;min-height:2.5em}.d-care-card{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#f0fdf4;border:1px solid #D1FAE5;border-radius:10px;margin-bottom:6px;opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.d-care-card.is-visible{opacity:1;transform:translateY(0)}.d-care-icon{font-size:.85rem;flex-shrink:0;margin-top:1px}.d-care-content .d-care-title{font-family:Poppins,sans-serif;font-size:.65rem;font-weight:600;color:#2d3748}.d-care-content .d-care-desc{font-family:Inter,sans-serif;font-size:.58rem;color:#6b7280;line-height:1.4}.d-key-point{display:inline-block;padding:3px 8px;background:#eff6ff;border-radius:6px;font-family:Inter,sans-serif;font-size:.55rem;color:#1e40af;margin:2px 3px 2px 0;opacity:0;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.d-key-point.is-visible{opacity:1}.d-followup{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#fef2f2;border-radius:8px;font-family:Inter,sans-serif;font-size:.58rem;color:#991b1b;margin-top:8px;opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}.d-followup.is-visible{opacity:1}.d-rx-photo{width:100%;height:80px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:Inter,sans-serif;font-size:.6rem;color:#6b7280;margin-bottom:10px;border:1px dashed #D1D5DB;opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.d-rx-photo.is-visible{opacity:1;transform:translateY(0)}.d-rx-photo.is-scanned{border-style:solid;border-color:#d1fae5;background:#f0fdf4;color:#047857}.d-med-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;margin-bottom:6px;opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.d-med-row.is-visible{opacity:1;transform:translateY(0)}.d-med-info{flex:1}.d-med-name{font-family:Poppins,sans-serif;font-size:.68rem;font-weight:600;color:#2d3748}.d-med-dose{font-family:Inter,sans-serif;font-size:.55rem;color:#6b7280}.d-toggle{width:32px;height:18px;border-radius:9px;background:#d1d5db;position:relative;flex-shrink:0;transition:background .3s ease}.d-toggle.is-on{background:teal}.d-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.d-toggle.is-on:after{transform:translate(14px)}.d-notif-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-top:10px;opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.d-notif-card.is-visible{opacity:1;transform:translateY(0)}.d-notif-icon{width:32px;height:32px;border-radius:8px;background:teal;display:flex;align-items:center;justify-content:center;flex-shrink:0}.d-notif-icon svg{width:16px;height:16px;color:#fff}.d-notif-text .d-notif-title{font-family:Poppins,sans-serif;font-size:.65rem;font-weight:600;color:#2d3748}.d-notif-text .d-notif-desc{font-family:Inter,sans-serif;font-size:.55rem;color:#6b7280}.doctor-side-card{position:absolute;z-index:8;right:calc(50% + 170px);top:50%;transform:translate(-20px) translateY(-50%);width:220px;opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}.doctor-side-card.is-visible{opacity:1;transform:translate(0) translateY(-50%)}.doctor-side-card .side-phase-label{font-family:Inter,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:teal;margin-bottom:6px}.doctor-side-card .side-title{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;color:#2d3748;line-height:1.3;margin-bottom:6px}.doctor-side-card .side-desc{font-family:Inter,sans-serif;font-size:.7rem;color:#6b7280;line-height:1.5}.doctor-closing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1);pointer-events:none;width:90%;max-width:500px}.doctor-closing.is-visible{opacity:1}.doctor-closing p{font-family:Poppins,sans-serif;font-size:clamp(1rem,.8rem + 1vw,1.35rem);font-weight:600;color:#2d3748;line-height:1.4}.doctor-closing p span{color:teal}@media (min-width: 768px) and (max-width: 1023px){.doctor-phone{width:260px;height:520px}.doctor-side-card{right:calc(50% + 155px);width:190px}.timeline-step{width:78px}.timeline-connector{width:56px}}@media (max-width: 767px){#act3-doctor{height:770vh}#act3-sticky{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto 1fr;place-items:center}.doctor-phone{grid-row:3;grid-column:1;width:240px;height:480px;margin-top:0}.doctor-phone:before{height:18px;width:30%;border-radius:0 0 10px 10px}.doctor-phone .d-status-bar{height:30px;font-size:.55rem}.d-phase{padding:10px}.d-obs-item{padding:6px 8px}.d-obs-text{font-size:.62rem}.timeline-stepper{top:18px}.timeline-step{width:52px}.timeline-connector{width:22px}.timeline-label{font-size:.45rem}.doctor-side-card{position:relative;grid-row:2;grid-column:1;inset:auto;transform:translateY(10px);width:auto;max-width:280px;text-align:center;margin-bottom:16px}.doctor-side-card.is-visible{transform:translateY(0)}.d-mic-circle{width:60px;height:60px}.d-mic-circle svg{width:22px;height:22px}.d-record-timer{font-size:1.1rem}}@media (min-width: 1024px){.doctor-phone{width:280px;height:560px}.doctor-side-card{right:calc(50% + 185px);width:230px}}@media (prefers-reduced-motion: reduce){.doctor-header,.timeline-stepper,.doctor-phone,.d-phase,.d-obs-item,.d-growth-card,.d-ready-banner,.d-cta-btn,.d-mic-circle,.d-diagnosis-badge,.d-care-card,.d-key-point,.d-followup,.d-rx-photo,.d-med-row,.d-notif-card,.doctor-side-card,.doctor-closing,.timeline-dot,.timeline-label,.timeline-connector-fill{transition-duration:.01ms!important;transition-delay:0ms!important}.d-mic-circle:after,.d-record-label:before,.d-wave-bar{animation:none!important}}
