html[data-appearance=crystal]{color-scheme:dark;--bg:#080510;--panel:#10102580;--text:#f6f4ff;--muted:#dad5ec;--line:#b3a5dd;--mint:#8de5ff;--theme-accent:#e4b5ff;--theme-ink:#101020;--theme-field:#101020;--theme-hero:transparent}
html[data-appearance=crystal] body{isolation:isolate;background:#080510!important}html[data-appearance=crystal] .hoseline-crystal-background{z-index:-1!important}html[data-appearance=crystal] .site-content{color-scheme:dark;background:transparent}html.appearance-embedded[data-appearance=crystal],html.appearance-embedded[data-appearance=crystal] body{background:transparent!important}html[data-appearance=crystal] body.crystal-static{background:url('/crystal/assets/crystals.webp') center/cover fixed!important}.crystal-player{padding:16px;margin-bottom:12px;border:1px solid var(--line,#67558a);border-radius:10px;background:var(--panel,#131e2c);color:var(--text,#fff);font:14px/1.5 system-ui}.crystal-player button{margin-top:8px;min-height:40px;padding:6px 15px;font:inherit;cursor:pointer}.crystal-player meter{width:100%;height:16px}.crystal-player p{margin:8px 0}.crystal-player a{text-decoration:underline}

.crystal-meter-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.crystal-color{max-width:100%;min-height:40px;padding:5px 9px;border:1px solid var(--line,#67558a);border-radius:6px;background:var(--theme-field,#101020);color:var(--text,#fff);font:inherit}.crystal-player meter{accent-color:var(--rx-color,#37d7ff)}.crystal-player meter::-webkit-meter-optimum-value{background:var(--rx-color,#37d7ff)}.crystal-player meter::-moz-meter-bar{background:var(--rx-color,#37d7ff)}

.crystal-meter{height:9px;margin:8px 0 4px;overflow:hidden;border:1px solid #ffffff55;border-radius:8px;background:#ffffff20}.crystal-meter-fill{display:block;width:100%;height:100%;background:var(--rx-color,#37d7ff);transform:scaleX(0);transform-origin:left;transition:transform 60ms linear}

.crystal-level-row{display:flex;align-items:center;gap:10px;margin-top:8px}.crystal-level-row .crystal-meter{flex:1;margin:0}.crystal-level{min-width:3ch;text-align:right;font:600 13px/1.5 ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--rx-color,#37d7ff)}