:root{--bg: #ffffff;--primary: #5f9ea0;--primary-dark: #3a7678;--text: #123032;--surface: #eff7f8;--danger: #c0392b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 15%,#d9eef0 0%,transparent 30%),radial-gradient(circle at 85% 10%,#c5e4e7 0%,transparent 24%),var(--bg)}a{color:inherit;text-decoration:none}.container{width:min(100%,980px);margin:0 auto;padding:1rem;display:grid;gap:1rem}.app-header{background:linear-gradient(135deg,var(--primary),#7ab6b8);color:#fff;border-radius:1rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-header h1,.app-header p{margin:0}.nav-links{display:flex;gap:.5rem}.nav-links a{background:#fff3;padding:.5rem .75rem;border-radius:.7rem;font-weight:600}.nav-links a.active{background:#fff;color:var(--primary-dark)}.disclaimer{border:2px solid #ffd8d2;background:#fff5f3;color:#822f20;border-radius:.8rem;padding:.8rem;font-size:.95rem}.btn{border:0;background:var(--primary);color:#fff;border-radius:.8rem;padding:.85rem 1rem;font-size:1rem;font-weight:700;cursor:pointer;text-align:center;display:inline-block}.btn:hover{background:var(--primary-dark)}.btn-secondary{background:#d3e9ea;color:var(--text)}.emergency-call{width:100%;background:var(--danger)}.hero-button{width:100%;background:var(--primary);color:#fff;border-radius:1rem;padding:1.2rem;font-size:1.45rem;font-weight:800;text-align:center}.quick-actions{display:grid;gap:.7rem}.scanner-button{width:100%;background:#d3e9ea;color:var(--text);border-radius:1rem;padding:.95rem;font-size:1.1rem;font-weight:800;text-align:center;border:2px solid #bcdbde}.scanner-button:hover{background:#c6e0e2}.search-wrap input{width:100%;border:2px solid #c7dcde;border-radius:.85rem;padding:.85rem;font-size:1rem}.triage-box{background:#fff;border:1px solid #d8ebed;border-radius:1rem;padding:1rem}.triage-box h2,.triage-box p{margin-top:0}.triage-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.triage-field{display:grid;gap:.35rem;font-weight:600}.triage-field input{width:100%;border:2px solid #c7dcde;border-radius:.75rem;padding:.7rem;font-size:.98rem}.triage-result{margin:.9rem 0 0;background:#eff7f8;border:1px solid #cfe6e8;border-radius:.75rem;padding:.8rem;font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}.procedure-card{background:#fff;border-radius:.85rem;border:1px solid #d8ebed;padding:.8rem;display:grid;gap:.7rem}.procedure-card h3,.procedure-card p{margin:0}.card-actions,.step-actions,.timer-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tag-list{display:flex;gap:.45rem;flex-wrap:wrap}.tag,.chip{border:1px solid #bcdbde;background:#f4fbfb;border-radius:999px;padding:.35rem .65rem;font-size:.85rem}.chip{cursor:pointer}.chip.active{background:var(--primary);color:#fff}.selection-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.analysis-card{background:#fff;border:1px solid #d8ebed;border-radius:.9rem;padding:.9rem;display:grid;gap:.7rem}.analysis-card h4,.analysis-card p{margin:0}.analysis-meta{color:#325d5f;font-size:.95rem}.analysis-steps{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.category-card{background:#fff;border:1px solid #d8ebed;border-radius:.9rem;padding:1rem;font-weight:700;min-height:84px;display:flex;align-items:center}.procedure-detail{background:#fff;border-radius:1rem;border:1px solid #d8ebed;padding:1rem;display:grid;gap:1rem}.life-stage-box{border:2px solid #cae2e4;border-radius:.9rem;background:#f7fcfc;padding:1rem;display:grid;gap:.75rem}.life-stage-box h3,.life-stage-box p{margin:0}.life-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.life-stage-option{border:2px solid #bcdbde;border-radius:.9rem;background:#fff;padding:.9rem;display:grid;gap:.3rem;text-align:left;cursor:pointer}.life-stage-option:hover{border-color:var(--primary);background:#f3fbfb}.life-stage-icon{font-size:1.5rem}.life-stage-label{font-size:1.1rem;font-weight:800}.life-stage-range{font-size:.9rem;color:#315e60}.patient-stage-bar{border:1px solid #bcdbde;border-radius:.9rem;background:var(--surface);padding:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap}.patient-stage-bar p{margin:0;font-size:1rem}.title-row{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.title-row h2,.category-label{margin:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.media-grid img{width:100%;border-radius:.8rem;border:1px solid #cae2e4}.video-wrap iframe{width:100%;min-height:240px;border:0;border-radius:.8rem}.step-guide,.audio-box,.timer-box,.camera-guide{border:1px solid #d8ebed;background:var(--surface);border-radius:.9rem;padding:.8rem}.step-head{display:flex;justify-content:space-between}.step-guide p{font-size:1.1rem;line-height:1.55}progress{width:100%;height:14px;accent-color:var(--primary)}.beat-counter{font-weight:700}.pulse{width:30px;height:30px;border-radius:50%;background:#9ad2d5;margin:.6rem 0}.pulse.on{animation:pulse .6s infinite}.camera-guide-head h3,.camera-guide-head p{margin:0}.camera-guide-head p{margin-top:.3rem}.camera-stage{position:relative;width:100%;margin:.8rem 0;border-radius:.8rem;overflow:hidden;background:#0b1819;aspect-ratio:3 / 4}.camera-video{width:100%;height:100%;object-fit:cover;display:block}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.overlay-target{width:min(64vw,260px);height:min(40vw,165px);border:3px solid #ffffff;border-radius:999px;background:#0000001f;box-shadow:0 0 0 999px #0000002e;display:grid;place-items:center}.overlay-target span{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7)}.camera-status{margin:.7rem 0 0;font-size:.95rem;color:#264d4f}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:1}to{transform:scale(1);opacity:.6}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 720px){.app-header,.title-row{flex-direction:column;align-items:flex-start}.hero-button{font-size:1.25rem}}