.appearance-login {isolation:isolate;position:relative;overflow:hidden}
.ai-login-overlay.appearance-login,.cp-login-overlay.appearance-login {position:absolute;inset:0}
.login-view.appearance-login {min-height:100dvh}
.appearance-login > form {position:relative;z-index:1;max-height:95dvh;overflow:auto}
.appearance-login:has(> .appearance-backdrop) > form {background:color-mix(in srgb,var(--surface,#121619) 76%,transparent)!important}
.appearance-backdrop {position:absolute;inset:0;pointer-events:none;z-index:0;display:grid;place-items:center;overflow:hidden}
.appearance-backdrop img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%}
.appearance-backdrop[data-mode=cover] img {width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:50% 50%}
.appearance-backdrop[data-mode=original] img {mask-image:radial-gradient(ellipse closest-side,#000 35%,transparent 100%)}
.appearance-login .appearance-icon {margin:0 auto 16px;flex:none}
.appearance-icon {display:flex!important;align-items:center;justify-content:center;width:var(--appearance-icon-size)!important;height:auto!important;aspect-ratio:1;max-width:100%;padding:0!important;overflow:hidden}
.appearance-icon img,.appearance-icon svg {display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:contain;aspect-ratio:1}
.appearance-icon-wide {flex-basis:var(--appearance-icon-size)!important}
.lab-brand:has(.appearance-icon-wide),.ai-brand:has(.appearance-icon-wide),.cp-side-header:has(.appearance-icon-wide) {flex-wrap:wrap}
.booru-brand:has(> img[style*="%"]) {flex-wrap:wrap}
.appearance-login form > button[type=submit] {background:rgba(128,128,128,.1)!important;color:inherit!important;border:1px solid rgba(128,128,128,.28)!important;box-shadow:none!important;border-radius:4px!important;min-height:36px;padding:7px 16px;font:inherit;cursor:pointer;transition:background .15s}
.appearance-login form > button[type=submit]:hover {background:rgba(128,128,128,.22)!important}
.appearance-settings {display:grid!important;gap:14px!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.appearance-settings fieldset {min-width:0;margin:0;padding:12px;display:grid;gap:10px;border:1px solid var(--border,#363a44);border-radius:4px}
.appearance-settings legend {padding:0 5px;font-size:12px}
.appearance-settings label {display:grid;gap:5px;font-size:12px;min-width:0}
.appearance-settings .appearance-check {display:flex;align-items:center;gap:8px}
.appearance-settings input,.appearance-settings select {min-width:0;width:100%;box-sizing:border-box}
.appearance-settings input[type=checkbox] {width:auto}
.appearance-size {display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:6px}
.appearance-image-preview {height:144px;min-height:0;display:block;background:#11151d;border-radius:3px;overflow:hidden;position:relative}
.appearance-image-preview img {display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mask-image:none;opacity:var(--preview-opacity,1)}
.appearance-icon-preview {width:88px;height:88px;display:grid;place-items:center;background:repeating-conic-gradient(#20262a 0 25%,#2e363b 0 50%) 0 0/12px 12px;border:1px solid var(--border,#363a44);border-radius:4px;overflow:hidden}
.appearance-icon-preview img {width:100%;height:100%;display:block;object-fit:contain}
.appearance-icon-preview svg {width:24px;height:24px;color:#8d9b9f}
.appearance-colors {display:grid;gap:7px;border-top:1px solid var(--border,#363a44);padding-top:10px;margin-top:4px}
.appearance-color-input {display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px}
.appearance-color-input input[type=color] {width:34px;height:34px;padding:2px}
.appearance-swatches {display:flex;flex-wrap:wrap;gap:5px;margin:0 0 5px}
.appearance-settings .appearance-swatches > button {width:22px;height:22px;min-height:22px;min-width:22px;flex:0 0 22px;padding:0;border-radius:50%;border:1px solid #80808070;background:var(--swatch,transparent);display:grid;place-items:center}
.appearance-swatches button svg {width:13px;height:13px}
.appearance-settings [data-appearance-status] {font-size:12px;min-height:1em}
.appearance-settings > button {justify-self:start}
@media(max-width:700px){.appearance-settings {grid-template-columns:1fr}}
.appearance-public {isolation:isolate}
.appearance-page-backdrop {position:fixed;inset:0;z-index:1}
.appearance-public > main,.appearance-public > [data-research-root] {position:relative;z-index:2}
.appearance-public-heading {display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.appearance-public-name {overflow-wrap:anywhere}
.appearance-public-heading .appearance-icon {flex:none;margin:0}
.appearance-public-badge {position:fixed;top:24px;left:28px;z-index:3;max-width:calc(100vw - 56px);pointer-events:none}
.appearance-public[data-appearance-custom] .rs-app {--rs-accent:var(--appearance-accent)}
.appearance-public[data-appearance-custom] .rs-app .rs-primary {color:var(--appearance-ink)}
.appearance-public[data-appearance-custom] .rs-app .rs-primary:hover {background:var(--appearance-accent);filter:brightness(1.08)}
.appearance-public[data-appearance-custom] .rs-tabs button[aria-selected=true] {border-bottom:2px solid var(--appearance-accent2)}
.appearance-public[data-appearance-site=shortener][data-appearance-custom] input[type=radio] {accent-color:var(--appearance-accent)}
.appearance-public[data-appearance-site=shortener][data-appearance-custom] button {background:var(--appearance-accent);color:var(--appearance-ink)}
.appearance-public[data-appearance-site=shortener][data-appearance-custom] input:focus,.appearance-public[data-appearance-site=shortener][data-appearance-custom] select:focus {outline:1px solid var(--appearance-accent2)}
.appearance-public[data-appearance-site=shortener][data-appearance-custom] #result {border-color:var(--appearance-accent2)}
.appearance-public[data-appearance-site=shortener][data-appearance-custom] #result a {color:var(--appearance-accent)}
.appearance-public[data-appearance-site=trade][data-appearance-custom] .trade-wordmark,.appearance-public[data-appearance-site=trade][data-appearance-custom] .trade-status,.appearance-public[data-appearance-site=trade][data-appearance-custom] .swap-file.incoming {color:var(--appearance-accent)}
.appearance-public[data-appearance-site=trade][data-appearance-custom] .trade-upload,.appearance-public[data-appearance-site=trade][data-appearance-custom] .trade-ticket {background:var(--appearance-accent);color:var(--appearance-ink);border-color:var(--appearance-accent2)}
.appearance-public[data-appearance-site=trade][data-appearance-custom] .machine-door.left {border-left-color:var(--appearance-accent)}
.appearance-public[data-appearance-site=trade][data-appearance-custom] .machine-door.right {border-right-color:var(--appearance-accent2)}
.appearance-public[data-appearance-site=trade][data-appearance-custom] .swap-file.outgoing {color:var(--appearance-accent2)}
.appearance-public[data-appearance-site=trade][data-appearance-custom] .trade-result a {background:var(--appearance-accent2);color:var(--appearance-ink2)}
.appearance-public[data-appearance-site=play][data-appearance-custom] .play-card:hover {border-color:var(--appearance-accent)}
.appearance-public[data-appearance-site=play][data-appearance-custom] .play-cover {background:color-mix(in srgb,var(--appearance-accent2) 15%,#161b20);color:var(--appearance-accent)}
.appearance-public[data-appearance-site=play][data-appearance-custom] .play-card>svg {color:var(--appearance-accent)}
.appearance-public:is([data-appearance-site=bin],[data-appearance-site=hole])[data-appearance-custom] .choices button {border-color:var(--appearance-accent);color:var(--appearance-accent);box-shadow:0 0 20px color-mix(in srgb,var(--appearance-accent2) 18%,transparent)}
.appearance-public:is([data-appearance-site=bin],[data-appearance-site=hole])[data-appearance-custom] button:hover {border-color:var(--appearance-accent2);color:var(--appearance-accent2)}
.appearance-public[data-appearance-site=homepage][data-appearance-custom] a {color:var(--appearance-accent)}
.appearance-public[data-appearance-site=homepage][data-appearance-custom] h1 {color:var(--appearance-accent2)}

.appearance-theme-preview {background:var(--preview-main);color:var(--preview-text);padding:16px;display:grid;gap:12px;border-radius:4px;border:1px solid #80808060}
.appearance-theme-preview>div {background:var(--preview-login);color:var(--preview-login-text);padding:14px;display:grid;gap:8px;border:1px solid #80808050;border-radius:4px}
.appearance-theme-preview input,.appearance-theme-preview button {background:color-mix(in srgb,var(--preview-login) 85%,var(--preview-login-text))!important;color:var(--preview-login-text)!important;border:1px solid #80808070;opacity:1!important;padding:8px}
.appearance-theme-preview>span {border-left:3px solid var(--preview-accent);padding-left:8px}
[data-appearance-tone] {--bg:var(--tone-base)!important;--surface:color-mix(in srgb,var(--tone-base) 94%,var(--tone-shift))!important;--panel:var(--surface)!important;--surface-2:color-mix(in srgb,var(--tone-base) 88%,var(--tone-shift))!important;--text:var(--tone-text)!important;--muted:color-mix(in srgb,var(--tone-text) 65%,var(--tone-base))!important;--quiet:var(--muted)!important;--border:color-mix(in srgb,var(--tone-text) 24%,var(--tone-base))!important;--line:var(--border)!important;--input-bg:color-mix(in srgb,var(--tone-base) 97%,var(--tone-shift))!important;color:var(--tone-text)!important;color-scheme:var(--tone-scheme)!important}
body[data-appearance-tone] {background:var(--tone-base)!important}
[data-appearance-tone] {--sidebar:var(--surface)!important;--hover:var(--surface-2)!important}
[data-appearance-tone] :is(.ai-shell,.ai-dialog,.ai-login) {--ai-bg:var(--bg);--ai-panel:var(--surface);--ai-line:var(--line);--ai-text:var(--text);--ai-muted:var(--muted);color-scheme:var(--tone-scheme)}
body[data-appearance-tone] :is(.lab-sidebar,.lab-main,.cp-shell,.cp-side,.cp-main,.booru-sidebar,.booru-shell,.play-card) {background-color:var(--surface)!important;color:var(--text)!important}
body[data-appearance-tone] :is(input:not([type=checkbox],[type=radio],[type=color],[type=range]),textarea,select) {background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--line)!important}
.appearance-login[data-appearance-tone] {background:var(--tone-base)!important}
.appearance-login[data-appearance-tone] > form {background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:0 18px 70px #0003}
.appearance-login[data-appearance-tone] :is(input,button[type=submit]) {background:var(--input-bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}
[data-appearance-accent] {--accent:var(--appearance-accent)!important;--rs-accent:var(--appearance-accent)!important}
[data-appearance-accent] :is(.ai-shell,.ai-dialog,.ai-login) {--ai-accent:var(--appearance-accent)}
[data-appearance-accent2] {--accent-2:var(--appearance-accent2)!important;--accent2:var(--appearance-accent2)!important}
[data-appearance-accent] :is(input,textarea,select,button):focus-visible {outline:2px solid var(--appearance-accent)!important;outline-offset:2px}
body[data-appearance-tone][data-appearance-site=shortener] :is(main,#result) {background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
body[data-appearance-tone] :is(.trade-wordmark,.trade-tagline,.trade-status,.play-header) {color:var(--text)!important}
body[data-appearance-tone] :is(.trade-ticket,.play-search) {background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}