.app{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative}.clock-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;text-align:center;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:1200px;width:100%;display:flex;gap:40px;align-items:flex-start}.clock-main{flex:1;min-width:300px}.time{font-size:4rem;font-weight:300;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.3);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.date{font-size:1.2rem;color:#fffc;font-weight:400;text-shadow:0 1px 5px rgba(0,0,0,.2);margin-bottom:20px}.resolution{font-size:1rem;color:#fff9;font-weight:400;text-shadow:0 1px 5px rgba(0,0,0,.2);margin-bottom:20px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.message{font-size:1.1rem;color:#ffffffe6;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.2);padding:10px 20px;background:#ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.2);max-width:400px;margin:0 auto 30px;word-wrap:break-word}.weather-section{margin-bottom:30px;padding:20px;background:#ffffff1a;border-radius:15px;border:1px solid rgba(255,255,255,.2)}.weather-info{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.weather-icon{font-size:2.5rem;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}.weather-temp{font-size:2rem;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.3);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.weather-condition{font-size:1.1rem;color:#ffffffe6;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.2)}.right-content{flex:1;min-width:300px;display:flex;flex-direction:column;gap:20px}.section-title{font-size:1.3rem;color:#ffffffe6;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.2);margin-bottom:15px;text-align:left}.meetings-section{padding:20px;background:#ffffff1a;border-radius:15px;border:1px solid rgba(255,255,255,.2);text-align:left}.meetings-list{display:flex;flex-direction:column;gap:12px}.meeting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.meeting-item:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.meeting-info{display:flex;flex-direction:column;gap:4px}.meeting-title{font-size:1rem;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.2)}.meeting-duration{font-size:.9rem;color:#ffffffb3;font-weight:400}.meeting-timer{font-size:.9rem;color:#4fc3f7;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.2);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.tasks-section{padding:20px;background:#ffffff1a;border-radius:15px;border:1px solid rgba(255,255,255,.2);text-align:left}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.task-item:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.task-priority-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.task-title{flex:1;font-size:1rem;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.2)}.task-priority{font-size:.8rem;color:#ffffffb3;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.connection-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:8px 16px;background:#ffc10733;border-radius:8px;border:1px solid rgba(255,193,7,.3);color:#ffffffe6;font-size:.9rem;font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.disconnected{background-color:#ffc107}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.fullscreen-button{position:fixed;bottom:30px;right:30px;width:80px;height:80px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #0003;z-index:1000}.fullscreen-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 6px 25px #0000004d}.fullscreen-button:active{transform:scale(.95)}.fullscreen-button svg{width:32px;height:32px}@media (max-width: 1024px){.clock-container{flex-direction:column;gap:20px}.clock-main,.right-content{min-width:auto;width:100%}}@media (max-width: 768px){.time{font-size:2.5rem}.date{font-size:1rem}.resolution{font-size:.9rem}.message{font-size:1rem;padding:8px 16px;max-width:300px}.clock-container{padding:30px}.weather-section,.meetings-section,.tasks-section{padding:15px;margin-bottom:20px}.weather-icon{font-size:2rem}.weather-temp{font-size:1.5rem}.weather-condition{font-size:1rem}.section-title{font-size:1.1rem}.meeting-item,.task-item{padding:10px 12px}.meeting-title,.task-title{font-size:.9rem}.meeting-duration,.meeting-timer{font-size:.8rem}.task-priority{font-size:.7rem}.connection-status{font-size:.8rem;padding:6px 12px}.fullscreen-button{width:70px;height:70px;bottom:20px;right:20px}.fullscreen-button svg{width:28px;height:28px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}