*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#5ba3d0,#4a90c2);border-radius:8px;position:relative}.logo-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#fff;border-radius:4px;opacity:.8}.logo-text{font-size:24px;font-weight:600;color:#2c3e50}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.time{font-size:20px;font-weight:500;color:#2c3e50}.date{font-size:14px;color:#7f8c8d}.greeting-card{background:linear-gradient(135deg,#e8f4f8,#d4e8f0);border-radius:20px;padding:40px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden}.sun-icon{font-size:48px;position:absolute;top:20px;right:30px;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.robot-container{margin:20px 0;position:relative;z-index:1}.robot-avatar{width:120px;height:120px;background:linear-gradient(135deg,#5ba3d0,#4a90c2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5ba3d04d}.robot-face{width:80px;height:80px;background-color:#fff;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.robot-eye{width:12px;height:12px;background-color:#5ba3d0;border-radius:50%;position:absolute;top:30px}.robot-eye.left-eye{left:25px}.robot-eye.right-eye{right:25px}.robot-mouth{width:24px;height:12px;border:2px solid #5BA3D0;border-top:none;border-radius:0 0 24px 24px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.greeting-text{text-align:center;margin-top:20px}.greeting-title{font-size:24px;font-weight:600;color:#2c3e50;margin:0 0 8px}.greeting-subtitle{font-size:16px;color:#5ba3d0;margin:0}.schedule-panel{background-color:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 12px #00000014;height:100%}.schedule-list{display:flex;flex-direction:column;gap:20px}.schedule-item{display:flex;gap:16px;padding:20px;background-color:#f8fbfc;border-radius:16px;border-left:4px solid #5BA3D0;transition:transform .2s,box-shadow .2s}.schedule-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.schedule-icon{font-size:32px;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px}.schedule-content{flex:1;display:flex;flex-direction:column;gap:8px}.schedule-header{display:flex;justify-content:space-between;align-items:center}.schedule-title{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.schedule-status{background-color:#5ba3d0;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.schedule-description{font-size:14px;color:#7f8c8d;margin:0;line-height:1.5}.schedule-time{font-size:16px;font-weight:600;color:#5ba3d0;margin-top:4px}.commands-panel{background-color:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 12px #00000014;height:100%;display:flex;flex-direction:column}.panel-title{font-size:22px;font-weight:600;color:#2c3e50;margin:0 0 24px}.commands-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.command-button{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:#e8f4f8;border:2px solid #5BA3D0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;font-size:16px;color:#2c3e50}.command-button:hover{background-color:#5ba3d0;color:#fff;transform:translate(4px)}.command-button:hover .command-icon{filter:brightness(0) invert(1)}.command-icon{font-size:20px;min-width:24px}.command-text{font-weight:500}.help-section{margin-top:auto;padding-top:24px;border-top:1px solid #E0E0E0}.help-title{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 12px}.help-text{font-size:14px;color:#7f8c8d;line-height:1.6;margin:0}.footer{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#fff;box-shadow:0 -2px 4px #0000000d;border-top:1px solid #E0E0E0}.footer-info{display:flex;gap:32px;align-items:center}.info-item{display:flex;align-items:center;gap:8px}.info-icon{font-size:20px}.info-text{font-size:14px;color:#2c3e50;font-weight:500}.footer-status{display:flex;align-items:center;gap:8px}.status-indicator{width:12px;height:12px;background-color:#2ecc71;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:14px;color:#2c3e50;font-weight:500}.dashboard{min-height:100vh;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);display:flex;flex-direction:column}.dashboard-main{flex:1;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px;padding:24px 40px;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.dashboard-left,.dashboard-center,.dashboard-right{display:flex;flex-direction:column}@media(max-width:1400px){.dashboard-main{grid-template-columns:1fr 1.2fr 1fr}}@media(max-width:1200px){.dashboard-main{grid-template-columns:1fr;gap:20px}.dashboard-left,.dashboard-center,.dashboard-right{width:100%}}@media(max-width:768px){.dashboard-main,.header,.footer{padding:16px 20px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}