:root{--hap-orange: hsl(32, 76%, 63%);--hap-orange-dark: hsl(32, 76%, 45%);--hap-orange-light: hsl(32, 76%, 85%);--bg-dark: hsl(220, 13%, 18%);--bg-card: hsl(220, 13%, 95%);--text-dark: hsl(220, 13%, 20%);--text-light: hsl(220, 13%, 96%);--text-muted: hsl(220, 10%, 50%);--energy-high: hsl(142, 71%, 45%);--energy-medium: hsl(45, 93%, 47%);--energy-low: hsl(0, 84%, 60%);--border-color: hsl(220, 13%, 80%);--shadow-color: hsl(220, 13%, 10%, .15);--energy-track: hsl(220, 10%, 87%);--card-actions-bg: hsl(220, 10%, 91%);--console-bg: hsl(230, 12%, 12%);--console-text: hsl(120, 100%, 75%);--console-border: hsl(220, 13%, 20%);--btn-rest: hsl(211, 70%, 50%);--btn-rest-hover: hsl(211, 70%, 40%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-light)}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{font-size:1.5rem;color:var(--hap-orange);margin-bottom:.5rem}.page-header p{color:var(--text-muted);font-size:.9rem}.robot-card{background-color:var(--bg-card);border-radius:16px;box-shadow:0 10px 40px var(--shadow-color);max-width:400px;width:100%;overflow:hidden}.card-header{background:linear-gradient(135deg,var(--hap-orange),var(--hap-orange-dark));color:var(--text-light);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem}.card-header .robot-icon{font-size:1.75rem}.card-header h2{font-size:1.25rem;font-weight:600;letter-spacing:.5px}.card-section{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.card-section:last-child{border-bottom:none}.card-section h3{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;color:var(--text-dark)}.info-row .label{font-weight:500;display:flex;align-items:center;gap:.5rem}.info-row .value{font-weight:600;color:var(--hap-orange-dark)}.energy-container{margin-top:.5rem}.energy-bar-track{background-color:var(--energy-track);border-radius:10px;height:12px;overflow:hidden}.energy-bar-fill{height:100%;background-color:var(--energy-high);border-radius:10px;transition:width .3s ease,background-color .3s ease}.status-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--text-dark)}.status-row .icon{font-size:1.1rem}.status-row .text{font-weight:500}.card-actions{display:flex;gap:1rem;padding:1.25rem 1.5rem;background-color:var(--card-actions-bg)}.btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid var(--hap-orange);outline-offset:2px}.btn-task{background-color:var(--hap-orange);color:var(--text-light)}.btn-task:hover{background-color:var(--hap-orange-dark)}.btn-rest{background-color:var(--btn-rest);color:var(--text-light)}.btn-rest:hover{background-color:var(--btn-rest-hover)}.console-section{margin-top:2rem;max-width:400px;width:100%}.console-section h3{color:var(--hap-orange);font-size:.9rem;margin-bottom:.75rem}.console-output{background-color:var(--console-bg);border-radius:8px;padding:1rem;font-family:Consolas,Monaco,monospace;font-size:.85rem;color:var(--console-text);max-height:200px;overflow-y:auto}.console-output .log-line{padding:.2rem 0;border-bottom:1px solid var(--console-border)}.console-output .log-line:last-child{border-bottom:none}@media(max-width:480px){body,.card-header,.card-section{padding:1rem}.card-actions{flex-direction:column;gap:.75rem}}