:root{--red: #D32F2F;--red-dark: #B71C1C;--red-light: #FFCDD2;--green: #2E7D32;--green-dark: #1B5E20;--green-light: #C8E6C9;--amber: #F57F17;--amber-dark: #E65100;--amber-light: #FFF9C4;--blue: #1565C0;--blue-dark: #0D47A1;--blue-light: #BBDEFB;--bg: #FAFAFA;--bg-card: #FFFFFF;--text: #212121;--text-secondary: #616161;--text-on-dark: #FFFFFF;--border: #E0E0E0;--shadow: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .16);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-body: clamp(1.1rem, 3.5vw, 1.25rem);--font-size-title: clamp(1.5rem, 5vw, 2rem);--font-size-small: clamp(.85rem, 2.5vw, .95rem);--font-size-large: clamp(1.25rem, 4vw, 1.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--touch-min: 48px;--touch-comfortable: 64px;--radius: 12px;--radius-sm: 8px;--radius-round: 50%}@media(prefers-color-scheme:dark){:root{--bg: #121212;--bg-card: #1E1E1E;--text: #FAFAFA;--text-secondary: #B0B0B0;--border: #333333;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--red-light: #4E1A1A;--green-light: #1A3A1A;--amber-light: #3E2A00;--blue-light: #0D2A4A}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-size:var(--font-size-body);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}.page{max-width:600px;margin:0 auto;padding:var(--space-md);padding-bottom:calc(var(--touch-comfortable) + var(--space-xl) + env(safe-area-inset-bottom,0px))}.page-header{position:sticky;top:0;z-index:100;background:var(--red);color:var(--text-on-dark);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-min)}.page-header h1{font-size:var(--font-size-large);font-weight:700;letter-spacing:.5px}.page-header a,.page-header button{color:var(--text-on-dark);min-width:var(--touch-min);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.page-header a:active,.page-header button:active{background:#fff3}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-comfortable);padding:var(--space-md) var(--space-lg);border-radius:var(--radius);font-size:var(--font-size-body);font-weight:600;text-align:center;transition:transform .1s,opacity .1s;width:100%;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97);opacity:.9}.btn-primary{background:var(--red);color:var(--text-on-dark)}.btn-green{background:var(--green);color:var(--text-on-dark)}.btn-amber{background:var(--amber);color:var(--text)}.btn-blue{background:var(--blue);color:var(--text-on-dark)}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-ghost{background:transparent;color:var(--text-secondary)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .1s}.card:active{transform:scale(.98)}.card-body{padding:var(--space-lg)}.category-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);min-height:80px;text-decoration:none;color:var(--text)}.category-card .icon{font-size:2rem;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.category-card .info h2{font-size:var(--font-size-large);font-weight:700}.category-card .info p{font-size:var(--font-size-small);color:var(--text-secondary);margin-top:var(--space-xs)}.category-card .arrow{margin-left:auto;font-size:1.5rem;color:var(--text-secondary)}.procedure-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:var(--touch-comfortable);text-decoration:none;color:var(--text)}.procedure-card .proc-icon{font-size:1.5rem;flex-shrink:0}.procedure-card .proc-info{flex:1}.procedure-card .proc-info h3{font-size:var(--font-size-body);font-weight:600}.procedure-card .proc-info p{font-size:var(--font-size-small);color:var(--text-secondary)}.procedure-card .severity{font-size:var(--font-size-small);font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;flex-shrink:0}.severity-critical{background:var(--red-light);color:var(--red)}.severity-urgent{background:var(--amber-light);color:var(--amber-dark)}.severity-important{background:var(--blue-light);color:var(--blue)}.call-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--red);color:var(--text-on-dark);padding:var(--space-md) var(--space-lg);border-radius:var(--radius);font-size:var(--font-size-large);font-weight:700;min-height:var(--touch-comfortable);text-decoration:none;margin-bottom:var(--space-lg)}.call-banner:active{background:var(--red-dark)}.fab-112{position:fixed;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));right:var(--space-lg);z-index:1000;background:var(--red);color:var(--text-on-dark);width:64px;height:64px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;box-shadow:var(--shadow-lg);text-decoration:none;line-height:1}.fab-112:active{transform:scale(.95);background:var(--red-dark)}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--green);border-radius:3px;transition:width .3s ease}.progress-label{font-size:var(--font-size-small);color:var(--text-secondary);text-align:center;margin-top:var(--space-xs)}.step-card{padding:var(--space-lg)}.step-title{font-size:var(--font-size-title);font-weight:700;margin-bottom:var(--space-md);line-height:1.2}.step-instruction{font-size:var(--font-size-body);line-height:1.6;margin-bottom:var(--space-lg)}.step-priority{background:var(--amber-light);border-left:4px solid var(--amber);padding:var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-lg);font-weight:600}.step-priority.critical{background:var(--red-light);border-left-color:var(--red)}.step-expect{background:var(--green-light);border-left:4px solid var(--green);padding:var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-md)}.section-label{display:block;font-weight:700;font-size:var(--font-size-small);margin-bottom:var(--space-xs)}.step-expect .section-label{color:var(--green-dark)}.step-warnings{background:var(--red-light);border-left:4px solid var(--red);padding:var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-md)}.step-warnings .section-label{color:var(--red)}.step-warnings ul{list-style:disc;padding-left:var(--space-lg)}.step-warnings li{margin-bottom:var(--space-xs)}.step-donot{background:var(--bg-card);border-left:4px solid var(--text-secondary);padding:var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-md)}.step-donot .section-label{color:var(--text)}.step-donot ul{list-style:disc;padding-left:var(--space-lg)}.step-donot li{margin-bottom:var(--space-xs)}.step-detail{background:var(--bg);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:var(--font-size-small);color:var(--text-secondary)}.step-warning-alert{background:var(--red);color:var(--text-on-dark);padding:var(--space-md);border-radius:var(--radius-sm);font-weight:700;text-align:center;margin-bottom:var(--space-md)}.branch-prompt{margin-top:var(--space-lg)}.branch-question{font-size:var(--font-size-large);font-weight:700;text-align:center;margin-bottom:var(--space-lg)}.branch-options{display:flex;flex-direction:column;gap:var(--space-md)}.branch-option{min-height:var(--touch-comfortable);padding:var(--space-md) var(--space-lg);border-radius:var(--radius);font-size:var(--font-size-body);font-weight:600;text-align:center;border:2px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:transform .1s}.branch-option:active{transform:scale(.97)}.branch-option.color-green{background:var(--green);color:var(--text-on-dark);border-color:var(--green)}.branch-option.color-red{background:var(--red);color:var(--text-on-dark);border-color:var(--red)}.branch-option.color-yellow{background:var(--amber);color:var(--text);border-color:var(--amber)}.timer{text-align:center;padding:var(--space-lg)}.timer-display{font-size:clamp(3rem,12vw,5rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;margin-bottom:var(--space-md)}.timer-label{font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:var(--space-lg)}.timer-controls{display:flex;gap:var(--space-md);justify-content:center}.cpr-pulse{animation:pulse .545s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cpr-counter{font-size:clamp(4rem,15vw,7rem);font-weight:900;color:var(--red);line-height:1}.cpr-bpm-label{font-size:var(--font-size-large);color:var(--text-secondary);margin-top:var(--space-sm)}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-on-dark);font-size:var(--font-size-body);min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-sm);border-radius:var(--radius-sm)}.back-button:active{background:#fff3}.scenario-section-title{font-size:var(--font-size-small);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.scenario-list{display:flex;flex-direction:column;gap:var(--space-sm)}.scenario-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-left:4px solid var(--red);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-height:var(--touch-min);text-decoration:none;color:var(--text);transition:transform .1s}.scenario-btn:active{transform:scale(.98)}.scenario-btn .scenario-icon{font-size:1.25rem;flex-shrink:0}.scenario-btn .scenario-label{font-size:var(--font-size-body);font-weight:600}.scenario-btn.border-amber{border-left-color:var(--amber)}.card-grid{display:flex;flex-direction:column;gap:var(--space-md)}.fixed-bottom{position:fixed;bottom:0;left:0;right:0;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);z-index:50;display:flex;gap:var(--space-sm);max-width:600px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.number-list{display:flex;flex-direction:column;gap:var(--space-sm)}.number-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;color:var(--text);min-height:var(--touch-comfortable)}.number-item:active{transform:scale(.98)}.number-item .num-icon{font-size:1.5rem;flex-shrink:0}.number-item .num-info{flex:1}.number-item .num-info strong{display:block;font-size:var(--font-size-body)}.number-item .num-info span{font-size:var(--font-size-small);color:var(--text-secondary)}.number-item .num-dial{font-size:var(--font-size-large);font-weight:800;color:var(--red);flex-shrink:0}.settings-section{margin-bottom:var(--space-xl)}.settings-section h2{font-size:var(--font-size-large);font-weight:700;margin-bottom:var(--space-md)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border);min-height:var(--touch-min)}.fab-flag{position:fixed;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));left:var(--space-lg);z-index:1000;background:var(--bg-card);width:48px;height:48px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-lg);border:2px solid var(--border);cursor:pointer;line-height:1}.fab-flag:active{transform:scale(.95)}.locale-overlay{position:fixed;inset:0;z-index:2000;background:#00000080;display:flex;align-items:flex-end;justify-content:center}.locale-sheet{background:var(--bg-card);border-radius:var(--radius) var(--radius) 0 0;padding:var(--space-xl);width:100%;max-width:600px;max-height:80vh;overflow-y:auto;padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px))}.locale-option{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius);font-size:var(--font-size-body);font-weight:600;border:2px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;min-height:var(--touch-min);transition:transform .1s}.locale-option:active{transform:scale(.97)}.locale-option.active{background:var(--green);color:var(--text-on-dark);border-color:var(--green)}.locale-option.disabled{opacity:.4;cursor:not-allowed}.locale-option.disabled:active{transform:none}.branch-option.disabled,.branch-option:disabled{opacity:.4;cursor:not-allowed}.branch-option.disabled:active,.branch-option:disabled:active{transform:none}
