.home-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:calc(100vh - 140px);background:linear-gradient(180deg,#0000004d,#000000b3)}.time-display{font-size:80px;font-weight:700;color:#f0f0fa;margin-bottom:8px;font-family:Orbitron,D-DIN,Arial,Verdana,sans-serif;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 30px rgba(240,240,250,.3)}.date-display{font-size:16px;color:#f0f0fab3;margin-bottom:80px;text-align:center;letter-spacing:2px}.quick-actions{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px}.action-button{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:24px 40px;font-size:14px;font-weight:700;cursor:pointer;min-height:80px;transition:background .3s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:2px}.action-button:active{transform:scale(.98);background:#f0f0fa33}.talk-button:hover,.photos-button:hover,.game-button:hover{background:#f0f0fa26}.greeting-banner{background:linear-gradient(180deg,#000c,#0006);padding:32px 24px;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center;width:100%;border-bottom:1px solid rgba(240,240,250,.1)}.greeting-text{color:#f0f0fa;font-size:18px;font-weight:400;margin:0;line-height:1.4;max-width:800px;letter-spacing:2px;text-transform:uppercase}.help-button{position:fixed;bottom:30px;right:30px;width:160px;height:160px;border-radius:50%;background:#e74c3ce6;color:#f0f0fa;border:2px solid rgba(240,240,250,.35);font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;z-index:50;transition:transform .15s ease,background .3s ease;text-transform:uppercase;letter-spacing:1px}.help-button:active,.help-button.pressed{transform:scale(.92);background:#c0392be6}.voice-interface{display:flex;flex-direction:column;align-items:center;padding:40px 20px;min-height:calc(100vh - 140px);justify-content:center;background:linear-gradient(180deg,#0000004d,#000000b3)}.mic-button{width:160px;height:160px;border-radius:50%;background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.mic-button.listening{background:#e74c3c4d;border-color:#e74c3c99;animation:pulse 1.5s infinite}.mic-button:disabled{opacity:.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.transcript-display{margin-top:30px;font-size:16px;color:#f0f0fa;text-align:center;max-width:400px;letter-spacing:1px;text-transform:uppercase;opacity:.8}.medication-confirm{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;z-index:100}.medication-title{font-size:16px;color:#f0f0fa99;margin-bottom:20px;text-transform:uppercase;letter-spacing:3px}.medication-name{font-size:36px;font-weight:700;color:#f0f0fa;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.medication-dose{font-size:18px;color:#f0f0fa99;margin-bottom:60px;text-transform:uppercase;letter-spacing:2px}.confirm-button{background:#27ae604d;color:#f0f0fa;border:1px solid rgba(39,174,96,.5);border-radius:32px;padding:30px 60px;font-size:16px;cursor:pointer;min-height:100px;text-transform:uppercase;letter-spacing:2px}.photo-viewer{padding:20px;min-height:calc(100vh - 140px);background:linear-gradient(180deg,#0000004d,#000000b3)}.photo-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.photo-header h2{font-size:28px;color:#f0f0fa;text-align:center;margin:0;text-transform:uppercase;letter-spacing:2px}.back-button{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:14px 28px;font-size:14px;cursor:pointer;min-height:60px;align-self:flex-start;text-transform:uppercase;letter-spacing:1px}.header-actions{display:flex;justify-content:center;gap:16px}.add-button,.slideshow-button,.upload-button{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:14px 24px;font-size:12px;cursor:pointer;min-height:60px;text-transform:uppercase;letter-spacing:1px}.add-button:active,.slideshow-button:active,.upload-button:active{background:#f0f0fa33}.upload-button:disabled{opacity:.4;cursor:not-allowed}.slideshow-button.active{background:#27ae604d;border-color:#27ae6099}.new-folder-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f0f0fa0d;border:1px solid rgba(240,240,250,.1);border-radius:16px;margin-bottom:24px}.folder-input{padding:16px;font-size:14px;background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;min-height:60px;text-transform:uppercase;letter-spacing:1px}.create-button{background:#27ae604d;color:#f0f0fa;border:1px solid rgba(39,174,96,.5);border-radius:32px;padding:16px;font-size:14px;cursor:pointer;min-height:60px;text-transform:uppercase;letter-spacing:1px}.loading{text-align:center;font-size:16px;color:#f0f0fa99;padding:60px 20px;text-transform:uppercase;letter-spacing:2px}.album-list{display:flex;flex-direction:column;gap:16px}.album-button{display:flex;align-items:center;gap:16px;background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:16px;padding:24px;font-size:14px;cursor:pointer;min-height:90px;text-align:left;text-transform:uppercase;letter-spacing:1px}.album-button:active{background:#f0f0fa33}.album-icon{font-size:28px;opacity:.8}.album-name{flex:1;font-weight:700}.album-count{font-size:12px;opacity:.6}.no-albums,.no-photos{text-align:center;font-size:14px;color:#f0f0fa99;padding:60px 20px;text-transform:uppercase;letter-spacing:2px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.photo-item{position:relative;background:#f0f0fa1a;border:1px solid rgba(240,240,250,.1);border-radius:8px;overflow:hidden;cursor:pointer}.photo-item:active{transform:scale(.98)}.photo-item img{width:100%;height:160px;object-fit:cover;display:block}.photo-item.active{border-color:#27ae60cc;box-shadow:0 0 0 2px #27ae6066}.slideshow-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px;background:#000c;border-radius:12px;margin-bottom:20px}.slideshow-nav{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:50%;width:60px;height:60px;font-size:18px;cursor:pointer;text-transform:uppercase}.current-badge{position:absolute;top:8px;right:8px;background:#e74c3ce6;color:#f0f0fa;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.photo-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;cursor:pointer;padding:20px}.photo-fullscreen img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.photo-caption{color:#f0f0fa;font-size:16px;margin-top:20px;text-align:center;text-transform:uppercase;letter-spacing:2px}.music-player{padding:20px;min-height:calc(100vh - 140px);background:linear-gradient(180deg,#0000004d,#000000b3)}.music-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.music-header h2{font-size:28px;color:#f0f0fa;text-align:center;text-transform:uppercase;letter-spacing:2px;margin:0}.back-button{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:16px 32px;font-size:14px;cursor:pointer;min-height:60px;align-self:flex-start;text-transform:uppercase;letter-spacing:1px}.back-button:active{background:#f0f0fa33}.now-playing{background:#6a5acd33;border:1px solid rgba(106,90,205,.3);color:#f0f0fa;border-radius:16px;padding:30px;margin-bottom:30px;text-align:center}.now-playing-label{font-size:12px;opacity:.7;margin:0 0 10px;text-transform:uppercase;letter-spacing:2px}.now-playing-title{font-size:24px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.now-playing-artist{font-size:16px;opacity:.7;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}.stop-button{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:14px 40px;font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.track-list{display:flex;flex-direction:column;gap:12px}.track-button{display:flex;flex-direction:column;align-items:flex-start;background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.2);border-radius:16px;padding:20px 24px;font-size:14px;cursor:pointer;box-shadow:none;min-height:70px;text-transform:uppercase;letter-spacing:1px}.track-button:active{background:#f0f0fa26}.track-button.active{background:#4a90a44d;border-color:#4a90a480}.track-title{font-weight:700;margin-bottom:4px}.track-artist{font-size:12px;opacity:.6}.music-note{text-align:center;font-size:14px;color:#f0f0fa80;margin-top:30px;text-transform:uppercase;letter-spacing:2px}.brain-games{padding:20px;min-height:calc(100vh - 140px);background:linear-gradient(180deg,#0000004d,#000000b3)}.games-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.games-header h2{font-size:28px;color:#f0f0fa;margin:0;text-transform:uppercase;letter-spacing:2px}.back-button{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:14px 28px;font-size:14px;cursor:pointer;min-height:60px;min-width:100px;text-transform:uppercase;letter-spacing:1px}.next-button{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:14px 24px;font-size:14px;cursor:pointer;min-height:60px;min-width:100px;text-transform:uppercase;letter-spacing:1px}.games-subtitle{text-align:center;font-size:14px;color:#f0f0fa99;margin-bottom:32px;text-transform:uppercase;letter-spacing:2px}.game-types{display:flex;flex-direction:column;gap:16px}.game-type-button{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:16px;padding:28px;font-size:14px;cursor:pointer;min-height:120px;text-transform:uppercase;letter-spacing:1px}.game-type-button:active{background:#f0f0fa33}.game-type-button.random{background:#27ae6033;border-color:#27ae6066}.game-type-button.random:active{background:#27ae604d}.game-icon{font-size:36px;opacity:.8}.game-name{font-weight:700}.game-desc{font-size:12px;opacity:.6}.question-game{display:flex;flex-direction:column;align-items:center;gap:24px}.question-text{font-size:24px;font-weight:500;text-align:center;color:#f0f0fa;margin:0;text-transform:uppercase;letter-spacing:1px}.question-hint{font-size:14px;color:#f0f0fa80;font-style:italic}.choices{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.choice-button{background:#f0f0fa1a;color:#f0f0fa;border:2px solid rgba(240,240,250,.35);border-radius:16px;padding:20px;font-size:16px;cursor:pointer;min-height:80px;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.choice-button:active:not(:disabled){background:#f0f0fa33}.choice-button.correct{background:#27ae604d;border-color:#27ae60b3;color:#f0f0fa}.choice-button.wrong{background:#e74c3c4d;border-color:#e74c3cb3;color:#f0f0fa}.choice-button:disabled{cursor:default}.result-message{text-align:center;font-size:18px;padding:16px;border-radius:12px;text-transform:uppercase;letter-spacing:2px}.correct-emoji{color:#27ae60}.wrong-emoji{color:#e74c3c}.next-game-btn{background:#27ae6033;color:#f0f0fa;border:1px solid rgba(39,174,96,.5);border-radius:32px;padding:18px 36px;font-size:14px;cursor:pointer;min-height:70px;margin-top:16px;text-transform:uppercase;letter-spacing:1px}.memory-game{display:flex;flex-direction:column;align-items:center;gap:24px}.memory-hint{font-size:16px;color:#f0f0fa99;text-transform:uppercase;letter-spacing:1px}.memory-sequence{font-size:72px;font-weight:700;color:#f0f0fa;background:#4a90a433;border:1px solid rgba(74,144,164,.3);padding:40px 60px;border-radius:20px;letter-spacing:12px}.memory-hidden{font-size:72px;font-weight:700;color:#f0f0fa4d;background:#f0f0fa0d;border:1px solid rgba(240,240,250,.1);padding:40px 60px;border-radius:20px;letter-spacing:12px}.show-answer-btn{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:18px 36px;font-size:14px;cursor:pointer;min-height:70px;text-transform:uppercase;letter-spacing:1px}.memory-answer{text-align:center}.memory-answer p{font-size:18px;color:#f0f0fa;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.carer-dashboard{padding:20px;background:#000;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-header h1{font-size:28px;color:#f0f0fa;margin:0;text-transform:uppercase;letter-spacing:2px}.refresh-btn{background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:12px 20px;font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.dashboard-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f0f0fa0d;padding:8px;border-radius:12px}.tab{flex:1;background:transparent;border:none;padding:14px;font-size:12px;cursor:pointer;border-radius:8px;color:#f0f0fa99;text-transform:uppercase;letter-spacing:1px}.tab.active{background:#f0f0fa1a;color:#f0f0fa}.tab-content{display:flex;flex-direction:column;gap:24px}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.summary-card{background:#f0f0fa0d;border:1px solid rgba(240,240,250,.1);border-radius:16px;padding:20px;text-align:center}.card-icon{font-size:28px;display:block;margin-bottom:8px;opacity:.8}.card-value{font-size:36px;font-weight:700;color:#f0f0fa}.card-label{font-size:12px;color:#f0f0fa99;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.section{background:#f0f0fa0d;border:1px solid rgba(240,240,250,.1);border-radius:16px;padding:20px}.section h2{font-size:16px;color:#f0f0fa;margin:0 0 16px;text-transform:uppercase;letter-spacing:2px}.activity-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.activity-list.full{max-height:none}.activity-item{display:flex;align-items:center;gap:16px;padding:12px;background:#f0f0fa0d;border-radius:12px}.activity-icon{font-size:20px;opacity:.8}.activity-info{flex:1}.activity-details{font-size:14px;color:#f0f0fa}.activity-time{font-size:12px;color:#f0f0fa80;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.no-data{text-align:center;color:#f0f0fa80;padding:40px;text-transform:uppercase;letter-spacing:2px;font-size:14px}.loading-state,.error-state{text-align:center;padding:60px;font-size:14px;color:#f0f0fa99;text-transform:uppercase;letter-spacing:2px}.error-state{color:#e74c3ccc}.retry-btn{display:block;margin:20px auto;background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);padding:14px 28px;font-size:14px;border-radius:32px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.weekly-chart{display:flex;flex-direction:column;gap:16px}.day-bar{display:flex;flex-direction:column;gap:8px}.day-label{font-size:12px;color:#f0f0fa99;font-weight:700;text-transform:uppercase;letter-spacing:1px}.bar-container{height:24px;background:#f0f0fa1a;border-radius:12px;overflow:hidden}.bar{height:100%;background:#4a90a499;border-radius:12px;min-width:4px;transition:width .3s ease}.day-stats{display:flex;gap:16px;font-size:12px;color:#f0f0fa80;text-transform:uppercase;letter-spacing:1px}.medication-list{display:flex;flex-direction:column;gap:16px}.medication-card{background:#f0f0fa0d;border:1px solid rgba(240,240,250,.1);border-radius:12px;padding:16px}.med-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.med-name{font-size:16px;font-weight:700;color:#f0f0fa;text-transform:uppercase;letter-spacing:1px}.med-compliance{font-size:12px;color:#f0f0fa99;text-transform:uppercase;letter-spacing:1px}.med-progress{height:8px;background:#f0f0fa1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.med-footer{font-size:12px;color:#f0f0fa80;text-transform:uppercase;letter-spacing:1px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Orbitron,D-DIN,Arial,Verdana,sans-serif;font-size:16px;line-height:1.5;color:#f0f0fa;background:#000;min-height:100vh;-webkit-text-size-adjust:100%;text-transform:uppercase;letter-spacing:.96px}.app{min-height:100vh;display:flex;flex-direction:column;background:#000}button{font-family:Orbitron,D-DIN,Arial,Verdana,sans-serif;min-height:60px;font-size:16px;text-transform:uppercase;letter-spacing:1.17px;background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;padding:18px 32px;cursor:pointer;transition:background .3s ease}button:hover{background:#f0f0fa33}button:active{transform:scale(.98)}a{color:#f0f0fa;text-decoration:none;text-transform:uppercase;letter-spacing:1.17px}input,textarea{font-family:Orbitron,D-DIN,Arial,Verdana,sans-serif;font-size:16px;padding:16px;background:#f0f0fa1a;color:#f0f0fa;border:1px solid rgba(240,240,250,.35);border-radius:32px;min-height:60px;text-transform:uppercase;letter-spacing:.96px}input::placeholder,textarea::placeholder{color:#f0f0fa80}h1{font-size:48px;font-weight:700;text-transform:uppercase;letter-spacing:.96px;line-height:1}h2{font-size:34px;font-weight:700;text-transform:uppercase;letter-spacing:.96px;line-height:1}h3{font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:.96px;line-height:1}.voice-view{display:flex;flex-direction:column;align-items:center;padding:20px;min-height:calc(100vh - 180px)}.back-button{align-self:flex-start;background:#ddd;color:#333;border:none;border-radius:12px;padding:16px 32px;font-size:22px;margin-bottom:40px;cursor:pointer;min-height:60px}.back-button:active{background:#ccc}
