:root{--background-color: #121212;--surface-color: #282828;--primary-color: #FFFFFF;--text-color: #FFFFFF;--text-secondary-color: #B3B3B3;--border-color: #404040;--instagram-gradient: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#000;color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%;display:flex;justify-content:center;align-items:center}.app-container{width:100%;max-width:400px;aspect-ratio:9 / 16;background-color:var(--background-color);border-radius:20px;border:1px solid #222;box-shadow:0 10px 30px #00000080;overflow:hidden;display:flex;flex-direction:column;position:relative}.screen{width:100%;height:100%;padding:40px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.welcome-screen{justify-content:space-between;padding:60px 24px}.welcome-logo{width:80px;height:80px;border-radius:16px}.welcome-title{margin-top:1rem;font-size:1.5rem;font-weight:600}.welcome-content{width:100%}.disclaimer-text{display:flex;flex-direction:column;gap:1.5rem}.disclaimer-text h2{font-size:1.2rem;font-weight:500}.welcome-screen .main-text{font-size:1.1rem;line-height:1.5;font-weight:400;color:var(--text-color)}.welcome-screen .sub-text{font-size:.9rem;line-height:1.5;color:var(--text-secondary-color)}.selection-screen{justify-content:flex-start;padding-top:80px}.selection-screen h1{font-size:2rem;margin-bottom:32px}.patient-list{width:100%;display:flex;flex-direction:column;gap:16px}.patient-screen{padding:0;justify-content:flex-end;position:relative;background-color:#000}.patient-screen .media-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.5}.patient-screen .content-overlay{position:relative;z-index:2;padding:40px 24px;width:100%;background:linear-gradient(to top,#000 30%,#0000);display:flex;flex-direction:column;align-items:center;text-align:center}.patient-screen h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.patient-screen h2{font-size:1.5rem;font-weight:400;color:var(--text-secondary-color);margin-bottom:1rem}.patient-screen p{font-size:1rem;line-height:1.5;margin-bottom:2rem;max-width:300px}.calling-screen{padding:0;background-color:#000;position:relative}.calling-screen iframe{width:100%;height:100%;border:none}.btn{display:inline-block;width:100%;padding:16px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;text-align:center;text-decoration:none}.btn-primary{background:var(--instagram-gradient);color:#fff;font-weight:700}.btn-primary:hover{transform:scale(1.03);box-shadow:0 4px 15px #0003}.btn-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--surface-color);border-color:var(--text-color)}.btn-back{position:absolute;top:24px;left:20px;width:auto;padding:8px 12px;font-size:.9rem;background-color:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff}.btn-accent{background:var(--instagram-gradient);color:#fff;border-radius:30px;width:90%;max-width:300px;padding:18px;font-weight:700}.btn-accent:hover{transform:scale(1.03);box-shadow:0 4px 15px #0003}