.traffic-lights{display:flex;gap:6px}
.window-control{display:grid;place-items:center;width:12px;height:12px;margin:0;padding:0;border:1px solid #333;border-radius:50%;cursor:pointer;transition:filter .12s,transform .12s}
.window-control:hover{filter:brightness(.84);transform:scale(1.08)}
.window-control:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.window-control--close{background:#ff5f57}.window-control--minimize{background:#febc2e}.window-control--fullscreen{background:#28c840}
.window-control::after{font:700 9px/1 Arial,sans-serif;color:#5c1715;opacity:0;transition:opacity .12s}
.window-control:hover::after{opacity:1}.window-control--close::after{content:"×"}.window-control--minimize::after{content:"−";color:#6b4b00}.window-control--fullscreen::after{content:"+";color:#135b21}