.hobby-controls{--hobby-accent:#d5b77d;--hobby-muted:#c4cec6;display:grid;gap:14px;min-width:0;color:#eee3ca}
.hobby-controls h3{font-size:21px;line-height:1.25;margin:0}
.hobby-controls h4{font-size:16px;margin:0 0 8px;color:#e4c99b}
.hobby-eyebrow{font-size:12px;letter-spacing:.15em;color:var(--hobby-accent);margin:0}
.hobby-status{font-variant-numeric:tabular-nums;background:#28434a;border-left:3px solid var(--hobby-accent);padding:10px 12px;margin:0;line-height:1.5;font-size:14px}
.hobby-controls canvas{display:block;width:100%;height:auto;border-radius:7px;border:1px solid #527079;touch-action:none;box-sizing:border-box}
.hobby-controls canvas:focus-visible{outline:2px solid #e5c99b;outline-offset:3px}
.hobby-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 0;border-top:1px solid #476069}
.hobby-section h4{grid-column:1/-1}
.hobby-controls label{display:grid;gap:5px;font-size:14px;min-width:0;color:#dfd9c8}
.hobby-controls select,.hobby-controls input{box-sizing:border-box;min-width:0;width:100%;min-height:44px;font:inherit}
.hobby-controls select{color:#eee3ca;background:#243b43;border:1px solid #637a7e;border-radius:5px;padding:8px}
.hobby-controls input[type=range]{accent-color:#d5b77d}
.hobby-controls output{font-variant-numeric:tabular-nums;font-size:13px;color:var(--hobby-accent)}
.hobby-controls button{min-height:44px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.35;padding:10px 12px;text-align:left}
.hobby-controls button:disabled{opacity:.58;cursor:not-allowed}
.hobby-hint,.hobby-note{font-size:14px;line-height:1.55;color:var(--hobby-muted);margin:0}
.hobby-journal{font-size:13px;line-height:1.6;border-top:1px solid #476069;padding-top:12px;color:#d9c7a6}
@media(max-width:420px){.hobby-section{gap:9px}.hobby-controls h3{font-size:19px}.hobby-controls button{padding:9px;font-size:14px}}