#profile-controls{border:0;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid #353038;min-width:0}
#profile-controls legend{font:12px/1.5 system-ui;color:#eeedef;padding:0 0 12px;font-weight:600}
.head-profile-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#profile-controls .head-profile-buttons button{width:100%;margin:0;min-height:42px;padding:10px 6px;font:11px/1.3 system-ui}
#profile-controls .head-profile-buttons button[aria-pressed=true]{border-color:#dc6b61;color:#ffb4ab;background:#38201f}
#profile-controls .profile-note{font:11px/1.7 system-ui;color:#aaa5ae;margin:12px 0}
#profile-controls label{display:flex;align-items:center;gap:8px;font:11px/1.5 system-ui;color:#c1bac5;margin:16px 0 8px}
#profile-controls select{display:block;width:100%;max-width:100%;background:#191a20;color:#eeedef;border:1px solid #414047;border-radius:5px;padding:10px;font:12px system-ui;min-height:42px;cursor:pointer}
#profile-controls input[type=range]{width:100%;accent-color:#ef635c;margin:0 0 12px}
#profile-controls input[type=checkbox]{accent-color:#ef635c;width:16px;height:16px;flex:none}
#profile-controls output{margin-left:auto;font:11px monospace;color:#eee}
#profile-controls #profile-stop{width:100%;margin:0}
#head-profile-badge{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);z-index:4;max-width:90%;text-align:center;pointer-events:none;border:1px solid #70403966;border-radius:4px;background:#100c10d9;padding:5px 9px;color:#b6a6a4;font:8px/1.5 ui-monospace,monospace;letter-spacing:.12em;white-space:nowrap}
#stage[data-profile=warning] #head-profile-badge{border-color:#b17a3d;color:#f2be7a}
#stage[data-profile=breach] #head-profile-badge{border-color:#dd574d;color:#ff9b93}
#stage[data-profile=granted] #head-profile-badge{border-color:#4d8462;color:#a6d8b5}
.head-halo,.stage .halo{transition:filter 1.2s,opacity 1.2s}
#stage[data-profile=warning] .head-halo,#stage[data-profile=warning] .halo{filter:hue-rotate(25deg);opacity:1.3}
#stage[data-profile=breach] .head-halo,#stage[data-profile=breach] .halo{filter:brightness(1.8)}
#stage[data-profile=granted] .head-halo,#stage[data-profile=granted] .halo{filter:brightness(.8)}
.stage #head-profile-badge{bottom:50px}
@media(prefers-reduced-motion:reduce){.head-halo,.stage .halo{transition:none}}