:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;
  --radius-technical:12px;--radius-field:14px;--radius-action-compact:14px;--radius-action:16px;--radius-surface-small:18px;--radius-surface:22px;--radius-surface-large:26px;--radius-hero:28px;--radius-pill:999px;
  --layer-base:0;--layer-sticky:10;--layer-dropdown:20;--layer-popover:30;--layer-tooltip:40;--layer-backdrop:50;--layer-dialog:60;--layer-notification:70;
  --page:#f5f3fa;--card:#fff;--primary:#7257b5;--primary-active:#6045a0;--border:#ded8eb;--text:#292533;--muted:#6f687a;
  --normal:#faf9fc;--donor:#ddf3e6;--hidden:#f6dde2;--success:#3b8c63;--warning:#b7791f;--danger:#b84b5e;
  --on-primary:#fff;--on-primary-active:#fff;--on-success:#fff;--on-warning:#111;--on-danger:#fff;--focus:var(--primary);--control-border:color-mix(in srgb,var(--border) 60%,var(--text));
  --control-h:42px;--control-h-compact:34px;--content-admin:1500px;--content-public:980px;
}
*{box-sizing:border-box}
html{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
body{margin:0;background:var(--page);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.admin-shell{font-size:14px;line-height:20px}
body.public-shell{font-size:16px;line-height:24px}
:where(.public-shell) :where(.card){padding:var(--space-6);box-shadow:0 14px 40px color-mix(in srgb,var(--text) 6%,transparent)}
:where(.public-shell) :where(.hero){box-shadow:0 14px 40px color-mix(in srgb,var(--text) 6%,transparent)}
:where(.card,.surface) :where(.table-wrap){border-radius:0}
:where(.public-shell) :where(.card,.surface) :where(.table-wrap){border:0}
body.login-shell{font-size:16px;line-height:24px;min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}
a{color:var(--primary);text-underline-offset:2px}
a:hover{color:var(--primary-active)}
h1,h2,h3{overflow-wrap:normal;word-break:normal;text-wrap:balance}
p{overflow-wrap:normal;word-break:normal;text-wrap:pretty}
h1{font-size:clamp(26px,2.4vw,36px);line-height:1.12}
h2{font-size:20px;line-height:26px}
h3{font-size:16px;line-height:22px}
.muted,.secondary-text{color:var(--muted)}
.micro{font-size:12px;line-height:16px}.secondary-text{font-size:13px;line-height:18px}
.code,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
:where(button,input,textarea,select):disabled{cursor:not-allowed;opacity:.55;filter:saturate(.55)}

/* Shapes and reusable surfaces */
.card,.surface,.login-card,.table-wrap,.theme-preview,.master-detail{border-radius:var(--radius-surface);corner-shape:squircle}
.toolbar,.empty-state,.help-callout{border-radius:var(--radius-surface-small);corner-shape:squircle}
.dialog-card{border-radius:var(--radius-surface-large);corner-shape:squircle}
.hero,.hero-surface{border-radius:var(--radius-hero);corner-shape:squircle}
.card,.surface{background:var(--card);border:1px solid var(--border);padding:var(--space-4);margin-bottom:var(--space-4)}
.card>.card,.surface>.card{background:transparent;border:0;border-radius:0;padding:var(--space-4) 0;margin:0;border-top:1px solid var(--border)}
.card>.card:first-child,.surface>.card:first-child{border-top:0;padding-top:0}
.section-head,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.section-head{margin-bottom:var(--space-3)}
.toolbar{padding:var(--space-3);background:color-mix(in srgb,var(--card) 96%,var(--page));border:1px solid var(--border)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:var(--space-4)}
.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.stack{display:grid;gap:var(--space-3)}
.divider{height:1px;background:var(--border);margin:var(--space-4) 0}
.empty,.empty-state{padding:var(--space-8);text-align:center;color:var(--muted)}
.help-callout{padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--primary) 7%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));color:var(--muted)}

/* Controls */
label{display:block;margin:0 0 var(--space-1);font-weight:680}
.field-label{font-weight:680}.field-help,.rich-help{margin:var(--space-1) 0 0;color:var(--muted);font-size:13px;line-height:18px}
:where(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select){width:100%;min-height:var(--control-h);padding:9px 11px;border:1px solid var(--control-border);border-radius:var(--radius-field);corner-shape:squircle;background:var(--card);color:var(--text);font:inherit;line-height:20px;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}
textarea{min-height:104px;resize:vertical}
:where(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select):hover{border-color:color-mix(in srgb,var(--border) 68%,var(--text))}
:where(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select):focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 16%,transparent)}
input[type=checkbox],input[type=radio]{inline-size:18px;block-size:18px;accent-color:var(--primary)}
.compact{width:auto;min-width:90px}.compact:not([type=checkbox]):not([type=radio]){min-height:var(--control-h-compact);padding-block:6px}
:where(.btn,button){min-height:var(--control-h);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 14px;border:1px solid transparent;border-radius:var(--radius-action);corner-shape:squircle;background:var(--primary);color:var(--on-primary);font:inherit;font-weight:720;line-height:20px;text-decoration:none;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,transform .1s ease,opacity .14s ease}
:where(.btn,button):hover{background:var(--primary-active);color:var(--on-primary-active)}
:where(.btn,button):not([role=tab]):not([aria-selected]):not(.enka-character-button):not(.enka-build-select):not(.quiz-view-tab):not(.quiz-option-button):active{transform:translateY(1px)}
.secondary{background:transparent;color:var(--text);border-color:var(--border)}.secondary:hover{background:color-mix(in srgb,var(--primary) 8%,var(--card));color:var(--text);border-color:color-mix(in srgb,var(--primary) 36%,var(--border))}
.ghost{background:transparent;color:var(--text);border-color:transparent}.ghost:hover{background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text)}
.danger{background:var(--danger);color:var(--on-danger)}.danger:hover{background:var(--danger);color:var(--on-danger);border-color:color-mix(in srgb,var(--on-danger) 38%,var(--danger));box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 18%,transparent)}
.success{background:var(--success);color:var(--on-success)}.success:hover{background:var(--success);color:var(--on-success);border-color:color-mix(in srgb,var(--on-success) 38%,var(--success));box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 18%,transparent)}
.warning{background:var(--warning);color:var(--on-warning)}.warning:hover{background:var(--warning);color:var(--on-warning);border-color:color-mix(in srgb,var(--on-warning) 38%,var(--warning));box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 18%,transparent)}
.small,.compact-button{min-height:var(--control-h-compact);padding:6px 10px;border-radius:var(--radius-action-compact);corner-shape:squircle;font-size:12px;line-height:16px}.icon-button{inline-size:var(--control-h);block-size:var(--control-h);padding:0;border-radius:50%;corner-shape:round}.small.icon-button{inline-size:var(--control-h-compact);block-size:var(--control-h-compact)}
.actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.actions form{margin:0}.inline{display:inline}

/* Status */
.status,.status-chip,.chip{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:var(--radius-pill);corner-shape:squircle;border:1px solid var(--border);background:var(--page);font-size:12px;line-height:16px;font-weight:650;white-space:nowrap}
.status-success{border-color:color-mix(in srgb,var(--success) 55%,var(--border));background:color-mix(in srgb,var(--success) 12%,var(--card))}.status-warning{border-color:color-mix(in srgb,var(--warning) 55%,var(--border));background:color-mix(in srgb,var(--warning) 12%,var(--card))}.status-danger{border-color:color-mix(in srgb,var(--danger) 55%,var(--border));background:color-mix(in srgb,var(--danger) 12%,var(--card))}.chip.selected,[aria-selected=true].chip{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--card))}
.flash{padding:var(--space-3) var(--space-4);border-radius:var(--radius-surface-small);corner-shape:squircle;margin-bottom:var(--space-4);border:1px solid}.flash.ok{background:color-mix(in srgb,var(--success) 13%,var(--card));border-color:var(--success)}.flash.error{background:color-mix(in srgb,var(--danger) 12%,var(--card));border-color:var(--danger)}

/* Tables and lists */
.table-wrap{overflow:auto;border:1px solid var(--border);background:var(--card)}
table{width:100%;border-collapse:collapse;background:transparent}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{font-size:12px;line-height:16px;color:var(--muted);font-weight:760}tbody tr:last-child td{border-bottom:0}.details{white-space:normal;min-width:220px;overflow-wrap:anywhere}tr.normal td{background:var(--normal)}tr.donor td{background:var(--donor)}tr.hidden td{background:var(--hidden)}
.data-list{display:grid}.data-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.data-row:last-child{border-bottom:0}
.row-menu{position:relative}.row-menu>summary{list-style:none}.row-menu>summary::-webkit-details-marker{display:none}.row-menu[open]>.row-menu-panel{display:grid}.row-menu-panel{display:none;position:absolute;z-index:var(--layer-popover);right:0;top:calc(100% + var(--space-1));min-width:190px;padding:var(--space-2);gap:var(--space-1);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-surface-small);corner-shape:squircle;box-shadow:0 14px 34px color-mix(in srgb,var(--text) 16%,transparent)}

/* Dialog */
dialog{max-width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-surface-large);corner-shape:squircle;background:var(--card);color:var(--text);padding:var(--space-6)}dialog::backdrop{background:color-mix(in srgb,#000 56%,transparent)}
.dialog-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap;margin-top:var(--space-4)}

/* Admin shell */
.admin-layout{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}
.admin-sidebar{position:sticky;top:0;height:100vh;background:var(--card);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);overflow:auto;z-index:var(--layer-sticky)}
.sidebar-head{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1) var(--space-3)}.brand{flex:1;display:flex;align-items:center;gap:var(--space-2);font-size:20px;line-height:26px;font-weight:820}.brand-icon{width:24px;height:24px;object-fit:contain}.version{font-size:12px;line-height:16px;color:var(--muted);font-weight:500}
.nav{display:grid;gap:var(--space-4)}.nav-group{display:grid;gap:2px}.nav-group-title{padding:0 10px var(--space-1);font-size:12px;line-height:16px;color:color-mix(in srgb,var(--text) 76%,var(--muted));font-weight:820;text-transform:uppercase;letter-spacing:.055em}.nav a{display:block;padding:9px 10px;border-radius:var(--radius-action-compact);corner-shape:squircle;color:var(--text);text-decoration:none;font-weight:620}.nav a:hover{background:color-mix(in srgb,var(--primary) 8%,var(--card));color:var(--text)}.nav a.active{background:var(--primary);color:var(--on-primary)}
.sidebar-bottom{margin-top:var(--space-6);border-top:1px solid var(--border);padding-top:var(--space-3)}.theme-toggle{width:auto;min-height:26px;padding:2px 9px;border-radius:var(--radius-action-compact);corner-shape:squircle;font-size:12px;line-height:18px}
.admin-main{min-width:0;padding:var(--space-6);max-width:var(--content-admin);width:100%;margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.topbar h1{margin:0}
.sidebar-collapse,.sidebar-restore,.mobile-menu{inline-size:36px;block-size:36px;min-inline-size:36px;max-inline-size:36px;min-block-size:36px;max-block-size:36px;aspect-ratio:1/1;padding:0;flex-shrink:0;border-radius:50%;corner-shape:round}.mobile-menu{display:none}.sidebar-restore{display:none;position:fixed;left:12px;top:12px;z-index:var(--layer-notification)}
html[data-sidebar=collapsed] .admin-layout{grid-template-columns:minmax(0,1fr)}html[data-sidebar=collapsed] .admin-sidebar{display:none}html[data-sidebar=collapsed] .sidebar-restore{display:inline-flex}html[data-sidebar=collapsed] .admin-main{padding-left:72px}
.admin-backdrop{display:none}
body[data-workspace=quiz-editor] .admin-main{max-width:none}.workspace-wide{max-width:none}
.form-card{max-width:840px}.metric strong{display:block;font-size:28px;line-height:34px;margin-top:var(--space-1)}
.danger-zone{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));margin-top:var(--space-8)}

/* Login */
.login-card{width:min(420px,100%);padding:var(--space-6);background:var(--card);border:1px solid var(--border);box-shadow:0 18px 50px color-mix(in srgb,var(--text) 10%,transparent)}.login-card h1{margin:0 0 var(--space-1)}.login-card>p{margin-top:0;color:var(--muted)}.login-card form{display:grid;gap:var(--space-3)}.login-card button{width:100%;margin-top:var(--space-2)}.login-version{text-align:center;color:var(--muted);font-size:13px;line-height:18px;margin-bottom:0}

/* Theme editor */
.color-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:var(--space-3)}.color-field{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-2);align-items:end}.color-field input[type=color]{width:48px;height:42px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-field);corner-shape:squircle;background:var(--card)}.theme-preview{border:1px solid var(--border);padding:var(--space-4);display:grid;gap:var(--space-3);background:var(--page)}.theme-preview-surface{padding:var(--space-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-surface-small);corner-shape:squircle}.theme-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.theme-preview-focus{border-color:var(--focus)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 16%,transparent)!important}.theme-preview-row{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.theme-preview-row:last-child{border-bottom:0}.contrast-warnings{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.contrast-warning{padding:var(--space-3);border:1px solid var(--warning);border-radius:var(--radius-surface-small);corner-shape:squircle;background:color-mix(in srgb,var(--warning) 10%,var(--card))}

/* Master detail */
.master-detail{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);border:1px solid var(--border);background:var(--card);overflow:hidden;min-height:560px}.master-list{border-right:1px solid var(--border);border-radius:0;padding:var(--space-3);overflow:auto}.detail-pane{border-radius:0;padding:var(--space-4);min-width:0}.master-item{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-2);text-align:left;padding:var(--space-2);background:transparent;color:var(--text);border:1px solid transparent;border-radius:var(--radius-action-compact);corner-shape:squircle}.master-item:hover{background:color-mix(in srgb,var(--primary) 7%,var(--card));color:var(--text)}.master-item[aria-selected=true],.master-item.selected{background:color-mix(in srgb,var(--primary) 12%,var(--card));border-color:color-mix(in srgb,var(--primary) 45%,var(--border));color:var(--text)}.master-item img{width:44px;height:44px;object-fit:cover;border-radius:50%;corner-shape:round}.detail-tabs,.subnav{display:flex;gap:var(--space-1);overflow:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--border)}.detail-tabs button,.subnav button,.subnav a{flex:0 0 auto;border-radius:var(--radius-action-compact);corner-shape:squircle;background:transparent;color:var(--muted);border-color:transparent}.detail-tabs button[aria-selected=true],.subnav .active{background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--text);border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}

/* Queue */
.queue-toolbar{margin-bottom:var(--space-3)}.queue-statuses{display:flex;gap:var(--space-1);flex-wrap:wrap}.queue-actions-primary{display:flex;gap:var(--space-1);align-items:center}.manual-add-panel{margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-surface-small);corner-shape:squircle;background:color-mix(in srgb,var(--card) 94%,var(--page))}.manual-add-form{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:var(--space-2);align-items:end}.flag-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-field);corner-shape:squircle;background:var(--card);font-weight:650}.number-stepper{display:inline-grid;grid-template-columns:36px 52px 36px;height:36px;border:1px solid var(--control-border);border-radius:var(--radius-action-compact);corner-shape:squircle;overflow:hidden}.number-stepper button{min-height:34px;width:36px;padding:0;border:0;border-radius:0}.number-stepper input[type=number]{min-height:34px;width:52px;text-align:center;padding:4px;border-block:0;border-radius:0}

/* Settings */
.settings-group{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.settings-group:last-child{border-bottom:0}.setting-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,320px) auto;gap:var(--space-3);align-items:center;padding:var(--space-2) 0}.setting-label{font-weight:700}.setting-key{display:block;color:var(--muted);font-size:12px;line-height:16px;margin-top:2px}


/* Spacing / state utilities */
.m-0{margin:0!important}.mt-2{margin-top:var(--space-2)!important}.mt-3{margin-top:var(--space-3)!important}.mt-4{margin-top:var(--space-4)!important}.mb-1{margin-bottom:var(--space-1)!important}
.detail-back{display:none}.theme-preview-normal{background:var(--normal)}.theme-preview-donor{background:var(--donor)}.theme-preview-hidden{background:var(--hidden)}
.enka-uid-field{min-width:min(320px,100%)}

/* Responsive */
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:1fr 1fr}.master-detail{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:900px){
  body.admin-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select){font-size:16px}
  body.admin-shell.nav-scroll-locked{overflow:hidden;overscroll-behavior:none}
  .admin-layout{grid-template-columns:1fr}.admin-main{padding:var(--space-4)}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);height:100dvh;transform:translateX(-105%);transition:transform .18s ease;box-shadow:16px 0 44px color-mix(in srgb,var(--text) 18%,transparent);z-index:var(--layer-dialog)}body[data-nav-open=true] .admin-sidebar{transform:translateX(0)}
  .sidebar-collapse{display:none}.mobile-menu{display:inline-flex}.sidebar-restore{display:none!important}.admin-backdrop{position:fixed;inset:0;background:color-mix(in srgb,#000 52%,transparent);z-index:var(--layer-backdrop)}body[data-nav-open=true] .admin-backdrop{display:block}.topbar{align-items:flex-start}.topbar-meta{display:none}
  html[data-sidebar=collapsed] .admin-main{padding-left:var(--space-4)}.grid2,.grid3,.color-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-add-form{grid-template-columns:1fr 1fr}.master-detail{grid-template-columns:1fr}.master-list{border-right:0}.master-detail.has-selection .master-list{display:none}.master-detail:not(.has-selection) .detail-pane{display:none}.detail-back{display:inline-flex!important}
}
@media(max-width:560px){.theme-preview-fields{grid-template-columns:1fr}.admin-main{padding:var(--space-3)}.cards{grid-template-columns:1fr}.topbar h1{font-size:26px}.manual-add-form{grid-template-columns:1fr}.setting-row{grid-template-columns:1fr}.section-head,.toolbar{align-items:stretch}.section-head>.actions,.toolbar>.actions{width:100%}.section-head>.actions>*{flex:1}.table-wrap{border-radius:var(--radius-surface-small);corner-shape:squircle}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Accessibility and content utilities */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0;font-weight:800;color:var(--text)}
.text-editor-unit{padding-block:var(--space-4);border-bottom:1px solid var(--border)}.text-editor-unit:last-child{border-bottom:0}
.audit-json{max-width:min(72rem,calc(100vw - 5rem));max-height:24rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.social-row{display:grid;grid-template-columns:auto minmax(9rem,.7fr) minmax(14rem,1.6fr) auto auto;gap:var(--space-2);align-items:center;padding-block:var(--space-2);border-bottom:1px solid var(--border)}
.challenge-flat-list,.challenge-list{display:grid}.challenge-flat-row,.challenge-row{min-width:0}
@media(max-width:760px){.social-row{grid-template-columns:1fr}.audit-json{max-width:calc(100vw - 3rem)}}
.site-photo-preview{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius-surface);corner-shape:squircle;background:var(--page);margin-bottom:var(--space-4)}
.social-drag-handle{cursor:grab}.social-row.dragging{opacity:.45}.social-row.drag-over{box-shadow:inset 0 2px 0 var(--primary)}
.media-file-cell{display:flex;align-items:center;gap:var(--space-2);min-width:180px}.media-thumb{width:52px;height:52px;flex:0 0 52px;object-fit:cover;border-radius:var(--radius-technical);corner-shape:squircle;background:var(--page);border:1px solid var(--border)}

@media(max-width:760px){:where(.public-shell) :where(.card){padding:var(--space-4)}}

.switch-control{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-h-compact);cursor:pointer;user-select:none}
.switch-input{position:absolute;inset:0;z-index:1;opacity:0;cursor:pointer}
.switch-track{position:relative;display:inline-block;width:44px;height:24px;flex:0 0 44px;border:1px solid var(--border);border-radius:var(--radius-pill);corner-shape:squircle;background:var(--page);transition:background-color .15s ease,border-color .15s ease}
.switch-track:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;corner-shape:round;background:var(--muted);transition:transform .15s ease,background-color .15s ease}
.switch-input:checked+.switch-track{background:var(--primary);border-color:var(--primary)}
.switch-input:checked+.switch-track:after{transform:translateX(20px);background:var(--on-primary)}
.switch-input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:2px}
.switch-state{font-size:13px;line-height:18px;color:var(--text)}

/* 0.4.25 theme flip guard: temporary root class only. */
html.theme-transition-suppressed *,html.theme-transition-suppressed *::before,html.theme-transition-suppressed *::after{transition-property:none!important}
.theme-preview-primary-active{background:var(--primary-active);color:var(--on-primary-active)}