/* Lumen: the composition from the approved concept, not the Aurora shell. */
html[data-au-skin="lumen"] {
  color-scheme: dark;
  --au-bg:#080b0d; --au-text:#eceeef; --au-muted:#a8afb5;
  --au-surface-solid:#15191c;
  --au-surface:color-mix(in srgb,#151a1d var(--au-glass-alpha,82%),transparent);
  --au-surface-2:#ffffff07;
  --au-glass:color-mix(in srgb,#12171a var(--au-glass-alpha,82%),transparent);
  --au-line:#b1c2cb26; --ag-edge:#ffffff14; --ag-edge-2:#ffffff04;
  --ag-rail:220px; --ob-rail:220px;
  --au-shadow:0 8px 28px -24px #000b; --au-like:#d5b5ff; --au-on-accent:#21172d;
  --au-font:system-ui,-apple-system,"Segoe UI",sans-serif;
  --au-radius:18px; --au-spring:cubic-bezier(.22,1,.36,1);
  --ob-accent:#c5a1fa; --ob-panel-radius:calc(var(--au-radius,18px)*.7);
}
html[data-au-skin="lumen"]:not([data-accent]),html[data-au-skin="lumen"][data-accent="aurora"] { --au-a:#d7c4f5;--au-b:#b899eb;--au-c:#64b7b5; }
html[data-au-skin="lumen"] body.au-skin-lumen::before { inset:0; background:radial-gradient(ellipse at 85% 0,#54716b12,transparent 48%);opacity:1;animation:none;filter:none; }
html[data-au-skin="lumen"] body.au-skin-lumen::after { opacity:.035; }
html[data-au-skin="lumen"] body.au-skin-lumen { margin:0; padding:0; font-family:var(--au-font); font-weight:400; }
/* Dedicated header: title/search/actions on desktop, brand/actions then search on mobile. */
.au-skin-lumen .ob-topbar { position:relative;z-index:75;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,340px) auto;align-items:center;gap:28px;max-width:calc(var(--au-feed-w,780px) + 352px);margin-left:var(--ob-rail);padding:26px 32px 18px;min-height:100px; }
.au-skin-lumen .ob-desktop-heading h1 { color:var(--au-text);margin:0;font-size:clamp(28px,2.8vw,42px);font-weight:500;letter-spacing:-.04em;line-height:1.15; }
.au-skin-lumen .ob-mobile-brand,.au-skin-lumen .ob-top-actions .ob-mobile-menu { display:none; }
.au-skin-lumen .ob-search { display:flex;align-items:center;gap:10px;width:100%;height:42px;border:1px solid #a8bbc63b;border-radius:14px;background:linear-gradient(135deg,#ffffff06,#ffffff01);box-shadow:inset 0 1px #ffffff05; }
html[data-au-skin="lumen"] .ob-search input { width:100%;min-width:0;height:100%;border:0!important;padding:0 10px 0 0;outline:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none;color:var(--au-text);font-size:13px;border-radius:0; }
html[data-au-skin="lumen"] .ob-search button { display:grid;place-items:center;flex:none;width:34px;height:36px;padding:6px 0 6px 10px;background:none;border:0;color:var(--au-text);box-shadow:none; }
.au-skin-lumen .ob-search:focus-within { outline:2px solid var(--au-b);outline-offset:3px; }
.au-skin-lumen .ob-top-actions { display:flex;align-items:center;gap:22px; }
.au-skin-lumen .ob-icon-link,.au-skin-lumen .ob-account { display:grid;place-items:center;width:36px;height:40px;padding:0;border:0;background:none;color:var(--au-text); }
.au-skin-lumen .ob-icon-link .au-i { width:25px;height:25px; }
.au-skin-lumen .ob-account img { width:36px;height:36px;object-fit:cover;border-radius:50%; }
.au-skin-lumen .ob-account { border-radius:50%; }
/* A quiet full-height rail. Extra plugin destinations live in More. */
.au-skin-lumen .ob-rail { position:fixed;inset:0 auto 0 0;z-index:80;width:var(--ob-rail);display:flex;flex-direction:column;border-right:1px solid var(--au-line);background:linear-gradient(165deg,#101015,#0b0f13 70%);padding:34px 18px 24px;isolation:isolate; }
.au-skin-lumen .ob-rail::before { content:"";position:absolute;inset:35% 0 0;z-index:-1;pointer-events:none;opacity:.6;background:linear-gradient(144deg,transparent 35%,#32204d59 48%,#285d6152 51%,transparent 57%,transparent 78%,#47306445 86%,transparent 93%);filter:blur(12px); }
.au-skin-lumen .ob-rail-brand { padding:0 12px 44px; }
.au-skin-lumen .ob-rail .king-logo,.au-skin-lumen .ob-mobile-brand .king-logo { float:none;display:block;margin:0;line-height:1.3;height:auto;font-size:22px;letter-spacing:.16em;white-space:nowrap;font-weight:500; }
.au-skin-lumen .ob-rail .king-logo a,.au-skin-lumen .ob-mobile-brand .king-logo a { font-weight:500; }
.au-skin-lumen .ob-primary { display:grid;gap:10px;align-content:start;overflow:auto;scrollbar-width:thin;min-height:0; }
.au-skin-lumen .ob-nav-link { width:100%;min-height:48px;display:flex;align-items:center;gap:15px;padding:11px 14px;border:1px solid transparent;border-radius:14px;color:var(--au-text);background:none;box-shadow:none;font-size:14px;font-weight:500;text-decoration:none;text-align:left;cursor:pointer;line-height:1.3; }
.au-skin-lumen .ob-nav-link .au-i { width:23px;height:23px;flex:none; }
.au-skin-lumen .ob-nav-link:hover { background:#ffffff06; }
.au-skin-lumen .ob-nav-link.is-current { border-color:#ccb3f17a;background:linear-gradient(115deg,#aa84e335,#d7e4e51a);box-shadow:inset 0 1px 8px #d2dce02a,0 2px 8px #0004; }
.au-skin-lumen .ob-nav-link.is-current .au-i { color:#d5b3ff;filter:drop-shadow(0 0 8px #a077dc66); }
.au-skin-lumen .ob-rail-bottom { margin-top:auto;padding-top:28px; }
.au-skin-lumen .ob-more { position:relative; }
.au-skin-lumen .ob-more summary { list-style:none; }
.au-skin-lumen .ob-more summary::-webkit-details-marker { display:none; }
.au-skin-lumen .ob-more-links { position:absolute;bottom:52px;left:0;width:280px;max-height:65vh;overflow:auto;padding:12px;border:1px solid var(--au-line);border-radius:14px;background:var(--au-surface-solid);box-shadow:0 20px 60px #0008; }
.au-skin-lumen .ob-more-links ul { display:block!important;margin:0;padding:0;list-style:none; }
.au-skin-lumen .ob-more-links li { display:block;float:none;width:100%; }
.au-skin-lumen .ob-more-links a { display:block;padding:10px;color:var(--au-text);font-size:14px;border:0;background:none; }
.au-skin-lumen .ob-menu-scrim { display:none; }
/* Real page layout; feed and community column no longer inherit the old centered card layout. */
html[data-au-skin="lumen"] .au-skin-lumen #king-body-wrapper { margin:0 0 0 var(--ob-rail);padding:0 32px 32px;width:auto;max-width:none; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-layout { display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;margin:0;max-width:calc(var(--au-feed-w,780px) + 288px);width:100%;align-items:start; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-feed-column { width:100%;float:none;min-width:0;padding:0; }
.au-skin-lumen .ob-feed-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;min-height:44px; }
.au-skin-lumen .ob-feed-tabs { display:flex;align-self:stretch;gap:26px;flex:none;border-bottom:1px solid #ffffff0d; }
.au-skin-lumen .ob-feed-tabs a { position:relative;padding:8px 10px 13px;color:var(--au-muted);font-size:15px;font-weight:400;white-space:nowrap; }
.au-skin-lumen .ob-feed-tabs a.is-current { color:var(--au-text);font-weight:550; }
.au-skin-lumen .ob-feed-tabs a.is-current::after { position:absolute;content:"";left:0;right:0;bottom:-1px;height:2px;border-radius:3px;background:var(--au-b); }
.au-skin-lumen .ob-style-filters { display:flex;gap:10px;min-width:0; }
.au-skin-lumen .ob-style-filters a { border:1px solid #adc0ce36;box-shadow:inset 0 1px #ffffff0b;background:linear-gradient(#ffffff08,#ffffff02);border-radius:99px;padding:6px 14px;font-size:12px;line-height:1.2;color:var(--au-text);white-space:nowrap; }
.au-skin-lumen .ob-style-filters a:hover { border-color:var(--au-b); }
html[data-au-skin="lumen"] .au-skin-lumen .king-part-q-list .container { padding:0!important;margin:0!important;max-width:var(--au-feed-w,780px);width:100%; }
html[data-au-skin="lumen"] .au-skin-lumen .au-card { padding:0!important;margin:0 0 14px!important; }
html[data-au-skin="lumen"] .au-skin-lumen .au-card-in { border-radius:var(--ob-panel-radius);border:1px solid var(--au-line);background:linear-gradient(115deg,#ffffff07,#ffffff01),var(--au-surface);box-shadow:none; }
.au-skin-lumen .au-card-head { height:58px;padding:9px 15px;gap:11px; }
.au-skin-lumen .au-card-ava,.au-skin-lumen .au-card-ava img { width:36px;height:36px; }
.au-skin-lumen .au-card-name { font-size:14px;font-weight:550;line-height:1.35; }
.au-skin-lumen .au-card-meta { font-size:12px;line-height:1.35; }
html[data-au-skin="lumen"] .au-skin-lumen .au-media { aspect-ratio:auto;min-height:0;border-radius:var(--ob-panel-radius);background:#0a0c0d; }
html[data-au-skin="lumen"] .au-skin-lumen .au-media .item-a,html[data-au-skin="lumen"] .au-skin-lumen .au-media .post-featured-img { display:block;width:100%;height:auto;min-height:0;line-height:0; }
html[data-au-skin="lumen"] .au-skin-lumen .au-media img.item-img { display:block;width:100%;height:auto;max-height:780px;object-fit:contain; }
.au-skin-lumen .au-actions { display:flex;align-items:center;min-height:44px;padding:2px 12px;gap:22px; }
.au-skin-lumen .au-actions .au-act { display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:32px;min-height:38px;height:38px;padding:4px 5px;font-size:12px;font-weight:400;line-height:1; }
.au-skin-lumen .au-actions .au-i { width:23px;height:23px;stroke-width:1.5; }
.au-skin-lumen .au-actions .au-board { order:5;margin-left:auto; }
.au-skin-lumen .au-actions .au-board + .au-spacer { display:none; }
/* Real community profiles; no concept names or fabricated counts enter the application. */
.au-skin-lumen .ob-community-column { padding-top:12px;min-width:0; }
.au-skin-lumen .ob-community { border:1px solid #b1c2cb13;border-radius:14px;background:linear-gradient(130deg,#ffffff03,transparent);padding:16px 13px; }
.au-skin-lumen .ob-community h2 { font-size:15px;font-weight:550;letter-spacing:-.02em;margin:0 0 18px;line-height:1.3; }
.au-skin-lumen .ob-person { display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--au-text); }
.au-skin-lumen .ob-person:last-child { margin-bottom:0; }
.au-skin-lumen .ob-person-image { width:50px;height:54px;flex:none;display:block;overflow:hidden;border-radius:10px; }
.au-skin-lumen .ob-person-image img { width:100%;height:100%;object-fit:cover;border-radius:10px; }
.au-skin-lumen .ob-person-info { flex:1;min-width:0;color:var(--au-text); }
.au-skin-lumen .ob-person-info b { display:block;font-size:12px;font-weight:550;line-height:1.4; }
.au-skin-lumen .ob-person-info small { display:block;font-size:10px;color:var(--au-muted);line-height:1.6; }
.au-skin-lumen .ob-person form { margin:0; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-person .king-follow,.au-skin-lumen .ob-follow { min-height:24px;padding:4px 10px;border:1px solid var(--au-line);border-radius:99px;color:var(--au-text);font-size:10px;font-weight:400;background:#ffffff05;box-shadow:none;white-space:nowrap; }
.au-skin-lumen .ob-person .king-follow i { display:none; }
.au-skin-lumen .ob-studios { margin-top:20px;padding-top:20px;border-top:1px solid var(--au-line); }
.au-skin-lumen .ob-studio .au-i { width:16px; }
.au-skin-lumen footer.king-footer { margin-left:calc(var(--ob-rail) + 32px); }
/* Admin uses the same rail and disciplined surfaces, while keeping native forms and permissions. */
html[data-au-skin="lumen"] .au-skin-lumen[class*="king-template-admin"] .king-main { display:block; }
.au-skin-lumen[class*="king-template-admin"] .king-main-in { float:none;width:100%;max-width:none; }
.au-skin-lumen[class*="king-template-admin"] .pheader h1 { font-size:26px;font-weight:550;letter-spacing:-.03em;margin:8px 0 18px; }
html[data-au-skin="lumen"] .au-skin-lumen[class*="king-template-admin"] :is(.king-form-tall-table,.king-form-wide-table) { border:1px solid var(--au-line);border-radius:12px;box-shadow:none;background:var(--au-surface);padding:12px 20px; }
html[data-au-skin="lumen"] .au-skin-lumen[class*="king-template-admin"] :is(input,select,textarea) { border-radius:8px; }
html[data-au-skin="lumen"] .au-skin-lumen[class*="king-template-admin"] :is(.king-form-tall-button,.king-form-wide-button) { border-radius:9px;padding:9px 20px; }
@media(min-width:1100px) and (max-width:1279px) {
 .au-skin-lumen .ob-topbar { grid-template-columns:1fr 260px auto;gap:20px;padding-inline:24px; }
 html[data-au-skin="lumen"] .au-skin-lumen #king-body-wrapper { padding-inline:24px; }
 html[data-au-skin="lumen"] .au-skin-lumen .ob-layout { grid-template-columns:minmax(0,1fr) 220px;gap:20px; }
 .au-skin-lumen .ob-feed-toolbar { flex-wrap:wrap;gap:12px; }
 .au-skin-lumen .ob-person { gap:7px;flex-wrap:wrap; }
}
@media(max-width:1099px) {
 html[data-au-skin="lumen"] body.au-skin-lumen { padding-bottom:110px; }
 .au-skin-lumen .ob-topbar { margin:0;padding:26px 24px 0;grid-template-columns:1fr auto;gap:20px;min-height:0; }
 .au-skin-lumen .ob-desktop-heading { display:none; }
 .au-skin-lumen .ob-mobile-brand { display:block; }
 .au-skin-lumen .ob-top-actions { gap:15px; }
 .au-skin-lumen .ob-top-actions .ob-mobile-menu { display:grid;width:24px; }
 .au-skin-lumen .ob-search { grid-column:1/-1;grid-row:2;height:42px;border-radius:13px; }
 .au-skin-lumen .ob-search input { font-size:14px; }
 .au-skin-lumen .ob-rail { transform:translateX(-105%);transition:transform .24s var(--au-spring);width:260px;z-index:170; }
 html.ob-menu-open .au-skin-lumen .ob-rail { transform:none; }
 html.ob-menu-open .au-skin-lumen .ob-menu-scrim { display:block;position:fixed;inset:0;z-index:165;border:0;background:#0009;backdrop-filter:blur(3px); }
 .au-skin-lumen .ob-more-links { width:224px; }
 html[data-au-skin="lumen"] .au-skin-lumen #king-body-wrapper { margin:0;padding:0 14px 24px; }
 html[data-au-skin="lumen"] .au-skin-lumen .ob-layout { display:block;max-width:760px;margin:auto; }
 .au-skin-lumen .ob-feed-toolbar { display:flex;flex-wrap:wrap;gap:16px;padding:10px 10px 0;margin:0 0 22px; }
 .au-skin-lumen .ob-feed-tabs { width:100%;gap:26px;min-height:44px; }
 .au-skin-lumen .ob-feed-tabs a { font-size:16px;padding:9px 4px 11px; }
 .au-skin-lumen .ob-style-filters { width:100%;justify-content:space-between;gap:12px; }
 .au-skin-lumen .ob-style-filters a { text-align:center;flex:1;padding:7px 10px;font-size:12px; }
 .au-skin-lumen .au-card-head { height:56px;padding:9px 13px; }
 .au-skin-lumen .au-actions { gap:20px;min-height:44px;padding:1px 12px; }
 .au-skin-lumen .au-card-name { font-size:14px; }
 .au-skin-lumen .ob-community-column { margin-top:26px; }
 .au-skin-lumen footer.king-footer { margin-left:0; }
 /* The original hide-on-scroll dock behaviour must not bury the primary navigation. */
 html[data-au-skin="lumen"] .au-skin-lumen .au-tabbar { display:grid;inset-inline:14px;bottom:calc(12px + env(safe-area-inset-bottom));height:78px;padding:7px 5px;max-width:480px;border-radius:24px;border:1px solid #a6bcc04d;box-shadow:inset 0 1px #ffffff13,0 10px 30px #0008;background:linear-gradient(135deg,#28313785,#0c0f12bd);backdrop-filter:blur(var(--ag-blur));transform:none;translate:none; }
 .au-skin-lumen .au-tab-label { font-size:10px;font-weight:400; }
 .au-skin-lumen .au-tab { gap:7px;min-height:58px; }
 .au-skin-lumen .au-tab.is-active { color:#e0c4ff; }
 .au-skin-lumen .au-tab-pill { top:6px;bottom:6px;border:1px solid #ad9ad43b;background:linear-gradient(140deg,#7986962b,#7986960b);border-radius:16px;box-shadow:inset 0 1px #ffffff12; }
 .au-skin-lumen .au-create-ico { width:45px;height:45px;border:1px solid #d9b2ff;background:radial-gradient(at 50% 10%,#9467b75e,#372d47a6);box-shadow:inset 0 1px 12px #ba87ef24;color:#eddaff; }
 html[data-au-tabbar="docked"] .au-skin-lumen .au-tabbar { inset-inline:0;bottom:0;max-width:none;border-radius:0;height:calc(78px + env(safe-area-inset-bottom));padding-bottom:calc(7px + env(safe-area-inset-bottom)); }
}
html[data-au-skin="lumen"][data-au-mode="light"],html[data-au-skin="lumen"][data-au-mode="auto"]:not(.king-night) {
 color-scheme:light;--au-bg:#f3f4f5;--au-text:#1b2228;--au-muted:#5c6872;--au-surface-solid:#fff;--au-surface:color-mix(in srgb,#fff var(--au-glass-alpha,82%),transparent);--au-glass:color-mix(in srgb,#f8fafb var(--au-glass-alpha,82%),transparent);--au-surface-2:#172c3c07;--au-line:#1c35452b;--ag-edge:#ffffffcc;--au-success:#176b51;--au-warning:#805b12;--au-danger:#b92449;--au-info:#375c9d;
}
html[data-au-skin="lumen"]:not(.king-night) .ob-rail { background:linear-gradient(150deg,#fff,#eef0f4); }
html[data-au-skin="lumen"]:not(.king-night) .au-tabbar { background:var(--au-glass); }
html[data-au-skin="lumen"]:not(.king-night) .ob-nav-link.is-current .au-i { color:#7954a7; }
@media(prefers-reduced-motion:reduce) { .au-skin-lumen .ob-rail { transition:none; } }
/* Settings use the same restrained panel and divider language. */
html[data-au-skin="lumen"] .au-studio { border:1px solid var(--au-line);border-radius:16px;background:var(--au-glass);box-shadow:0 20px 70px #0006; }
html[data-au-skin="lumen"] .au-studio .au-sheet-head { border-bottom:1px solid var(--au-line);padding-bottom:14px; }
html[data-au-skin="lumen"] .au-studio .au-sheet-title { font-size:23px;font-weight:500; }
html[data-au-skin="lumen"] .au-studio .au-group { border-radius:10px;background:linear-gradient(120deg,#ffffff03,transparent);box-shadow:none; }
html[data-au-skin="lumen"] .au-studio .au-group h3 { font-size:13px;letter-spacing:0;text-transform:none;font-weight:500; }
html[data-au-skin="lumen"] .au-studio .au-row { min-height:52px; }
html[data-au-skin="lumen"] .au-studio .au-row-text b { font-size:13px;font-weight:500; }
html[data-au-skin="lumen"] .au-studio .au-presets { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
html[data-au-skin="lumen"] .au-studio .au-preset { display:flex;align-items:center;gap:8px;border-radius:9px;padding:8px;border:1px solid var(--au-line);background:var(--au-surface-2); }
html[data-au-skin="lumen"] .au-studio .au-preset-bg { width:22px;height:22px;border-radius:6px;flex:none;margin:0; }
html[data-au-skin="lumen"] .au-studio .au-preset-name { font-size:11px; }
@media(max-width:1099px) { html.ob-menu-open { overflow:hidden; } }
html[data-au-skin="lumen"] .au-studio .au-group { padding:14px; }
html[data-au-skin="lumen"] .au-studio .au-tabs { background:none;border-radius:0;border-bottom:1px solid var(--au-line);padding-inline:0; }
html[data-au-skin="lumen"] .au-studio .au-tabs-ind { top:auto;bottom:0;height:2px;border-radius:2px;background:var(--au-b);box-shadow:none; }
html[data-au-skin="lumen"] .au-studio .au-tabbtn { border-radius:0;font-weight:400; }
/* Shared page system: detail, profile, upload, account and plugin forms. */
/* Match the body reset specificity so fixed-header space cannot be cancelled. */
html[data-au-skin="lumen"] body.au-skin-lumen { --ob-header-height:104px;padding-top:var(--ob-header-height);transition:none; }
html[data-au-skin="lumen"] .ob-topbar { position:fixed;top:0;left:220px;right:0;margin:0;max-width:none;z-index:140;height:var(--ob-header-height);box-sizing:border-box;background:var(--au-glass);backdrop-filter:blur(18px);border-bottom:1px solid var(--au-line); }
html[data-au-skin="lumen"] { scroll-padding-top:calc(var(--ob-header-height,104px) + 20px); }
html[data-au-skin="lumen"] .au-sheet { z-index:220; }
html[data-au-skin="lumen"] .au-backdrop { z-index:210; }
html[data-au-skin="lumen"] .au-studio { isolation:isolate;backdrop-filter:none; background:var(--au-surface-solid); }
html[data-au-skin="lumen"] .au-studio input[type=range] { height:24px;touch-action:pan-y; }
html[data-au-skin="lumen"] .aurora-theme :is(.king-q-view,.pboxes,.maincom,.king-widget-wb,.share-bar,.user-box,.king-sidebar,.king-related,.king-form-tall-table,.king-form-wide-table,.king-video,.king-video-in) { background:var(--au-surface);border:1px solid var(--au-line);border-radius:12px;box-shadow:none; }
html[data-au-skin="lumen"] .aurora-theme :is(.king-q-view,.pboxes,.maincom,.king-form-tall-table,.king-form-wide-table) { padding:20px; }
html[data-au-skin="lumen"] .aurora-theme :is(.king-q-view-content,.king-q-view-main,.king-video-in) { padding:0; }
html[data-au-skin="lumen"] .aurora-theme :is(.king-q-view img,.king-video img) { max-width:100%;height:auto;border-radius:8px; }
html[data-au-skin="lumen"] .aurora-theme :is(.pheader h1,.king-q-view-title) { font-size:clamp(22px,3vw,32px);font-weight:500;letter-spacing:-.025em; }
html[data-au-skin="lumen"] .aurora-theme :is(input[type=text],input[type=email],input[type=password],textarea,select,.king-form-tall-text,.king-form-wide-text) { border:1px solid var(--au-line);border-radius:8px;background:var(--au-surface-2);color:var(--au-text);box-shadow:none;max-width:100%;box-sizing:border-box; }
html[data-au-skin="lumen"] .aurora-theme :is(.king-form-tall-button,.king-form-wide-button,.king-form-light-button,input[type=submit],.king-sbutton,.king-message) { border-radius:8px;background:var(--au-surface-2);border:1px solid var(--au-line);color:var(--au-text);box-shadow:none;font-weight:500; }
html[data-au-skin="lumen"] .aurora-theme :is(.king-form-tall-button-ask,.king-form-tall-button-comment,.king-form-tall-button-answer) { background:var(--au-b);color:#17121e; }
html[data-au-skin="lumen"] .aurora-theme :is(.dropzone,.file-label,.upload-wrapper,.kingai-aski) { border-radius:12px;background:var(--au-surface);border:1px dashed var(--au-line);box-shadow:none; }
html[data-au-skin="lumen"] .aurora-theme .dropzone { min-height:180px; }
html[data-au-skin="lumen"] .aurora-theme .king-profile { width:auto;max-width:1100px;margin:24px 32px 24px 252px;float:none; }
html[data-au-skin="lumen"] .king-profile .user-box { overflow:hidden; }
html[data-au-skin="lumen"] .king-profile .user-box-cover { height:200px; }
html[data-au-skin="lumen"] .king-profile .user-box-up { bottom:-36px; }
html[data-au-skin="lumen"] .king-profile .user-box-alink img { width:88px;height:88px;border:3px solid var(--au-surface-solid);border-radius:50%; }
html[data-au-skin="lumen"] .king-profile .user-box-in { padding:44px 24px 20px; }
html[data-au-skin="lumen"] .king-profile .user-box-name h3 { font-size:28px;line-height:1.3;font-weight:500; }
html[data-au-skin="lumen"] .king-profile .user-box-point { background:var(--au-surface-2);color:var(--au-muted);border:1px solid var(--au-line);border-radius:6px;font-size:12px;padding:4px 10px; }
html[data-au-skin="lumen"] .aurora-theme .reactions { display:flex;gap:8px;flex-wrap:wrap;padding:12px; }
html[data-au-skin="lumen"] .aurora-theme .reactions li { flex:1 1 70px;margin:0;min-width:0;max-width:110px;height:auto;padding:10px 4px;border-radius:8px;background:var(--au-surface-2);border:1px solid var(--au-line); }
html[data-au-skin="lumen"] .aurora-theme .reactions li :is(span,div) { position:static;box-shadow:none;border-radius:6px; }
html[data-au-skin="lumen"] .aurora-theme .king-nav-sub-list { border-bottom:1px solid var(--au-line);background:none;gap:8px;padding:8px 0;border-radius:0; }
html[data-au-skin="lumen"] .aurora-theme .king-nav-sub-list a { border-radius:6px;font-size:13px; }
html[data-au-skin="lumen"] .aurora-theme .king-footer { border-radius:0;border-top:1px solid var(--au-line);background:none;padding:24px 16px;font-size:12px; }
@media(max-width:1099px) {
 html[data-au-skin="lumen"] body.au-skin-lumen { --ob-header-height:148px; }
 html[data-au-skin="lumen"] .ob-topbar { left:0;padding:16px 20px;gap:12px; }
 html[data-au-skin="lumen"] .aurora-theme .king-profile { margin:16px 14px; }
 html[data-au-skin="lumen"] .king-profile .user-box-cover { height:160px; }
 html[data-au-skin="lumen"] .aurora-theme :is(.king-template-question .king-main-in,.king-main.post-page) { width:100%;max-width:100%; }
 html[data-au-skin="lumen"] .aurora-theme :is(.king-q-view,.pboxes,.maincom,.king-form-tall-table,.king-form-wide-table) { padding:14px;margin-block:14px; }
 html[data-au-skin="lumen"] .aurora-theme .king-video { padding:0; }
}
html[data-au-skin="lumen"] .king-profile .user-box-cover { min-height:0; }
html[data-au-skin="lumen"] .king-profile .user-box-alink { width:88px;height:88px;border:3px solid var(--au-surface-solid); }
html[data-au-skin="lumen"] .king-profile .user-box-alink img { width:100%;height:100%;border:0;object-fit:cover; }
html[data-au-skin="lumen"] .aurora-theme .reactions li:before { position:static;transform:none;font-size:22px;line-height:32px;text-align:center; }
/* Lumen / 03: deep blue glass with cyan and magenta edge light. */
html[data-au-skin="lumen"].king-night {
 --au-bg:#060d22;--au-text:#f1f5ff;--au-muted:#b3c2db;--au-surface-solid:#101d38;
 --au-surface:color-mix(in srgb,#142340 var(--au-glass-alpha,88%),transparent);
 --au-glass:color-mix(in srgb,#101c36 var(--au-glass-alpha,88%),transparent);
 --au-surface-2:#7d9bd515;--au-line:#8bbaf64d;--ag-edge:#80eaff70;
 --au-shadow:0 10px 32px #0005;--au-panel-shadow:0 0 22px #20dfff12;--au-like:#ff4ed5;--au-on-accent:#07192c;
}
html[data-au-skin="lumen"]:not([data-accent]),html[data-au-skin="lumen"][data-accent="aurora"] { --au-a:#14dcea;--au-b:#28d8ef;--au-c:#e647e8; }
html[data-au-skin="lumen"] body.au-skin-lumen::before { background:radial-gradient(ellipse at 0 20%,#02d6ee28,transparent 45%),radial-gradient(ellipse at 100% 80%,#e13cda24,transparent 45%); }
html[data-au-skin="lumen"] .ob-topbar { border-bottom:1px solid #53d4ee55;box-shadow:0 4px 24px #00d5ff10; }
html[data-au-skin="lumen"] .ob-search { border-radius:99px;border-color:var(--au-line);background:linear-gradient(120deg,#3f689528,#a77cd31c); }
html[data-au-skin="lumen"] .ob-rail { background:var(--au-glass); }
html[data-au-skin="lumen"] .ob-rail::before { background:linear-gradient(140deg,transparent 45%,#15d6ec55 50%,transparent 55%,#e744d933 75%,transparent 80%); }
html[data-au-skin="lumen"] .ob-nav-link.is-current { color:var(--au-on-accent);background:linear-gradient(145deg,#19e6ec,#008fae);border-color:#66f4ff;box-shadow:0 0 18px #10dff43b,inset 0 1px #b6fbff88; }
html[data-au-skin="lumen"] .ob-nav-link.is-current .au-i { color:inherit;filter:none; }
html[data-au-skin="lumen"] .prism-headline { margin:12px 0 18px;font-size:clamp(26px,3vw,42px);font-weight:750;letter-spacing:-.04em;line-height:1.15;background:linear-gradient(100deg,var(--au-text) 25%,#38e9f3 55%,#f25bdc 90%);background-clip:text;color:transparent; }
html[data-au-skin="lumen"] .ob-feed-tabs { gap:0;border:1px solid var(--au-line);border-radius:99px;overflow:hidden;background:var(--au-surface); }
html[data-au-skin="lumen"] .ob-feed-tabs a { min-width:130px;text-align:center;padding:9px 18px; }
html[data-au-skin="lumen"] .ob-feed-tabs a.is-current { color:#052030;background:linear-gradient(145deg,#2ceef0,#009bb5);border-radius:99px;box-shadow:inset 0 1px #b7ffff,0 0 18px #1ae4f44a; }
html[data-au-skin="lumen"] .ob-feed-tabs a.is-current::after { display:none; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-layout { max-width:none;grid-template-columns:minmax(0,1fr) 250px;gap:22px; }
html[data-au-skin="lumen"] .ob-community { background:var(--au-glass);border-color:var(--au-line);box-shadow:-3px 0 18px #00dfff18,3px 8px 22px #e344f11c; }
html[data-au-skin="lumen"] .au-skin-lumen .king-part-q-list .container { column-count:2;column-gap:14px;max-width:none;height:auto!important; }
html[data-au-skin="lumen"] .grid-sizer { display:none; }
html[data-au-skin="lumen"] .au-skin-lumen .au-card { width:100%!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;float:none;display:inline-block;break-inside:avoid; }
html[data-au-skin="lumen"] .au-skin-lumen .au-card-in { border:1px solid var(--au-line);background:var(--au-surface);border-radius:14px;box-shadow:0 8px 20px #0002; }
html[data-au-skin="lumen"] .au-skin-lumen .au-media { border-radius:0;background:var(--au-surface-2); }
html[data-au-skin="lumen"] .au-like.is-on { color:#ff65dd;filter:drop-shadow(0 0 7px #fa44c977); }
html[data-au-skin="lumen"] .aurora-theme :is(.king-q-view,.user-box,.pboxes,.maincom,.cal-card,.auc-page,.aud-panel,.am-card,.dc-card,.king-form-tall-table,.king-form-wide-table) { background:var(--au-surface);border:1px solid var(--au-line);border-radius:14px;box-shadow:var(--au-panel-shadow);min-width:0;max-width:100%;box-sizing:border-box; }
html[data-au-skin="lumen"] .aurora-theme :is(.king-main,.king-main-in,.cal,.auc,.aud) { min-width:0;max-width:100%; }
html[data-au-skin="lumen"] .aurora-theme .king-main-in > * { min-width:0; }
html[data-au-skin="lumen"] .aurora-theme :is(.king-form-tall-button-ask,.king-form-tall-button-comment,.king-form-tall-button-answer,.cal-btn,.am-btn) { border-radius:9px;background:linear-gradient(135deg,#3cf3ed,#09abc4);color:#062235;box-shadow:0 3px 14px #1ce8ec20; }
html[data-au-skin="lumen"] .au-studio { border:1px solid #68c7f280;box-shadow:-6px 0 36px #05ddf221,6px 12px 36px #d937eb21; }
@media(min-width:1100px) {
 html[data-au-skin="lumen"] body.au-skin-lumen { --ob-header-height:100px; }
 html[data-au-skin="lumen"] .ob-topbar { left:0;display:flex;justify-content:flex-end;padding-left:740px; }
 html[data-au-skin="lumen"] .ob-desktop-heading { display:none; }
 html[data-au-skin="lumen"] .ob-search { max-width:260px;min-width:150px; }
 html[data-au-skin="lumen"] .ob-rail { width:710px;height:100px;bottom:auto;z-index:150;flex-direction:row;align-items:center;padding:16px;gap:12px;border:0;background:none;overflow:visible; }
 html[data-au-skin="lumen"] .ob-rail::before { display:none; }
 html[data-au-skin="lumen"] .ob-rail-brand { padding:0;flex:none; }
 html[data-au-skin="lumen"] .ob-rail .king-logo { font-size:18px;letter-spacing:.08em; }
 html[data-au-skin="lumen"] .ob-primary { display:flex;gap:3px;overflow:visible; }
 html[data-au-skin="lumen"] .ob-primary .ob-nav-link { width:auto;min-height:36px;padding:7px 9px;gap:5px;font-size:12px;border-radius:99px; }
 html[data-au-skin="lumen"] .ob-primary .au-i { width:18px;height:18px; }
 html[data-au-skin="lumen"] .ob-rail-bottom { display:flex;margin:0;padding:0;gap:2px; }
 html[data-au-skin="lumen"] .ob-rail-bottom > .ob-nav-link,html[data-au-skin="lumen"] .ob-more > summary { padding:8px;width:35px;min-height:35px; }
 html[data-au-skin="lumen"] .ob-rail-bottom > .ob-nav-link span,html[data-au-skin="lumen"] .ob-more > summary span { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
 html[data-au-skin="lumen"] .ob-more-links { top:45px;bottom:auto;left:auto;right:0; }
 html[data-au-skin="lumen"] .au-skin-lumen #king-body-wrapper { margin-left:0; }
 html[data-au-skin="lumen"] .aurora-theme .king-profile { margin-left:32px;max-width:none; }
 html[data-au-skin="lumen"] footer.king-footer { margin-left:0; }
}
@media(max-width:1099px) {
 html[data-au-skin="lumen"] .prism-headline { display:none; }
 html[data-au-skin="lumen"] .au-skin-lumen .ob-layout { display:block; }
 html[data-au-skin="lumen"] .au-skin-lumen .king-part-q-list .container { column-count:1; }
 html[data-au-skin="lumen"] .ob-feed-tabs a { flex:1; }
 html[data-au-skin="lumen"] .au-skin-lumen .au-tabbar { border:1px solid #6fd6fbb0;background:var(--au-glass);box-shadow:-3px 0 15px #06e7f738,3px 4px 18px #e13af435; }
 html[data-au-skin="lumen"] .au-tab.is-active { color:#b1fbff; }
 html[data-au-skin="lumen"] .au-tab-pill { background:linear-gradient(135deg,#16baca77,#026a9466);border-color:#47ddf5; }
 html[data-au-skin="lumen"] .au-create-ico { background:radial-gradient(at top,#ac4eb688,#3a164b99);border-color:#ed8df5;color:#fff;box-shadow:0 0 15px #de42e665; }
}
@media(max-width:600px) {
 html[data-au-skin="lumen"] .aurora-theme :is(.king-main,.king-main-in) { width:100%;margin-inline:0; }
 html[data-au-skin="lumen"] .aurora-theme .auc-page { grid-template-columns:minmax(0,1fr); }
}
/* Administration retains a scrollable rail for every registered plugin entry. */
@media(min-width:1100px) {
 html[data-au-skin="lumen"] [class*="king-template-admin"] .ob-rail { width:220px;height:100vh;flex-direction:column;align-items:stretch;padding:28px 18px;background:var(--au-glass);border-right:1px solid var(--au-line); }
 html[data-au-skin="lumen"] [class*="king-template-admin"] .ob-rail-brand { padding:8px 10px 24px; }
 html[data-au-skin="lumen"] [class*="king-template-admin"] .ob-primary { display:grid;overflow:auto;gap:8px; }
 html[data-au-skin="lumen"] [class*="king-template-admin"] .ob-primary .ob-nav-link { border-radius:9px;min-height:42px;font-size:13px; }
 html[data-au-skin="lumen"] [class*="king-template-admin"] .ob-rail-bottom { margin-top:auto; }
 html[data-au-skin="lumen"] [class*="king-template-admin"] .ob-topbar { left:220px;padding-left:32px; }
 html[data-au-skin="lumen"] [class*="king-template-admin"] .ob-desktop-heading { display:block;margin-right:auto; }
 html[data-au-skin="lumen"] [class*="king-template-admin"] #king-body-wrapper { margin-left:220px; }
}
html[data-au-skin="lumen"] .prism-headline { width:fit-content; }
.prism-collections { padding:14px;border:1px solid var(--au-line);border-radius:16px;background:var(--au-glass);box-shadow:-3px 0 20px #11d7f327,3px 6px 20px #e33df52b;margin-bottom:20px; }
.prism-collections h2 { display:flex;gap:10px;font-size:16px;align-items:center;margin:0 0 14px; }
.prism-collection { display:flex;align-items:center;gap:10px;padding:14px 10px;margin-top:9px;border:1px solid var(--au-line);border-radius:11px;background:var(--au-surface-2);color:var(--au-text); }
.prism-collection span { flex:1;min-width:0;overflow-wrap:anywhere; }
.prism-collection small { display:block;color:var(--au-muted); }
@media(min-width:1100px) {
 html[data-au-skin="lumen"] .ob-compact-card.king-class-image .au-card-in { position:relative; }
 html[data-au-skin="lumen"] .ob-compact-card.king-class-image .au-card-head { position:absolute;bottom:42px;left:0;right:0;z-index:3;background:linear-gradient(transparent,#061024b8);color:#fff;padding-top:16px;height:64px; }
 html[data-au-skin="lumen"] .ob-compact-card.king-class-image .au-card-meta { color:#d5deef; }
 html[data-au-skin="lumen"] .ob-compact-card.king-class-image .au-actions { position:absolute;bottom:0;left:0;right:0;z-index:3;background:#061024b8;color:#fff; }
 html[data-au-skin="lumen"] .ob-compact-card.king-class-image .au-media { min-height:230px; }
}

/* =====================================================================================================
   LUMEN – liquid glass. Floating island (top), lens dock (bottom), living light, shimmer, transitions.
   Everything above this block styles the content surfaces; everything below is what makes Lumen Lumen.
   ===================================================================================================== */
html[data-au-skin="lumen"] {
  color-scheme: dark;
  --au-bg:#05060f; --au-text:#f4f5ff; --au-muted:#a9adc9;
  --au-surface-solid:#10122a;
  --au-surface:color-mix(in srgb,#151836 var(--au-glass-alpha,72%),transparent);
  --au-surface-2:#ffffff0d;
  --au-glass:color-mix(in srgb,#141733 var(--au-glass-alpha,72%),transparent);
  --au-line:#c9d2ff2e; --ag-edge:#ffffff2b; --ag-edge-2:#ffffff0a;
  --au-on-accent:#070817; --au-like:#ff7ad9;
  --au-font:-apple-system,"SF Pro Display","SF Pro Text","Inter",system-ui,"Segoe UI",sans-serif;
  --au-radius:26px; --lm-spring:cubic-bezier(.3,1.45,.4,1); --lm-ease:cubic-bezier(.22,1,.36,1);
  --lm-glass:linear-gradient(135deg,#ffffff24,#ffffff0a 40%,#ffffff05);
  --lm-rim:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #ffffff14,inset 0 0 0 1px #ffffff1a;
  --lm-blur:blur(var(--ag-blur,26px)) saturate(190%);
  --lm-chip:#ffffff10; --lm-chip-line:#ffffff18; --lm-chip-hover:#ffffff22; --lm-well:#00000038; --lm-scrim:#03040ba6;
  --lm-sky:radial-gradient(120% 80% at 50% -10%,#141a4a 0,#05060f 60%); --lm-lens:linear-gradient(180deg,#ffffff38,#ffffff12);
  --lm-float:0 24px 64px -22px #000c,0 0 0 1px #0006; --lm-ink:#fff; --lm-ink-dim:#ffffff22; --lm-blob:.5;
  background:var(--au-bg);
}
html[data-au-skin="lumen"]:not([data-accent]),html[data-au-skin="lumen"][data-accent="aurora"] { --au-a:#7df9ff;--au-b:#8b7bff;--au-c:#ff7ad9; }
html[data-au-skin="lumen"] { --au-grad:linear-gradient(120deg,var(--au-a),var(--au-b) 55%,var(--au-c)); }
html[data-au-skin="lumen"] body.au-skin-lumen { background:transparent; font-family:var(--au-font); letter-spacing:-.01em; }
html[data-au-skin="lumen"] body.au-skin-lumen::before,html[data-au-skin="lumen"] body.au-skin-lumen::after { display:none; }
.au-skin-lumen .au-tabbar { display:none !important; }

/* ---- living light behind everything ---- */
.lm-aurora { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:var(--lm-sky); }
.lm-aurora i { position:absolute; width:62vmax; height:62vmax; border-radius:50%; filter:blur(90px); opacity:var(--lm-blob); will-change:transform; translate:calc(var(--px,0) * 1px) calc(var(--py,0) * 1px); }
.lm-aurora i:nth-child(1) { left:-18vmax; top:-22vmax; background:radial-gradient(circle,var(--au-b),transparent 62%); animation:lmFloatA 26s ease-in-out infinite alternate; }
.lm-aurora i:nth-child(2) { right:-22vmax; top:8vmax; background:radial-gradient(circle,var(--au-c),transparent 62%); opacity:.34; animation:lmFloatB 32s ease-in-out infinite alternate; }
.lm-aurora i:nth-child(3) { left:22vmax; bottom:-34vmax; background:radial-gradient(circle,var(--au-a),transparent 62%); opacity:.3; animation:lmFloatC 38s ease-in-out infinite alternate; }
html[data-au-glow="off"] .lm-aurora i { display:none; }
html[data-au-glow="soft"] .lm-aurora i { opacity:.26; }
@keyframes lmFloatA { to { transform:translate(14vmax,10vmax) scale(1.15); } }
@keyframes lmFloatB { to { transform:translate(-12vmax,14vmax) scale(.9); } }
@keyframes lmFloatC { to { transform:translate(-10vmax,-12vmax) scale(1.2); } }

/* ---- intro: the name lights up once per visit ---- */
.lm-intro { position:fixed; inset:0; z-index:20000; display:grid; place-items:center; background:var(--au-bg); pointer-events:none; animation:lmIntroOut .7s 1.15s var(--lm-ease) forwards; }
.lm-intro b { font-size:clamp(30px,7vw,84px); font-weight:800; letter-spacing:-.045em; color:transparent; background:linear-gradient(100deg,var(--lm-ink-dim) 20%,var(--lm-ink) 45%,var(--au-a) 50%,var(--au-c) 56%,var(--lm-ink-dim) 78%) 120% 0/260% 100%; -webkit-background-clip:text; background-clip:text; animation:lmIntroSweep 1.15s var(--lm-ease) forwards, lmIntroPop 1.15s var(--lm-ease) forwards; }
.lm-intro i { position:absolute; width:46vmax; height:46vmax; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--au-b) 60%,transparent),transparent 65%); filter:blur(50px); animation:lmIntroGlow 1.3s ease-out forwards; }
@keyframes lmIntroSweep { to { background-position:-40% 0; } }
@keyframes lmIntroPop { from { transform:scale(.86); filter:blur(14px); opacity:0; } 40% { opacity:1; filter:blur(0); } to { transform:scale(1); } }
@keyframes lmIntroGlow { from { transform:scale(.3); opacity:0; } 50% { opacity:.9; } to { transform:scale(1.5); opacity:0; } }
@keyframes lmIntroOut { to { opacity:0; visibility:hidden; transform:scale(1.06); } }
html.lm-no-intro .lm-intro { display:none; }
html.lm-js:not(.lm-no-intro) body.au-skin-lumen .king-body-in,html.lm-js:not(.lm-no-intro) .lm-island,html.lm-js:not(.lm-no-intro) .lm-dock { animation:lmRise .9s 1.2s var(--lm-ease) both; }
html.lm-no-intro body.au-skin-lumen .king-body-in { animation:lmRise .55s var(--lm-ease) both; }
@keyframes lmRise { from { opacity:0; translate:0 22px; filter:blur(8px); } to { opacity:1; translate:0 0; filter:blur(0); } }

/* ---- navigation progress shimmer + page transitions ---- */
.lm-progress { position:fixed; left:0; right:0; top:0; height:3px; z-index:19000; opacity:0; background:linear-gradient(90deg,transparent,var(--au-a),var(--au-b),var(--au-c),transparent) 0 0/50% 100% no-repeat; pointer-events:none; }
html.lm-nav .lm-progress { opacity:1; animation:lmProgress .9s linear infinite; }
html.lm-nav body.au-skin-lumen .king-body-in { opacity:.55; scale:.992; filter:blur(2px); transition:opacity .25s,scale .25s,filter .25s; }
@keyframes lmProgress { from { background-position:-60% 0; } to { background-position:160% 0; } }
@view-transition { navigation:auto; }
html[data-au-skin="lumen"]::view-transition-old(root) { animation:lmVtOut .22s ease-in both; }
html[data-au-skin="lumen"]::view-transition-new(root) { animation:lmVtIn .42s var(--lm-ease) both; }
@keyframes lmVtOut { to { opacity:0; transform:scale(.985); filter:blur(6px); } }
@keyframes lmVtIn { from { opacity:0; transform:translateY(18px) scale(.99); filter:blur(8px); } }
.lm-island { view-transition-name:lm-island; } .lm-dock { view-transition-name:lm-dock; }

/* ---- page frame (public pages have no rail and no top bar) ---- */
html[data-au-skin="lumen"] body.au-skin-lumen { --ob-header-height:0px; padding:108px 0 0; }
html[data-au-skin="lumen"] .au-skin-lumen #king-body-wrapper { margin:0 auto; padding:0 24px 40px; max-width:1240px; width:auto; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-layout { margin:0 auto; max-width:1180px; grid-template-columns:minmax(0,1fr) 280px; }
html[data-au-skin="lumen"] .au-skin-lumen footer.king-footer { margin:24px auto 150px; max-width:1180px; width:auto; border-radius:var(--au-radius); }
html[data-au-skin="lumen"] .au-skin-lumen .au-post { padding:0 24px 24px; max-width:1240px; margin:0 auto; }
html[data-au-skin="lumen"] .au-skin-lumen .king-profile { margin-left:auto; margin-right:auto; max-width:1180px; }
html[data-au-skin="lumen"] { scroll-padding-top:120px; }

/* ---- the island ---- */
.lm-island { position:fixed; z-index:150; top:calc(14px + env(safe-area-inset-top)); left:50%; translate:-50% 0; display:flex; align-items:center; gap:10px; width:min(680px,calc(100vw - 24px)); min-height:60px; padding:8px 10px; border-radius:32px; color:var(--au-text); background:var(--lm-glass),var(--au-glass); -webkit-backdrop-filter:var(--lm-blur); backdrop-filter:var(--lm-blur); box-shadow:var(--lm-rim),var(--lm-float); transition:width .5s var(--lm-spring),min-height .4s var(--lm-spring),border-radius .4s var(--lm-ease),top .35s var(--lm-ease); flex-wrap:wrap; }
.lm-island::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(180px circle at var(--mx,50%) var(--my,-40%),#ffffff2e,transparent 70%); opacity:var(--spot,0); transition:opacity .3s; }
html.lm-scrolled:not(.lm-open) .lm-island { width:min(430px,calc(100vw - 24px)); min-height:52px; top:calc(8px + env(safe-area-inset-top)); }
.lm-orb { flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:var(--au-on-accent); background:var(--au-grad); box-shadow:inset 0 1px 0 #fff9,0 8px 22px -8px var(--au-b); transition:transform .45s var(--lm-spring); }
.lm-orb .au-i { width:22px; height:22px; } .lm-orb:hover { transform:rotate(18deg) scale(1.08); } .lm-orb:active { transform:scale(.9); }
.lm-island-main { flex:1; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:12px; height:44px; padding:0 8px 0 10px; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; border-radius:22px; }
.lm-title { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; font-weight:700; letter-spacing:-.02em; }
.lm-hint { flex:none; display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 12px; border-radius:17px; color:var(--au-muted); font-size:12.5px; font-weight:600; background:var(--lm-chip); box-shadow:inset 0 0 0 1px var(--lm-chip-line); transition:background .25s,color .25s; }
.lm-hint .au-i { width:16px; height:16px; } .lm-island-main:hover .lm-hint { background:var(--lm-chip-hover); color:var(--au-text); }
html.lm-scrolled:not(.lm-open) .lm-hint span { display:none; }
.lm-actions { flex:none; display:flex; align-items:center; gap:6px; }
.lm-icon,.au-skin-lumen .lm-actions .ob-account { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; color:var(--au-text); background:var(--lm-chip); box-shadow:inset 0 0 0 1px var(--lm-chip-line); transition:transform .4s var(--lm-spring),background .25s; overflow:hidden; }
.lm-icon:hover,.au-skin-lumen .lm-actions .ob-account:hover { background:var(--lm-chip-hover); transform:scale(1.07); } .lm-icon:active { transform:scale(.9); }
.lm-icon .au-i,.au-skin-lumen .lm-actions .ob-account .au-i { width:21px; height:21px; }
.au-skin-lumen .lm-actions .ob-account img { width:44px; height:44px; object-fit:cover; border-radius:50%; }
.au-skin-lumen .lm-island .au-acc-pop { top:calc(100% + 16px); border-radius:24px; background:var(--lm-glass),var(--au-surface-solid); box-shadow:var(--lm-rim),0 30px 70px -20px #000; animation:lmPop .35s var(--lm-spring) both; transform-origin:top right; }
@keyframes lmPop { from { opacity:0; scale:.9; translate:0 -8px; } }
/* expanded island = command surface */
.lm-panel { flex-basis:100%; padding:8px 6px 10px; max-height:min(70vh,560px); overflow-y:auto; overscroll-behavior:contain; animation:lmPanel .45s var(--lm-ease) both; }
.lm-panel[hidden] { display:none; }
@keyframes lmPanel { from { opacity:0; translate:0 -10px; filter:blur(6px); } }
html.lm-open .lm-island { width:min(760px,calc(100vw - 24px)); border-radius:30px; }
.lm-search { display:flex; align-items:center; gap:10px; height:52px; padding:0 16px; border-radius:18px; background:var(--lm-well); box-shadow:inset 0 0 0 1px var(--lm-chip-line); }
.lm-search .au-i { width:20px; height:20px; color:var(--au-muted); flex:none; }
html[data-au-skin="lumen"] .lm-search input { flex:1; min-width:0; height:100%; border:0 !important; outline:0; background:none !important; box-shadow:none !important; color:var(--au-text); font-size:16px; padding:0; }
.lm-search:focus-within { box-shadow:inset 0 0 0 1.5px var(--au-a),0 0 0 6px color-mix(in srgb,var(--au-a) 16%,transparent); }
.lm-chips { display:flex; flex-wrap:wrap; gap:8px; margin:12px 2px 4px; }
.lm-chips a { padding:8px 16px; border-radius:99px; font-size:13px; font-weight:650; color:var(--au-text); background:var(--lm-chip); box-shadow:inset 0 0 0 1px var(--lm-chip-line); text-decoration:none; transition:transform .35s var(--lm-spring),background .25s; }
.lm-chips a:hover { background:var(--au-grad); color:var(--au-on-accent); transform:translateY(-2px); }
.lm-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:6px 18px; margin-top:8px; }
.lm-links .cn-menu-group h2 { margin:12px 10px 4px; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--au-muted); }
.au-skin-lumen .lm-links .ob-nav-link { display:flex; align-items:center; gap:12px; width:100%; min-height:44px; padding:9px 12px; border-radius:14px; color:var(--au-text); font-size:14.5px; font-weight:600; text-decoration:none; background:none; border:0; }
.au-skin-lumen .lm-links .ob-nav-link:hover { background:var(--lm-chip-hover); }
.au-skin-lumen .lm-links .ob-nav-link .au-i { width:18px; height:18px; color:var(--au-a); flex:none; }
.au-skin-lumen .lm-links ul { list-style:none; margin:0; padding:0; } .au-skin-lumen .lm-links li a { display:block; padding:9px 12px; border-radius:14px; color:var(--au-text); text-decoration:none; font-size:14.5px; }
.lm-scrim { position:fixed; inset:0; z-index:149; background:var(--lm-scrim); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:0; pointer-events:none; transition:opacity .35s; }
html.lm-open .lm-scrim { opacity:1; pointer-events:auto; }

/* ---- the dock ---- */
.lm-dock { position:fixed; z-index:150; left:50%; translate:-50% 0; bottom:calc(16px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:4px; padding:8px; border-radius:36px; background:var(--lm-glass),var(--au-glass); -webkit-backdrop-filter:var(--lm-blur); backdrop-filter:var(--lm-blur); box-shadow:var(--lm-rim),var(--lm-float); transition:translate .5s var(--lm-ease),opacity .35s; max-width:calc(100vw - 20px); }
html.lm-dock-away:not(.lm-open) .lm-dock { translate:-50% calc(100% + 40px); opacity:0; }
.lm-lens { position:absolute; top:8px; left:0; height:calc(100% - 16px); width:0; border-radius:28px; background:var(--lm-lens); box-shadow:inset 0 1px 0 #ffffff80,inset 0 -8px 16px -8px color-mix(in srgb,var(--au-b) 70%,transparent),0 8px 24px -10px color-mix(in srgb,var(--au-a) 80%,transparent); transition:transform .55s var(--lm-spring),width .55s var(--lm-spring),opacity .3s; opacity:0; pointer-events:none; }
.lm-lens.is-ready { opacity:1; }
.lm-dock-item { position:relative; z-index:1; display:flex; align-items:center; gap:0; height:54px; padding:0 17px; border-radius:28px; color:var(--au-muted); text-decoration:none; font-size:14px; font-weight:700; white-space:nowrap; transition:color .3s,gap .45s var(--lm-spring),padding .45s var(--lm-spring),scale .25s var(--lm-ease); scale:var(--s,1); transform-origin:50% 100%; }
.lm-dock-item .au-i { width:24px; height:24px; flex:none; transition:transform .5s var(--lm-spring); }
.lm-dock-item span { max-width:0; overflow:hidden; opacity:0; transition:max-width .5s var(--lm-spring),opacity .3s; }
.lm-dock-item.is-current,.lm-dock-item.is-lit { color:var(--au-text); }
.lm-dock-item.is-current { gap:9px; } .lm-dock-item.is-current span { max-width:140px; opacity:1; }
.lm-dock-item:active .au-i { transform:scale(.8); }
.lm-dock-create { position:relative; z-index:1; flex:none; display:grid; place-items:center; width:54px; height:54px; margin:0 4px; border:0; border-radius:50%; cursor:pointer; color:var(--au-on-accent); background:var(--au-grad); background-size:200% 200%; box-shadow:inset 0 1px 0 #fffb,0 10px 30px -8px var(--au-b); animation:lmHue 7s ease-in-out infinite alternate; transition:transform .45s var(--lm-spring); }
.lm-dock-create::after { content:""; position:absolute; inset:-5px; border-radius:50%; border:1.5px solid color-mix(in srgb,var(--au-a) 70%,transparent); opacity:0; animation:lmPing 3.2s ease-out infinite; }
.lm-dock-create .au-i { width:24px; height:24px; transition:transform .5s var(--lm-spring); } .lm-dock-create:hover { transform:scale(1.1); } .lm-dock-create:hover .au-i { transform:rotate(90deg); } .lm-dock-create:active { transform:scale(.88); }
@keyframes lmHue { to { background-position:100% 100%; } }
@keyframes lmPing { 0% { opacity:.8; scale:.9; } 70%,100% { opacity:0; scale:1.5; } }

/* ---- hero on the feed ---- */
.lm-hero { position:relative; margin:6px 0 28px; padding:34px 34px 30px; border-radius:36px; overflow:hidden; background:var(--lm-glass),var(--au-glass); box-shadow:var(--lm-rim),0 30px 80px -40px #000; }
.lm-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(420px circle at var(--mx,80%) var(--my,0%),color-mix(in srgb,var(--au-a) 30%,transparent),transparent 65%); transition:background .2s; }
.lm-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 35%,#ffffff1f 50%,transparent 65%) -160% 0/60% 100% no-repeat; animation:lmSheen 6.5s 1.6s ease-in-out infinite; }
@keyframes lmSheen { 0%,60% { background-position:-160% 0; } 100% { background-position:320% 0; } }
.lm-kicker { position:relative; display:inline-flex; align-items:center; gap:8px; margin:0 0 14px; padding:6px 14px; border-radius:99px; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--au-text); background:var(--lm-chip); box-shadow:inset 0 0 0 1px var(--lm-chip-line); }
.lm-kicker .au-i { width:14px; height:14px; color:var(--au-a); }
.lm-hero h1 { position:relative; margin:0; font-size:clamp(34px,6.2vw,76px); line-height:1.02; font-weight:800; letter-spacing:-.05em; }
.lm-hero h1 span { color:transparent; background:linear-gradient(100deg,var(--lm-ink) 10%,var(--au-a) 38%,var(--au-b) 58%,var(--au-c) 78%,var(--lm-ink)) 0 0/220% 100%; -webkit-background-clip:text; background-clip:text; animation:lmText 9s ease-in-out infinite alternate; }
@keyframes lmText { to { background-position:100% 0; } }
.lm-sub { position:relative; margin:16px 0 0; max-width:560px; font-size:clamp(15px,1.5vw,18px); color:var(--au-muted); line-height:1.5; }

/* ---- glass surfaces, reveal, tilt, shimmer ---- */
html[data-au-skin="lumen"] .au-skin-lumen .au-card-in,html[data-au-skin="lumen"] .au-skin-lumen :where(.ob-community,.prism-collections,.king-part-form,.king-part-custom) { border-radius:var(--au-radius); background:var(--lm-glass),var(--au-surface); box-shadow:var(--lm-rim),0 24px 60px -36px #000; border:0; }
html[data-au-skin="lumen"] .au-skin-lumen .au-card-in { transition:transform .5s var(--lm-ease),box-shadow .4s; transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); will-change:transform; }
html[data-au-skin="lumen"] .au-skin-lumen .au-card-in:hover { box-shadow:var(--lm-rim),0 34px 80px -34px color-mix(in srgb,var(--au-b) 70%,#000),0 0 0 1px color-mix(in srgb,var(--au-a) 45%,transparent); }
html.lm-js[data-au-skin="lumen"] .au-skin-lumen .lm-reveal { opacity:0; translate:0 30px; scale:.97; filter:blur(6px); }
html.lm-js[data-au-skin="lumen"] .au-skin-lumen .lm-reveal.lm-in { opacity:1; translate:0 0; scale:1; filter:blur(0); transition:opacity .7s var(--lm-ease) var(--d,0ms),translate .8s var(--lm-ease) var(--d,0ms),scale .8s var(--lm-ease) var(--d,0ms),filter .6s var(--d,0ms); }
html[data-au-skin="lumen"] img.lm-pending { background:linear-gradient(100deg,#ffffff0a 30%,#ffffff26 50%,#ffffff0a 70%) 0 0/250% 100% #ffffff08; animation:lmShimmer 1.25s linear infinite; color:transparent; }
html[data-au-skin="lumen"] img.lm-loaded { animation:lmImgIn .7s var(--lm-ease) both; }
@keyframes lmShimmer { from { background-position:130% 0; } to { background-position:-130% 0; } }
@keyframes lmImgIn { from { opacity:0; filter:blur(14px) saturate(1.6); scale:1.04; } }
/* buttons get a light sweep */
html[data-au-skin="lumen"] .au-skin-lumen :where(.king-form-tall-button,.king-form-wide-button,.ob-feed-tabs a.is-current) { position:relative; overflow:hidden; border-radius:99px; }
html[data-au-skin="lumen"] .au-skin-lumen :where(.king-form-tall-button,.king-form-wide-button)::after { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 35%,#ffffff59 50%,transparent 65%) -160% 0/60% 100% no-repeat; transition:background-position .8s var(--lm-ease); pointer-events:none; }
html[data-au-skin="lumen"] .au-skin-lumen :where(.king-form-tall-button,.king-form-wide-button):hover::after { background-position:320% 0; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-feed-tabs { border:0; gap:6px; padding:5px; border-radius:99px; background:var(--lm-chip); box-shadow:inset 0 0 0 1px var(--lm-chip-line); align-self:center; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-feed-tabs a { padding:9px 20px; border-radius:99px; font-weight:650; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-feed-tabs a.is-current { color:var(--au-on-accent); background:var(--au-grad); box-shadow:inset 0 1px 0 #fff8; }
html[data-au-skin="lumen"] .au-skin-lumen .ob-feed-tabs a::after { display:none; }

/* ---- phones ---- */
@media (max-width:700px) {
  html[data-au-skin="lumen"] body.au-skin-lumen { padding-top:92px; }
  html[data-au-skin="lumen"] .au-skin-lumen #king-body-wrapper { padding:0 12px 30px; }
  html[data-au-skin="lumen"] .au-skin-lumen .ob-layout { grid-template-columns:minmax(0,1fr); }
  html[data-au-skin="lumen"] .au-skin-lumen .au-post { padding:0 12px 20px; }
  .lm-island { min-height:56px; padding:6px 8px; border-radius:28px; } .lm-orb,.lm-icon,.au-skin-lumen .lm-actions .ob-account { width:42px; height:42px; }
  .lm-hint span { display:none; } .lm-hint { padding:0 10px; }
  .lm-hero { padding:24px 20px 22px; border-radius:28px; margin-bottom:20px; }
  .lm-dock { gap:0; padding:7px; } .lm-dock-item { padding:0 13px; height:52px; } .lm-dock-create { width:52px; height:52px; margin:0 2px; }
  .lm-dock-item.is-current span { max-width:96px; }
  .lm-aurora i { filter:blur(60px); width:90vmax; height:90vmax; }
  html[data-au-skin="lumen"] .au-skin-lumen .au-card-in { transform:none; }
}
@media (max-width:400px) { .lm-dock-item.is-current span { display:none; } .lm-dock-item.is-current { gap:0; } }

/* ---- calm mode: Studio "motion off" and the OS setting ---- */
html.au-reduce .lm-intro,html.au-reduce .lm-progress { display:none; }
html.au-reduce .lm-aurora i,html.au-reduce .lm-hero::after,html.au-reduce .lm-hero h1 span,html.au-reduce .lm-dock-create,html.au-reduce .lm-dock-create::after,html.au-reduce body.au-skin-lumen .king-body-in,html.au-reduce .lm-island,html.au-reduce .lm-dock { animation:none !important; }
html.au-reduce.lm-js[data-au-skin="lumen"] .au-skin-lumen .lm-reveal { opacity:1; translate:none; scale:none; filter:none; }
@media (prefers-reduced-motion:reduce) {
  .lm-intro,.lm-progress { display:none; }
  .lm-aurora i,.lm-hero::after,.lm-hero h1 span,.lm-dock-create,.lm-dock-create::after,body.au-skin-lumen .king-body-in,.lm-island,.lm-dock { animation:none !important; }
  html.lm-js[data-au-skin="lumen"] .au-skin-lumen .lm-reveal { opacity:1; translate:none; scale:none; filter:none; }
  @view-transition { navigation:none; }
}

/* ---- admin: same island + dock, sections as a strip of glass chips ---- */
.lm-adminbar { position:sticky; top:calc(84px + env(safe-area-inset-top)); z-index:120; margin:0 auto 18px; max-width:1240px; padding:0 24px; pointer-events:none; }
.lm-adminbar-in { pointer-events:auto; display:flex; gap:6px; padding:7px; overflow-x:auto; scrollbar-width:none; border-radius:99px; background:var(--lm-glass),var(--au-glass); -webkit-backdrop-filter:var(--lm-blur); backdrop-filter:var(--lm-blur); box-shadow:var(--lm-rim),var(--lm-float); -webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent); mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent); }
.lm-adminbar-in::-webkit-scrollbar { display:none; }
.lm-adminbar a { flex:none; padding:8px 15px; border-radius:99px; font-size:13px; font-weight:650; color:var(--au-muted); text-decoration:none; white-space:nowrap; transition:color .25s,background .25s,transform .35s var(--lm-spring); }
.lm-adminbar a:hover { color:var(--au-text); background:var(--lm-chip-hover); }
.lm-adminbar a.is-current { color:var(--au-on-accent); background:var(--au-grad); box-shadow:inset 0 1px 0 #fff8; }
html[data-au-skin="lumen"] body.au-skin-lumen[class*="king-template-admin"] { padding-top:100px; }
html[data-au-skin="lumen"] .au-skin-lumen[class*="king-template-admin"] .king-nav-sub { display:none; }
.lm-admin-groups { margin:12px 0 4px; padding:4px 4px 10px; border-radius:20px; background:var(--lm-chip); box-shadow:inset 0 0 0 1px var(--lm-chip-line); }
.lm-admin-groups > h2 { margin:10px 12px 6px; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--au-muted); }
.au-skin-lumen .lm-admin-groups .cn-admin-group > summary { display:flex; align-items:center; gap:12px; min-height:44px; padding:9px 12px; border-radius:14px; font-weight:700; color:var(--au-text); cursor:pointer; list-style:none; }
.au-skin-lumen .lm-admin-groups .cn-admin-group > summary .au-i { width:18px; height:18px; color:var(--au-a); }
.au-skin-lumen .lm-admin-groups .cn-admin-children { display:flex; flex-wrap:wrap; gap:6px; margin:2px 8px 10px 40px; padding:0; border:0; }
.au-skin-lumen .lm-admin-groups .cn-admin-children .ob-nav-link { display:inline-flex; width:auto; min-height:0; padding:7px 13px; border-radius:99px; font-size:13px; font-weight:600; color:var(--au-text); background:var(--lm-chip); box-shadow:inset 0 0 0 1px var(--lm-chip-line); text-decoration:none; }
.au-skin-lumen .lm-admin-groups .cn-admin-children .ob-nav-link.is-current { color:var(--au-on-accent); background:var(--au-grad); }
html[data-au-skin="lumen"] .au-skin-lumen[class*="king-template-admin"] :is(.king-form-tall-table,.king-form-wide-table,.king-part-form,.king-part-custom) { border-radius:var(--au-radius); background:var(--lm-glass),var(--au-surface); box-shadow:var(--lm-rim),0 24px 60px -36px #000; border:0; }
@media (max-width:700px) { .lm-adminbar { padding:0 12px; top:calc(74px + env(safe-area-inset-top)); } html[data-au-skin="lumen"] body.au-skin-lumen[class*="king-template-admin"] { padding-top:88px; } }

/* ---- light: pearl glass over pastel light ---- */
html[data-au-skin="lumen"][data-au-mode="light"],html[data-au-skin="lumen"][data-au-mode="auto"]:not(.king-night) {
  color-scheme:light;
  --au-bg:#eef0fb; --au-text:#12142b; --au-muted:#5a5f80;
  --au-surface-solid:#ffffff;
  --au-surface:color-mix(in srgb,#ffffff var(--au-glass-alpha,72%),transparent);
  --au-surface-2:#1a1f5a0d;
  --au-glass:color-mix(in srgb,#ffffff var(--au-glass-alpha,72%),transparent);
  --au-line:#1a1f5a24; --ag-edge:#ffffffe6; --ag-edge-2:#ffffff80;
  --au-on-accent:#ffffff; --au-like:#e0389f;
  --lm-glass:linear-gradient(135deg,#ffffffd9,#ffffff73 45%,#ffffff40);
  --lm-rim:inset 0 1px 0 #ffffff,inset 0 -1px 0 #ffffff80,inset 0 0 0 1px #ffffffb3;
  --lm-chip:#1a1f5a0d; --lm-chip-line:#1a1f5a1c; --lm-chip-hover:#1a1f5a1a; --lm-well:#ffffffb8; --lm-scrim:#e9ecfaa8;
  --lm-sky:radial-gradient(120% 80% at 50% -10%,#ffffff 0,#e9ecfb 55%,#e4e7f8 100%);
  --lm-lens:linear-gradient(180deg,#ffffff,#ffffffb3);
  --lm-float:0 24px 60px -26px #2a2f7a59,0 0 0 1px #1a1f5a12;
  --lm-ink:#12142b; --lm-ink-dim:#12142b26; --lm-blob:.42;
}
html[data-au-skin="lumen"][data-au-mode="light"]:not([data-accent]),html[data-au-skin="lumen"][data-au-mode="light"][data-accent="aurora"],
html[data-au-skin="lumen"][data-au-mode="auto"]:not(.king-night):not([data-accent]),html[data-au-skin="lumen"][data-au-mode="auto"]:not(.king-night)[data-accent="aurora"] { --au-a:#12b8d8;--au-b:#6a55f5;--au-c:#f0429f; }
html[data-au-skin="lumen"]:not(.king-night) .lm-lens { box-shadow:inset 0 1px 0 #fff,0 8px 22px -10px #2a2f7a66,0 0 0 1px #1a1f5a14; }
html[data-au-skin="lumen"]:not(.king-night) .lm-island::before { background:radial-gradient(180px circle at var(--mx,50%) var(--my,-40%),#ffffff,transparent 70%); }
html[data-au-skin="lumen"]:not(.king-night) .lm-hero::after { background-image:linear-gradient(105deg,transparent 35%,#ffffffcc 50%,transparent 65%); }
html[data-au-skin="lumen"]:not(.king-night) .au-skin-lumen .au-card-in,html[data-au-skin="lumen"]:not(.king-night) .au-skin-lumen :where(.ob-community,.prism-collections,.king-part-form,.king-part-custom) { box-shadow:var(--lm-rim),0 24px 60px -34px #2a2f7a66; }
html[data-au-skin="lumen"]:not(.king-night) .au-skin-lumen .au-card-in:hover { box-shadow:var(--lm-rim),0 34px 80px -34px color-mix(in srgb,var(--au-b) 55%,transparent),0 0 0 1px color-mix(in srgb,var(--au-b) 35%,transparent); }
html[data-au-skin="lumen"]:not(.king-night) .au-skin-lumen .lm-island .au-acc-pop { box-shadow:var(--lm-rim),0 30px 70px -24px #2a2f7a80; }
html[data-au-skin="lumen"]:not(.king-night) img.lm-pending { background-image:linear-gradient(100deg,#1a1f5a0a 30%,#1a1f5a24 50%,#1a1f5a0a 70%); background-color:#1a1f5a0a; }
html[data-au-skin="lumen"]:not(.king-night) .lm-orb,html[data-au-skin="lumen"]:not(.king-night) .lm-dock-create { color:#fff; }

/* consistent glass for plain content panels (plugin pages, legal texts) and a visible default avatar in both modes */
html[data-au-skin="lumen"] .au-skin-lumen .king-part-custom.king-inner,html[data-au-skin="lumen"] .au-skin-lumen .king-part-form.king-inner { border-radius:var(--au-radius); background:var(--lm-glass),var(--au-surface) !important; box-shadow:var(--lm-rim),0 24px 60px -36px #0009; border:0; }
html[data-au-skin="lumen"] .au-skin-lumen .king-part-custom.king-inner:has(> .aud),html[data-au-skin="lumen"] .au-skin-lumen .king-part-custom.king-inner:has(> .dc),html[data-au-skin="lumen"] .au-skin-lumen .king-part-custom.king-inner:has(> #auc-page) { background:none !important; box-shadow:none; }
.au-skin-lumen .lm-actions .ob-account { background:var(--au-grad); color:var(--au-on-accent); }
.au-skin-lumen .lm-actions .ob-account img { background:var(--au-grad); }

/* ---- ambient colour: light, island, dock and cards follow the artwork in view ---- */
@property --lm-amb1 { syntax:'<color>'; inherits:true; initial-value:#8b7bff; }
@property --lm-amb2 { syntax:'<color>'; inherits:true; initial-value:#ff7ad9; }
@property --lm-amb3 { syntax:'<color>'; inherits:true; initial-value:#7df9ff; }
html[data-au-skin="lumen"] { transition:--lm-amb1 1.6s ease,--lm-amb2 1.6s ease,--lm-amb3 1.6s ease; }
html[data-au-skin="lumen"]:not(.lm-amb) { --lm-amb1:var(--au-b); --lm-amb2:var(--au-c); --lm-amb3:var(--au-a); }
.lm-aurora i:nth-child(1) { background:radial-gradient(circle,var(--lm-amb1),transparent 62%); }
.lm-aurora i:nth-child(2) { background:radial-gradient(circle,var(--lm-amb2),transparent 62%); }
.lm-aurora i:nth-child(3) { background:radial-gradient(circle,var(--lm-amb3),transparent 62%); }
html.lm-amb .lm-aurora i { opacity:calc(var(--lm-blob) * 1.25); }
html.lm-amb .lm-island,html.lm-amb .lm-dock { box-shadow:var(--lm-rim),var(--lm-float),0 26px 70px -30px var(--lm-amb1); }
html.lm-amb .lm-lens { box-shadow:inset 0 1px 0 #ffffff80,inset 0 -8px 16px -8px color-mix(in srgb,var(--lm-amb1) 75%,transparent),0 8px 24px -10px var(--lm-amb2); }
html.lm-amb .lm-orb,html.lm-amb .lm-dock-create { background:linear-gradient(135deg,var(--lm-amb3),var(--lm-amb1) 55%,var(--lm-amb2)); box-shadow:inset 0 1px 0 #fff9,0 10px 30px -8px var(--lm-amb1); animation:none; }
html.lm-amb .lm-hero::before { background:radial-gradient(420px circle at var(--mx,80%) var(--my,0%),color-mix(in srgb,var(--lm-amb1) 38%,transparent),transparent 65%); }
html.lm-amb .lm-progress { background-image:linear-gradient(90deg,transparent,var(--lm-amb3),var(--lm-amb1),var(--lm-amb2),transparent); }
html[data-au-skin="lumen"] .au-skin-lumen .au-card-in { box-shadow:var(--lm-rim),0 28px 64px -38px var(--lm-c,#000); }
html[data-au-skin="lumen"] .au-skin-lumen .au-card-in:hover { box-shadow:var(--lm-rim),0 36px 84px -30px var(--lm-c,color-mix(in srgb,var(--au-b) 70%,#000)),0 0 0 1px color-mix(in srgb,var(--lm-c,var(--au-a)) 55%,transparent); }

/* ---- a card becomes the page ---- */
html[data-au-skin="lumen"] .au-skin-lumen .au-post > .king-video-in { view-transition-name:lm-art; background:var(--lm-art-bg,none) center/contain no-repeat; border-radius:var(--au-radius); overflow:hidden; box-shadow:var(--lm-rim),0 40px 100px -50px var(--lm-amb1,#000); }
html[data-au-skin="lumen"]::view-transition-group(lm-art) { animation-duration:.6s; animation-timing-function:cubic-bezier(.3,1.15,.4,1); }
html[data-au-skin="lumen"]::view-transition-old(lm-art),html[data-au-skin="lumen"]::view-transition-new(lm-art) { height:100%; width:100%; object-fit:cover; overflow:clip; border-radius:26px; animation-duration:.6s; }
@media (prefers-reduced-motion:reduce) { html[data-au-skin="lumen"] { transition:none; } html[data-au-skin="lumen"] .au-skin-lumen .au-post > .king-video-in { view-transition-name:none; } }
html.au-reduce[data-au-skin="lumen"] .au-skin-lumen .au-post > .king-video-in { view-transition-name:none; }