: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%);--btn-add: hsl(160, 60%, 40%);--btn-add-hover: hsl(160, 60%, 30%);--btn-back: hsl(220, 13%, 40%);--btn-back-hover: hsl(220, 13%, 30%);--note-bg: hsl(45, 80%, 95%);--note-border: hsl(45, 60%, 80%);--event-badge-bg: hsl(280, 50%, 30%);--event-badge-text: hsl(280, 80%, 90%);--form-border: hsl(220, 13%, 75%)}*,*: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;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}.hidden{display:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:960px;width:100%}.robot-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.robot-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow-color)}.robot-card:focus-visible{outline:3px solid var(--hap-orange);outline-offset:2px}.robot-card--active{cursor:default}.robot-card--active:hover{transform:none;box-shadow:0 10px 40px var(--shadow-color)}#detail-view{max-width:480px;width:100%}#detail-content{margin-bottom:1.5rem}.notes-form{margin-bottom:1rem}.notes-form label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.form-row{display:flex;gap:.75rem}.form-row input[type=text]{flex:1;padding:.6rem .75rem;border:2px solid var(--form-border);border-radius:8px;font-size:.9rem;font-family:inherit;background-color:var(--bg-card);color:var(--text-dark)}.form-row input[type=text]:focus{outline:none;border-color:var(--hap-orange)}.note-item{background-color:var(--note-bg);border-left:3px solid var(--note-border);padding:.5rem .75rem;margin-bottom:.5rem;border-radius:0 6px 6px 0;font-size:.9rem;color:var(--text-dark)}.btn-add{background-color:var(--btn-add);color:var(--text-light);margin-top:1.5rem}.btn-add:hover{background-color:var(--btn-add-hover)}.btn-back{background-color:var(--btn-back);color:var(--text-light);margin-top:1rem;width:100%}.btn-back:hover{background-color:var(--btn-back-hover)}.console-event-type{display:inline-block;background-color:var(--event-badge-bg);color:var(--event-badge-text);padding:.1rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}main{display:flex;flex-direction:column;align-items:center;width:100%}.console-section{max-width:960px}@media(max-width:480px){body,.card-header,.card-section{padding:1rem}.card-actions{flex-direction:column;gap:.75rem}.card-grid{grid-template-columns:1fr}.form-row{flex-direction:column}}