.home-container{position:relative;width:100vw;height:100vh;background:url(/dps-hintergrund.jpg) no-repeat center center fixed;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:system-ui,sans-serif}.home-title{font-size:1.9rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.7);margin-top:18vh;animation:fadeIn 1.5s ease-out,pulseText 3s infinite ease-in-out}@keyframes pulseText{0%,to{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.7)}50%{opacity:.8;text-shadow:0 0 15px rgba(255,255,255,1)}}.home-button{position:absolute;bottom:20vh;width:80%;max-width:320px;padding:.9rem 0;font-size:1.1rem;color:#fff;background:#ffffff2e;border:2px solid rgba(255,255,255,.7);border-radius:10px;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-button:hover{color:#000;background:#ffffffbf;border:2px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-button:active{transform:scale(.98);background:#ffffffa6}.home-hint{position:absolute;bottom:7vh;color:#fff;font-size:1rem;text-shadow:0 0 6px rgba(0,0,0,.7);line-height:1.4;width:90%}.fade-in{animation:fadeIn 1.2s ease-out}@media(max-width:600px){.home-title{font-size:1.6rem;margin-top:15vh}.home-button{width:85vw;font-size:1rem;padding:.7rem 0;bottom:18vh}.home-hint{bottom:6vh;font-size:.95rem}}.patient-container{position:relative;width:100vw;height:100vh;background:url(/dps-hintergrund.jpg) no-repeat center center fixed;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:system-ui,sans-serif}.overlay{position:absolute;inset:0;background:#00000073;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:2rem}.top-section{text-align:center;margin-top:2rem;margin-bottom:2rem;max-height:55vh;overflow:hidden;padding-bottom:.5rem;width:85%;margin-left:auto;margin-right:auto}.patient-id{font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.6);color:#fff}.countdown{font-size:1.3rem;font-weight:700;color:#00b8ff;text-shadow:0 0 10px rgba(0,184,255,.8);animation:blinkBlue 1s infinite ease-in-out;margin:.5rem 0}@keyframes blinkBlue{0%,to{opacity:1;text-shadow:0 0 10px rgba(0,184,255,.9),0 0 20px rgba(0,184,255,.7)}50%{opacity:.6;text-shadow:0 0 4px rgba(0,184,255,.5)}}.result{font-size:1.1rem;margin-top:1rem;color:#fff;background:#00000073;padding:1rem 1.5rem;border-radius:10px;max-width:85vw;text-align:center}.result-table{display:grid;grid-template-columns:1fr auto;align-items:start;justify-content:space-between;column-gap:2rem;row-gap:.6rem;background:#0000008c;padding:1rem 1.5rem;border-radius:12px;max-width:92vw;margin:0 auto;color:#fff;font-size:1rem;line-height:1.4rem;overflow:hidden;box-shadow:0 0 10px #0000004d}.result-row{display:contents}.result-label{font-weight:600;color:#ffecb3;text-align:left;white-space:normal;padding-right:.5rem}.result-value{text-align:left;min-width:3rem;white-space:nowrap;font-weight:600}.result-table.abcde .result-value{text-align:right!important}.result-value.ok{color:#a0ffb5}.result-value.critical{color:#ff6b6b;animation:pulseCritical 1.5s infinite}.result-value.neutral{color:#fff}@keyframes pulseCritical{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.bottom-section{position:absolute;bottom:2rem;width:100%;display:flex;justify-content:center;align-items:center;padding-bottom:calc(env(safe-area-inset-bottom,.5rem) + 1rem)}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem .8rem;width:85%;max-width:600px}.patient-button{width:100%;padding:.5rem 0;font-size:.95rem;color:#fff;background:#ffffff26;border:1.5px solid rgba(255,255,255,.6);border-radius:10px;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 4px rgba(255,255,255,.4)}.patient-button.full-width{grid-column:span 2}.patient-button:hover{background:#00000040;border-color:#fffc}@media(max-width:600px){.bottom-section{bottom:.5rem;padding-bottom:env(safe-area-inset-bottom,.5rem)}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;width:100vw;padding:0 .5rem}.patient-button{width:100%;padding:.55rem 0;font-size:.9rem}.patient-button.full-width{grid-column:1 / -1}}.fade-in{animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.patient-id{font-size:1.4rem}.result{font-size:1rem;max-width:92vw}.result-table{column-gap:.5rem;max-width:95vw;padding:1rem}.result-table.abcde .result-value{text-align:right!important}.result-label{white-space:normal;text-align:left}.result-value{font-size:.95rem;white-space:nowrap}.bottom-section{margin-bottom:6vh}}.result.hint{color:#ffffffd9;font-size:1.1rem;font-weight:500;text-align:center;text-shadow:0 0 8px rgba(255,255,255,.3);animation:hintPulse 3s ease-in-out infinite;background:#0000004d;padding:1rem 1.5rem;border-radius:10px;max-width:80vw;margin:1rem auto}@keyframes hintPulse{0%{opacity:.8;text-shadow:0 0 8px rgba(255,255,255,.2)}50%{opacity:1;text-shadow:0 0 18px rgba(255,255,255,.6)}to{opacity:.8;text-shadow:0 0 8px rgba(255,255,255,.2)}}@media(max-width:600px){.result.hint{font-size:1rem;padding:.8rem 1.2rem;max-width:90vw}}.overlay-bodymap{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeInOverlay .5s ease-out}.bodymap-content img{max-width:90%;max-height:85vh;border-radius:12px;box-shadow:0 0 25px #ffffff80;background:#ffffff0d;padding:.5rem;transition:transform .3s ease-in-out}.bodymap-content img:hover{transform:scale(1.03)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.bodycheck-hint{margin-top:.8rem;font-size:.9rem;color:#ffffffd9;font-style:italic;opacity:.9;text-align:center}.bodycheck-hint{margin-top:.8rem;font-size:.9rem;color:#00b8ff;font-style:italic;opacity:.95;text-align:center;text-shadow:0 0 10px rgba(0,184,255,.8);animation:blinkBlue 1s infinite ease-in-out}html,body{margin:0;padding:0;height:100%;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f9fafb;color:#222}#root{height:100%;display:flex;align-items:center;justify-content:center}button,a{background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.25rem;font-size:1rem;text-decoration:none;transition:background-color .2s ease-in-out}button:hover,a:hover{background-color:#1e40af}h1,h2,h3{margin-top:0}body.index-background{background:url(/dps-hintergrund.jpg) no-repeat center center fixed;background-size:cover}