/* Die Optionsleiste wächst vom bestehenden Kreis nach oben. */
.dashboard-options { position: relative; }
.options-list { position: absolute; bottom: 60px; right: 0; display: flex; flex-direction: column; gap: 12px; }
.options-list[hidden] { display: none; }
.dashboard-options button {
    width: 46px; height: 46px; padding: 0; display: grid; place-items: center;
    border: 2px solid var(--line); border-radius: 50%;
    color: var(--ink); background: var(--surface);
    box-shadow: 3px 3px 0 var(--shadow-ink); font: 25px/1 var(--body-font);
    transition: transform 150ms ease, background 150ms ease;
}
.dashboard-options button:hover { background: var(--pink); transform: translateY(-3px); }
.dashboard-options button[aria-pressed="true"], #options-toggle[aria-expanded="true"] { background: var(--blue); }
#meteor-effect { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 10000; pointer-events: none; }
.meteor-status { position: fixed; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }