.accent-panel{position:fixed;z-index:1105;width:min(308px,calc(100vw - 24px));padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(24px);opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:opacity 180ms ease,transform 180ms ease}
.accent-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.accent-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.accent-panel__eyebrow{margin-bottom:4px;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.accent-panel__title{color:var(--text);font-size:1.05rem;font-weight:850}.accent-panel__close{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text);font-size:1.1rem;cursor:pointer}.accent-panel__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.accent-swatch{min-height:70px;padding:9px 7px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--text);font:inherit;cursor:pointer;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.accent-swatch:hover{transform:translateY(-1px)}.accent-swatch[aria-pressed='true']{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.accent-swatch__chip{width:100%;height:26px;border-radius:999px;background:linear-gradient(135deg,var(--swatch-accent),var(--swatch-accent-2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.accent-swatch__label{font-size:.68rem;font-weight:750;line-height:1.1}
.discord-button,.manage-button:not(.admin-button),.primary-button,.save-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:color-mix(in srgb,var(--accent) 75%,white)}.eyebrow,.section-label,.accent-panel__eyebrow{color:var(--accent)}.theme-toggle:hover{border-color:var(--accent)}
body[data-theme] .eyebrow,body[data-theme] .section-label,body[data-theme] .request-service,body[data-theme] .calendar-icon,body[data-theme] .duration-line,body[data-theme] .loading-service{color:color-mix(in srgb,var(--accent) 72%,var(--text))}body[data-theme] .duration-line{border-left-color:var(--accent)}body[data-theme] .tab-button.is-active{color:color-mix(in srgb,var(--accent) 72%,var(--text));border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 13%,transparent)}body[data-theme] .counter,body[data-theme] .edit-button{color:color-mix(in srgb,var(--accent) 72%,var(--text))}body[data-theme] .edit-button{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
@media(max-width:480px){.accent-panel{padding:12px}.accent-panel__grid{gap:7px}.accent-swatch{min-height:66px;padding:8px 5px}.accent-swatch__label{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.accent-panel,.accent-swatch{transition:none}}