:root{color-scheme:light;font-family:Georgia,Times New Roman,serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#fff8f0;color:#2d1b00}.app{max-width:600px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.header{text-align:center;padding:1.5rem 1rem;background:#fffdf5;border:2px solid #D4A056;border-radius:1rem;box-shadow:0 2px 8px #0000000f}.greeting{font-size:1.4rem;color:#7a5a2f;margin-bottom:.25rem}.clock{font-size:3.5rem;font-weight:700;color:#2d1b00;letter-spacing:.04em;font-variant-numeric:tabular-nums}.date-display{font-size:1.2rem;color:#7a5a2f;margin-top:.25rem}.nav{display:flex;gap:.5rem;background:#fffdf5;border:2px solid #D4A056;border-radius:1rem;padding:.5rem}.nav-btn{flex:1;padding:.85rem .5rem;font-size:1.15rem;font-weight:600;font-family:inherit;border:2px solid transparent;border-radius:.75rem;background:transparent;color:#7a5a2f;cursor:pointer;transition:all .15s}.nav-btn:hover{background:#f5e6d0}.nav-btn.active{background:#d4a056;color:#fff;border-color:#b8862d}.card{background:#fffdf5;border:2px solid #D4A056;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.card-title{font-size:1.5rem;font-weight:700;color:#5c3d1a;margin-bottom:1rem;border-bottom:2px solid #E8D5B5;padding-bottom:.5rem}.med-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.75rem;background:#fff;border:2px solid #E8D5B5;border-radius:.75rem;cursor:pointer;transition:all .15s}.med-item:hover{border-color:#d4a056}.med-item.taken{background:#e8f5e9;border-color:#81c784}.med-check{width:2rem;height:2rem;border:3px solid #D4A056;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.4rem;background:#fff}.med-item.taken .med-check{background:#81c784;border-color:#4caf50;color:#fff}.med-info{flex:1}.med-name{font-size:1.25rem;font-weight:700;color:#2d1b00}.med-detail{font-size:1rem;color:#7a5a2f}.contact-list{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:2px solid #E8D5B5;border-radius:.75rem;cursor:pointer;transition:all .15s;text-decoration:none;color:inherit}.contact-item:hover{border-color:#d4a056;background:#fff8f0}.contact-avatar{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.contact-info{flex:1}.contact-name{font-size:1.25rem;font-weight:700;color:#2d1b00}.contact-relation{font-size:1rem;color:#7a5a2f}.contact-call{background:#4caf50;color:#fff;border:none;border-radius:.75rem;padding:.75rem 1.25rem;font-size:1.15rem;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:.5rem}.contact-call:hover{background:#388e3c}.notes-area{width:100%;min-height:200px;padding:1rem;font-size:1.2rem;font-family:inherit;line-height:1.8;border:2px solid #E8D5B5;border-radius:.75rem;background:#fff;color:#2d1b00;resize:vertical}.notes-area:focus{outline:none;border-color:#d4a056;box-shadow:0 0 0 3px #d4a05640}.notes-hint{font-size:1rem;color:#7a5a2f;margin-top:.5rem;text-align:center}.emergency-bar{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;background:#d32f2f;display:flex;justify-content:center;box-shadow:0 -2px 12px #00000026;z-index:100}.emergency-btn{background:#fff;color:#d32f2f;border:none;border-radius:1rem;padding:1rem 2rem;font-size:1.4rem;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:transform .1s}.emergency-btn:hover{transform:scale(1.03)}.emergency-btn:active{transform:scale(.97)}.empty-hint{text-align:center;padding:2rem 1rem;color:#7a5a2f;font-size:1.1rem}@media(max-width:480px){.clock{font-size:2.8rem}.nav-btn{font-size:1rem;padding:.75rem .25rem}}