*{box-sizing:border-box}
:root{--teal:#18cfd0;--teal2:#00b6b8;--danger:#d74d56;--radius:16px;--radius-sm:10px}
html[data-theme="dark"]{--bg:#2b2f36;--surface:#0d1218;--surface2:#151b21;--surface3:#20272e;--text:#f7f9fb;--muted:#c3cbd2;--border:#35404a;--header:#080c10;--shadow:0 18px 42px rgba(0,0,0,.30)}
html[data-theme="light"]{--bg:#f4f7f9;--surface:#ffffff;--surface2:#edf3f5;--surface3:#e2eaed;--text:#10151a;--muted:#63707b;--border:#d6e0e5;--header:#ffffff;--shadow:0 18px 42px rgba(20,35,45,.09)}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.site-shell{min-height:100vh;background:var(--bg)}
.wrap{width:min(1450px,calc(100% - 56px));margin-inline:auto}
.theme-logo{display:none}
html[data-theme="dark"] .theme-logo.logo-dark{display:block}
html[data-theme="light"] .theme-logo.logo-light{display:block}

/* Header */
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;min-height:112px;padding:12px clamp(26px,5vw,80px);background:var(--header);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.brand-logo{object-fit:contain}
.brand-full{width:116px;height:92px}
.brand-horizontal{width:210px;height:74px}
.brand-wordmark{font-weight:900;letter-spacing:.12em;font-size:20px;white-space:nowrap}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.5vw,42px);margin-left:auto}
.main-nav a{font-size:18px;font-weight:750;color:var(--muted);transition:.18s}
.main-nav a:hover{color:var(--teal)}
.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.icon-btn,.btn{border-radius:var(--radius-sm);border:1px solid var(--border);font-weight:850;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;justify-content:center}
.icon-btn{width:56px;height:52px;background:var(--surface);color:var(--text);font-size:24px}
.btn{min-height:48px;padding:0 22px;background:var(--surface);color:var(--text)}
.btn:hover,.icon-btn:hover{transform:translateY(-1px);border-color:var(--teal)}
.btn-primary{background:var(--teal);border-color:var(--teal);color:#061014}
.btn-ghost{background:transparent}
.btn-danger{background:transparent;border-color:var(--danger);color:#ff9ba1}
.btn-small{min-height:36px;padding:0 13px;font-size:14px}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:50px;margin-top:42px;padding:56px 64px;background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}
.hero-copy{min-width:0}
.eyebrow{display:inline-block;color:var(--teal);font-size:16px;font-weight:900;letter-spacing:.18em}
.hero h1,.page-hero h1{margin:22px 0;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.045em}
.hero h1 em{display:block;color:var(--teal);font-style:normal}
.hero p,.page-hero>p{max-width:760px;color:var(--muted);font-size:21px;line-height:1.6}
.hero-actions,.form-actions,.admin-title-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero-art{min-width:0;display:flex;align-items:center;justify-content:center;min-height:520px;background:transparent}
.hero-logo{width:100%;max-width:620px;height:auto;max-height:520px;object-fit:contain}
html[data-theme="light"] .hero{background:linear-gradient(135deg,#fff,#eef5f6)}
html[data-theme="dark"] .hero{background:linear-gradient(135deg,#0d1218,#101920)}

/* Public content */
.split-heading{display:flex;justify-content:space-between;align-items:end;margin-top:62px;margin-bottom:20px}
.split-heading h2{font-size:38px;margin:8px 0 0}
.split-heading>a{color:var(--teal);font-weight:800}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px}
.product-card,.news-card,.empty-card,.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.product-card h2,.product-card h3,.news-card h2{margin:14px 0 10px}
.product-card p,.news-card p,.muted{color:var(--muted);line-height:1.55}
.chip,.status,.chip-link{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850}
.chip{color:var(--teal)}
.card-actions{margin-top:18px}
.news-list{display:grid;gap:18px;margin-bottom:50px}

/* Auth */
.auth-wrap{min-height:calc(100vh - 230px);display:flex;align-items:center;justify-content:center;padding:56px 24px}
.auth-card{width:min(720px,100%);background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:48px;box-shadow:var(--shadow)}
.auth-card h1{font-size:48px;margin:18px 0 30px}
.form-stack,.editor-form{display:grid;gap:18px}
label{display:grid;gap:8px;font-weight:750}
input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:13px 14px;background:var(--surface2);color:var(--text);outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,207,208,.12)}
.remember-login{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:650;cursor:pointer}
.remember-login input{width:auto;margin:0;accent-color:var(--teal)}
.alert{padding:16px 18px;border-radius:12px;margin:0 0 20px;border:1px solid}
.alert.error{background:rgba(215,77,86,.12);border-color:#8b333a}
.alert.success{background:rgba(24,207,208,.10);border-color:var(--teal)}
.dev-note{color:var(--muted)}

/* Page/Admin */
.page-hero{padding-top:60px;padding-bottom:60px}
.page-hero h1{font-size:clamp(48px,6vw,80px)}
.dashboard-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:30px}
.dash-card strong{display:block;font-size:38px;color:var(--teal)}
.dash-card>span{color:var(--muted)}
.admin-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.admin-module{display:flex;flex-direction:column;min-height:250px}
.admin-module h2{font-size:25px;margin:12px 0 6px}
.admin-module .btn{margin-top:auto;align-self:flex-start}
.admin-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}
.admin-title-row h1{font-size:52px;margin:10px 0}
.admin-title-row p{margin:0}
.admin-list{display:grid;gap:14px}
.admin-row{display:grid;grid-template-columns:1.1fr .65fr .7fr 2fr auto;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}
.admin-row-main{display:grid;gap:3px}
.admin-row-main span,.admin-row-main small{color:var(--muted)}
.role-checks{display:flex;flex-wrap:wrap;gap:8px}
.role-checks label,.check-line{display:flex;align-items:center;gap:7px;font-weight:650}
.role-checks input,.check-line input{width:auto}
.admin-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.admin-table{width:100%;border-collapse:collapse;min-width:760px}
.admin-table th,.admin-table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.admin-table th{background:var(--surface2);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.admin-table.compact{font-size:13px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.editor-form{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px}
.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.table-chip-list{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}
.chip-link.active,.chip-link:hover{border-color:var(--teal);color:var(--teal)}

/* Footer/Loader */
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:60px;padding:28px clamp(28px,5vw,80px);background:var(--header);border-top:1px solid var(--border)}
.footer-logo{width:180px;height:65px;object-fit:contain}
.footer-copy{display:flex;gap:24px;color:var(--muted)}
.site-loader{position:fixed;inset:0;z-index:1000;background:var(--surface);display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;transition:.3s}
.site-loader.is-hidden{opacity:0;pointer-events:none}
.site-loader img{width:120px;height:120px;object-fit:contain}

/* Responsive */
@media(max-width:1180px){
 .site-header{gap:18px;padding-inline:24px}.brand-wordmark{display:none}.main-nav{gap:20px}.brand-full{width:94px;height:76px}
 .hero{grid-template-columns:1fr 1fr;padding:44px}.dashboard-grid{grid-template-columns:repeat(3,1fr)}
 .admin-row{grid-template-columns:1fr 1fr}.role-checks{grid-column:1/-1}
}
@media(max-width:900px){
 .main-nav{display:none}.site-header{min-height:92px}.hero{grid-template-columns:1fr;padding:38px 30px}.hero-art{min-height:360px}.hero-logo{max-height:360px}
 .card-grid,.admin-section-grid,.admin-two-col{grid-template-columns:1fr 1fr}.footer-copy{flex-direction:column;gap:5px}
}
@media(max-width:640px){
 .wrap{width:min(100% - 28px,1450px)}.site-header{padding:10px 14px}.brand-full{width:70px;height:62px}.brand-horizontal{width:130px;height:52px}.header-actions{gap:7px}.header-actions .btn{padding:0 12px;min-height:42px}.icon-btn{width:44px;height:42px}
 .hero{margin-top:20px;padding:28px 22px;border-radius:20px}.hero h1{font-size:48px}.hero p{font-size:17px}.hero-art{min-height:280px}.hero-logo{max-height:280px}
 .card-grid,.admin-section-grid,.admin-two-col,.dashboard-grid,.form-grid{grid-template-columns:1fr}.admin-title-row{flex-direction:column}.admin-row{grid-template-columns:1fr}
 .auth-card{padding:28px}.auth-card h1{font-size:38px}.site-footer{align-items:flex-start;flex-direction:column}.footer-logo{width:150px}
}


/* v0.4.1 — single hero artwork */
.hero-picture {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.hero-picture .hero-logo {
    display: block !important;
    width: auto;
    max-width: 100%;
    max-height: 510px;
    height: auto;
    object-fit: contain;
}

/* Light header logos should sit directly on the white header with no dark plate. */
html[data-theme="light"] .brand-logo,
html[data-theme="light"] .footer-logo {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Member management */
.member-search-panel {
    display: grid;
    gap: 18px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 18px;
}

.member-search-main {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    align-items: end;
    gap: 12px;
}

.member-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.member-results-summary {
    margin: 16px 0;
    color: var(--muted);
}

.member-results-summary strong {
    color: var(--text);
}

.status-pill {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;
    border: 1px solid var(--border);
    font-size: 12px;
    font-weight: 800;
}

.status-active { color: var(--teal); }
.status-suspended,
.status-disabled { color: #ff9ba1; }

.pagination {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.page-link {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 9px 13px;
    background: var(--surface);
    font-weight: 750;
}

.page-link:hover {
    border-color: var(--teal);
    color: var(--teal);
}

.page-status {
    color: var(--muted);
}

.role-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.role-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface2);
}

.role-card input {
    width: auto;
}

.role-card span {
    display: grid;
    gap: 2px;
}

.role-card small {
    color: var(--muted);
}

.member-metadata {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.member-metadata > div {
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface2);
}

.member-metadata span {
    color: var(--muted);
    font-size: 13px;
}

@media (max-width: 900px) {
    .member-search-main,
    .member-filter-grid,
    .role-card-grid,
    .member-metadata {
        grid-template-columns: 1fr;
    }
}


/* v0.4.2 — clean light-mode admin brand */
html[data-theme="light"] .site-header-admin .brand,
html[data-theme="light"] .site-header-admin .brand-logo,
html[data-theme="light"] .site-header-admin .brand-horizontal {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.site-header-admin .brand-horizontal {
    object-fit: contain;
}


/* v0.5.3 definitive mobile navigation */
.mobile-menu-toggle{display:none;width:48px;height:46px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.mobile-menu-toggle span{display:block;height:3px;width:100%;background:var(--text);border-radius:999px}
.mobile-menu{display:none}
@media screen and (max-width:900px){
  .site-header{flex-wrap:wrap!important;min-height:92px;padding:10px 14px!important}
  .desktop-nav,.desktop-auth-actions{display:none!important}
  .mobile-menu-toggle{display:flex!important}
  .header-actions{margin-left:auto!important;display:flex;align-items:center;gap:8px}
  .mobile-menu{display:none;width:calc(100% + 28px);margin:10px -14px -10px;padding:12px 14px 18px;background:var(--header);border-top:1px solid var(--border)}
  .mobile-menu.is-open{display:grid!important;gap:4px}
  .mobile-menu a{min-height:48px;display:flex;align-items:center;padding:10px 14px;border-radius:10px;color:var(--text);font-size:18px;font-weight:800}
  .mobile-menu a:hover,.mobile-menu a:focus{background:var(--surface2);color:var(--teal)}
  .mobile-menu-divider{height:1px;background:var(--border);margin:8px 0}
  .mobile-register-link{background:var(--teal);color:#061014!important}
}

.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}
.hamburger-lines{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger-lines span{display:block;height:3px;width:100%;border-radius:999px;background:var(--text)}
@media screen and (max-width:900px){
.site-header{flex-wrap:wrap!important;min-height:92px;padding:10px 14px!important}
.desktop-nav,.desktop-auth-actions{display:none!important}
.header-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
.mobile-nav{display:block!important}
.mobile-nav>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:46px!important;border:2px solid var(--teal)!important;border-radius:10px!important;background:var(--surface)!important;cursor:pointer!important}
.mobile-nav-panel{position:absolute!important;top:56px!important;right:0!important;z-index:10000!important;width:min(86vw,340px)!important;display:grid!important;gap:4px!important;padding:12px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--header)!important;box-shadow:var(--shadow)!important}
.mobile-nav-panel a{display:flex!important;min-height:48px!important;align-items:center!important;padding:10px 14px!important;border-radius:10px!important;color:var(--text)!important;font-size:18px!important;font-weight:800!important}
.mobile-nav-panel a:hover,.mobile-nav-panel a:focus{background:var(--surface2)!important;color:var(--teal)!important}
.mobile-menu-divider{height:1px;background:var(--border);margin:8px 0}.mobile-register-link{background:var(--teal)!important;color:#061014!important}
}

/* v0.5.7 — The Dead End Guide */
.dead-end-guide{position:fixed;right:22px;bottom:22px;z-index:20000;font-family:inherit}.guide-launcher{display:flex;align-items:center;gap:8px;height:68px;padding:6px 14px 6px 6px;border:1px solid var(--border);border-radius:999px;background:var(--header);color:var(--text);box-shadow:var(--shadow);font-weight:900;cursor:pointer}.guide-logo,.guide-mini-logo{position:relative;display:block;flex:0 0 auto;width:56px;height:56px;border-radius:50%;overflow:visible;filter:drop-shadow(0 0 8px rgba(24,207,208,.28))}.guide-mini-logo{width:46px;height:46px}.guide-logo img,.guide-mini-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.guide-gear{transform-origin:44% 49%}.is-thinking .guide-gear{animation:guideGearSpin 1.2s linear infinite}.is-thinking .guide-logo,.is-thinking .guide-mini-logo{filter:drop-shadow(0 0 12px rgba(24,207,208,.75))}@keyframes guideGearSpin{to{transform:rotate(360deg)}}
.guide-panel{position:absolute;right:0;bottom:82px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 120px));border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.42);overflow:hidden}.guide-panel[hidden]{display:none}.guide-header{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--border);background:var(--header)}.guide-header>div{display:grid;flex:1}.guide-header strong{font-size:16px}.guide-header small{color:var(--muted);font-size:11px}.guide-header>button{width:38px;height:38px;border:0;border-radius:10px;background:var(--surface2);color:var(--text);font-size:25px;cursor:pointer}.guide-messages{height:330px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.guide-message{max-width:88%;padding:11px 13px;border-radius:14px;line-height:1.42;font-size:14px}.guide-bot{align-self:flex-start;background:var(--surface2);border:1px solid var(--border)}.guide-user{align-self:flex-end;background:var(--teal);color:#061014;font-weight:700}.guide-suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:0 14px 12px}.guide-suggestions button{border:1px solid var(--teal);border-radius:999px;background:transparent;color:var(--text);padding:7px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.guide-suggestions button:hover{background:var(--teal);color:#061014}.guide-form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border)}.guide-form input{min-width:0;flex:1;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);padding:11px}.guide-form button{border:0;border-radius:12px;background:var(--teal);color:#061014;padding:0 16px;font-weight:900;cursor:pointer}.guide-status{padding:0 14px 12px;color:var(--muted);font-size:11px}
@media(max-width:600px){.dead-end-guide{right:12px;bottom:14px}.guide-launcher{height:62px}.guide-logo{width:50px;height:50px}.guide-panel{position:fixed;left:10px;right:10px;bottom:86px;width:auto;height:min(70vh,600px);border-radius:18px}.guide-messages{height:calc(70vh - 230px);min-height:220px}.guide-launcher-label{display:none}}

/* v0.5.9 — Dead End Guide premium identity */
.guide-premium-logo{position:relative;overflow:visible!important;isolation:isolate;background:radial-gradient(circle,rgba(24,207,208,.10),transparent 68%)}
.guide-premium-logo>img{position:absolute;inset:1px!important;width:calc(100% - 2px)!important;height:calc(100% - 2px)!important;object-fit:contain!important;z-index:2;filter:drop-shadow(0 0 4px rgba(24,207,208,.38))}
.guide-thinking-ring{position:absolute;inset:-2px;border-radius:50%;z-index:1;opacity:0;border:2px solid transparent;border-top-color:var(--teal);border-right-color:rgba(24,207,208,.22);box-shadow:0 0 10px rgba(24,207,208,.35);transition:opacity .18s ease}
.is-thinking .guide-thinking-ring{opacity:1;animation:guidePremiumSpin .75s linear infinite}
.is-thinking .guide-premium-logo>img{filter:drop-shadow(0 0 8px rgba(24,207,208,.78))}
@keyframes guidePremiumSpin{to{transform:rotate(360deg)}}
.guide-launcher{width:72px;height:72px;padding:5px;border:1px solid rgba(24,207,208,.38);justify-content:center;background:rgba(8,12,16,.94);box-shadow:0 8px 28px rgba(0,0,0,.38),0 0 0 1px rgba(24,207,208,.05)}
.guide-launcher:hover{border-color:var(--teal);box-shadow:0 8px 28px rgba(0,0,0,.42),0 0 18px rgba(24,207,208,.18)}
.guide-launcher .guide-logo{width:60px;height:60px}.guide-launcher-label{display:none!important}
.guide-header .guide-mini-logo{width:54px;height:54px}
.guide-header strong{font-size:17px}.guide-header small{font-size:12px}
@media(max-width:600px){.guide-launcher{width:66px;height:66px;padding:4px}.guide-launcher .guide-logo{width:56px;height:56px}.guide-header .guide-mini-logo{width:52px;height:52px}}


/* v0.5.13 — AI Guide discoverability + Staff directory */
.guide-launcher{
    position:relative;
    overflow:visible;
    transition:transform .22s ease, box-shadow .22s ease;
}
.guide-ai-thought{
    position:absolute;
    right:-7px;
    top:-12px;
    min-width:34px;
    height:27px;
    padding:0 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid var(--teal);
    border-radius:14px 14px 14px 5px;
    background:var(--text);
    color:var(--header);
    font-size:12px;
    font-weight:1000;
    letter-spacing:.08em;
    line-height:1;
    box-shadow:0 0 0 2px rgba(8,12,16,.35),0 0 15px rgba(24,207,208,.30);
    pointer-events:none;
    z-index:5;
}
.guide-ai-thought::after{
    content:"";
    position:absolute;
    right:19px;
    bottom:-6px;
    width:7px;
    height:7px;
    background:var(--text);
    border-left:2px solid var(--teal);
    border-bottom:2px solid var(--teal);
    transform:rotate(-35deg);
}
.dead-end-guide.guide-attention .guide-launcher{
    animation:guideAttentionLift 1.45s ease both;
}
.dead-end-guide.guide-attention .guide-logo{
    animation:guideAttentionGlow 1.45s ease both;
}
.dead-end-guide.guide-attention .guide-ai-thought{
    animation:guideThoughtPop 1.45s ease both;
}
.dead-end-guide.guide-attention .guide-launcher::after{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:999px;
    background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.72) 42%,rgba(24,207,208,.55) 50%,transparent 68%);
    transform:translateX(-125%);
    animation:guideShimmer 1.15s ease .12s both;
    pointer-events:none;
    z-index:4;
    mix-blend-mode:screen;
}
@keyframes guideAttentionLift{
    0%,100%{transform:translateY(0)}
    28%{transform:translateY(-4px)}
    48%{transform:translateY(0)}
    68%{transform:translateY(-2px)}
}
@keyframes guideAttentionGlow{
    0%,100%{filter:drop-shadow(0 0 8px rgba(24,207,208,.28))}
    45%{filter:drop-shadow(0 0 18px rgba(24,207,208,.92))}
}
@keyframes guideThoughtPop{
    0%,100%{transform:scale(1)}
    38%{transform:scale(1.16)}
    64%{transform:scale(.98)}
}
@keyframes guideShimmer{
    to{transform:translateX(125%)}
}

.staff-page{padding-top:52px;padding-bottom:72px}
.staff-page .page-heading{max-width:820px;margin-bottom:30px}
.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.staff-card{
    display:flex;
    align-items:center;
    gap:16px;
    padding:20px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    box-shadow:var(--shadow);
}
.staff-avatar{
    width:64px;height:64px;flex:0 0 64px;border-radius:50%;
    display:grid;place-items:center;
    border:2px solid var(--teal);
    background:linear-gradient(145deg,var(--surface2),var(--surface3));
    color:var(--teal);
    font-size:28px;font-weight:1000;
    box-shadow:0 0 18px rgba(24,207,208,.14);
}
.staff-card-body{min-width:0}
.staff-card h2{margin:3px 0 2px;font-size:22px}
.staff-role{color:var(--teal);font-size:11px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}
.staff-handle{margin:0;color:var(--muted)}
.staff-empty{max-width:720px;padding:24px}

@media(max-width:600px){
    .guide-ai-thought{right:-4px;top:-10px;min-width:31px;height:25px;font-size:11px}
    .guide-launcher-label{
        position:absolute;
        right:64px;
        width:max-content;
        max-width:170px;
        padding:8px 11px;
        border:1px solid var(--border);
        border-radius:999px;
        background:var(--header);
        color:var(--text);
        opacity:0;
        transform:translateX(8px);
        pointer-events:none;
        transition:opacity .2s ease,transform .2s ease;
        box-shadow:var(--shadow);
        font-size:12px;
        font-weight:900;
    }
    .dead-end-guide.guide-attention .guide-launcher-label{
        display:block;
        opacity:1;
        transform:translateX(0);
    }
    .staff-page{padding-top:34px}
    .staff-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
    .dead-end-guide.guide-attention .guide-launcher,
    .dead-end-guide.guide-attention .guide-logo,
    .dead-end-guide.guide-attention .guide-ai-thought,
    .dead-end-guide.guide-attention .guide-launcher::after{animation:none!important}
}


/* v0.5.14 — definitive AI Guide launcher identity */
.guide-launcher{
    position:relative!important;
    overflow:visible!important;
}
.guide-launcher .guide-ai-thought{
    display:flex!important;
    position:absolute!important;
    top:-13px!important;
    right:-11px!important;
    min-width:38px!important;
    height:30px!important;
    padding:0 9px!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #18CFD0!important;
    border-radius:16px 16px 16px 5px!important;
    background:#F7F9FB!important;
    color:#080C10!important;
    font:1000 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:.08em!important;
    box-shadow:0 0 0 2px rgba(8,12,16,.55),0 0 18px rgba(24,207,208,.55)!important;
    z-index:50!important;
    pointer-events:none!important;
}
.guide-launcher .guide-ai-thought::after{
    content:""!important;
    position:absolute!important;
    right:20px!important;
    bottom:-7px!important;
    width:8px!important;
    height:8px!important;
    background:#F7F9FB!important;
    border-left:2px solid #18CFD0!important;
    border-bottom:2px solid #18CFD0!important;
    transform:rotate(-35deg)!important;
}
html[data-theme="light"] .guide-launcher .guide-ai-thought{
    background:#fff!important;
    color:#10151A!important;
    box-shadow:0 4px 16px rgba(16,21,26,.18),0 0 12px rgba(24,207,208,.24)!important;
}
html[data-theme="light"] .guide-launcher .guide-ai-thought::after{background:#fff!important}

.dead-end-guide.guide-attention .guide-launcher{
    animation:tdeGuideNudge 1.6s ease both!important;
}
.dead-end-guide.guide-attention .guide-launcher::after{
    content:""!important;
    position:absolute!important;
    inset:-4px!important;
    border-radius:999px!important;
    background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.74) 42%,rgba(24,207,208,.70) 51%,transparent 70%)!important;
    transform:translateX(-145%)!important;
    animation:tdeGuideShimmer 1.15s ease .15s both!important;
    pointer-events:none!important;
    z-index:45!important;
    mix-blend-mode:screen!important;
}
.dead-end-guide.guide-attention .guide-ai-thought{
    animation:tdeGuideBadgePop 1.35s ease both!important;
}
@keyframes tdeGuideNudge{
    0%,100%{transform:translateY(0) scale(1)}
    28%{transform:translateY(-5px) scale(1.03)}
    52%{transform:translateY(0) scale(1)}
    72%{transform:translateY(-2px) scale(1.01)}
}
@keyframes tdeGuideShimmer{to{transform:translateX(145%)}}
@keyframes tdeGuideBadgePop{
    0%,100%{transform:scale(1)}
    40%{transform:scale(1.20)}
    66%{transform:scale(.98)}
}

@media(max-width:600px){
    .guide-launcher .guide-ai-thought{
        top:-12px!important;
        right:-8px!important;
        min-width:36px!important;
        height:28px!important;
        font-size:12px!important;
    }
    .guide-launcher .guide-launcher-label{
        display:block!important;
        position:absolute!important;
        right:72px!important;
        width:max-content!important;
        max-width:180px!important;
        padding:9px 12px!important;
        border:1px solid rgba(24,207,208,.45)!important;
        border-radius:999px!important;
        background:rgba(8,12,16,.97)!important;
        color:#F7F9FB!important;
        font-size:12px!important;
        font-weight:900!important;
        opacity:0!important;
        transform:translateX(8px)!important;
        pointer-events:none!important;
        box-shadow:0 8px 24px rgba(0,0,0,.35)!important;
        transition:opacity .2s ease,transform .2s ease!important;
    }
    .dead-end-guide.guide-attention .guide-launcher-label{
        opacity:1!important;
        transform:translateX(0)!important;
    }
}

/* v0.5.14 — Downloads & Releases */
.downloads-page{padding-top:48px;padding-bottom:72px}
.downloads-intro{max-width:820px;margin-bottom:28px}
.release-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.release-card{
    border:1px solid var(--border);border-radius:18px;background:var(--surface);
    padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px
}
.release-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.release-card h2{margin:0;font-size:24px}
.release-version{color:var(--teal);font-weight:1000;letter-spacing:.04em}
.release-meta{display:flex;gap:8px;flex-wrap:wrap}
.release-meta .chip{font-size:11px}
.release-notes{color:var(--muted);white-space:pre-line}
.release-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.admin-release-table{width:100%;border-collapse:collapse}
.admin-release-table th,.admin-release-table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.admin-release-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.release-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.release-form-grid .field-wide{grid-column:1/-1}
@media(max-width:700px){
    .release-form-grid{grid-template-columns:1fr}
    .release-form-grid .field-wide{grid-column:auto}
    .admin-release-table thead{display:none}
    .admin-release-table,.admin-release-table tbody,.admin-release-table tr,.admin-release-table td{display:block;width:100%}
    .admin-release-table tr{padding:12px 0;border-bottom:1px solid var(--border)}
    .admin-release-table td{border:0;padding:5px 0}
}


/* v0.5.15 — Dead End ID avatar system */
.profile-avatar-card{display:flex;gap:22px;align-items:center;margin:26px 0 18px;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.profile-avatar-preview{width:112px;height:112px;flex:0 0 112px;border:2px solid var(--teal);border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--header);color:var(--teal);font-size:42px;font-weight:1000;box-shadow:0 0 22px rgba(24,207,208,.20)}
.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}
.profile-avatar-copy h2{margin:4px 0 8px}
.profile-avatar-copy p{margin:4px 0}
.profile-avatar-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 26px}
.profile-avatar-forms form{display:flex;flex-direction:column;gap:14px}
.profile-avatar-forms input[type="url"],.profile-avatar-forms input[type="file"]{width:100%;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--header);color:var(--text)}
.profile-alert{margin:18px 0;padding:14px 16px;border-radius:14px;font-weight:800}
.profile-alert.success{border:1px solid rgba(24,207,208,.55);background:rgba(24,207,208,.10)}
.profile-alert.error{border:1px solid rgba(215,77,86,.65);background:rgba(215,77,86,.12)}
@media(max-width:700px){
  .profile-avatar-card{align-items:flex-start}
  .profile-avatar-preview{width:88px;height:88px;flex-basis:88px;font-size:34px}
  .profile-avatar-forms{grid-template-columns:1fr}
}


/* v0.5.17 — Admin profile picture management */
.admin-avatar-manager{
  display:flex;gap:16px;align-items:flex-start;margin:18px 0;padding:16px;
  border:1px solid var(--border);border-radius:16px;background:var(--surface2)
}
.admin-avatar-preview{
  width:76px;height:76px;flex:0 0 76px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;border:2px solid var(--teal);background:var(--header);
  color:var(--teal);font-size:28px;font-weight:1000
}
.admin-avatar-preview img{width:100%;height:100%;object-fit:cover}
.admin-avatar-actions{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}
.admin-avatar-actions form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-avatar-actions input[type="url"],.admin-avatar-actions input[type="file"]{
  min-width:0;flex:1;padding:9px;border:1px solid var(--border);border-radius:10px;
  background:var(--header);color:var(--text)
}
@media(max-width:650px){
  .admin-avatar-manager{flex-direction:column}
  .admin-avatar-actions{width:100%}
  .admin-avatar-actions form{align-items:stretch}
}


/* v0.5.18 — polished avatar administration */
.member-identity{display:flex;align-items:center;gap:12px}
.member-avatar-small{width:44px;height:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:1.5px solid var(--teal);background:var(--header);color:var(--teal);font-weight:1000}
.member-avatar-small img{width:100%;height:100%;object-fit:cover}

.admin-profile-picture-card{
  display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start;
  margin:0 0 26px;padding:24px;border:1px solid var(--border);border-radius:20px;
  background:var(--surface);box-shadow:var(--shadow)
}
.admin-profile-picture-preview{
  width:138px;height:138px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  border:2px solid var(--teal);background:var(--header);color:var(--teal);
  font-size:52px;font-weight:1000;box-shadow:0 0 24px rgba(24,207,208,.16)
}
.admin-profile-picture-preview img{width:100%;height:100%;object-fit:cover}
.admin-profile-picture-main h2{margin:4px 0 7px}
.admin-profile-picture-main>p{max-width:760px;color:var(--muted)}
.admin-avatar-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.avatar-control-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.avatar-control-card input[type="file"],.avatar-control-card input[type="url"]{width:100%;min-width:0;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--header);color:var(--text)}
.avatar-remove-form{margin-top:12px}
.staff-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}

@media(max-width:720px){
  .admin-profile-picture-card{grid-template-columns:1fr}
  .admin-profile-picture-preview{width:104px;height:104px;font-size:38px}
  .admin-avatar-control-grid{grid-template-columns:1fr}
}


/* v0.5.19 — Dead End ID profile system */
.profile-identity-card{
  display:flex;align-items:center;gap:22px;margin:26px 0 18px;padding:22px;
  border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)
}
.profile-avatar-large{width:118px;height:118px;flex:0 0 118px}
.profile-identity-copy h2{margin:4px 0}
.profile-identity-copy .btn{margin-top:9px}
.profile-settings-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;margin:18px 0 26px}
.profile-details-form,.avatar-settings-card{display:flex;flex-direction:column;gap:14px}
.profile-details-form label{display:flex;flex-direction:column;gap:7px;font-weight:800}
.profile-details-form input[type="text"],.profile-details-form input[name="display_name"],.profile-details-form textarea,
.avatar-setting-form input[type="url"]{
  width:100%;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--header);color:var(--text)
}
.profile-public-toggle{flex-direction:row!important;align-items:flex-start;gap:10px!important;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface2)}
.profile-public-toggle input{margin-top:4px}
.profile-public-toggle span{display:flex;flex-direction:column;gap:3px}
.profile-public-toggle small{color:var(--muted);font-weight:500;line-height:1.45}
.avatar-setting-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.avatar-drop-field{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px dashed var(--teal);border-radius:14px;background:rgba(24,207,208,.05)}
.avatar-link-details{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}
.avatar-link-details summary{cursor:pointer;font-weight:900;color:var(--muted)}
.public-profile-page{padding-top:56px;padding-bottom:80px}
.public-profile-card{
  max-width:900px;margin:0 auto;display:grid;grid-template-columns:180px 1fr;gap:30px;
  padding:30px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)
}
.public-profile-avatar{width:168px;height:168px;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:3px solid var(--teal);background:var(--header);color:var(--teal);font-size:60px;font-weight:1000;box-shadow:0 0 28px rgba(24,207,208,.18)}
.public-profile-avatar img{width:100%;height:100%;object-fit:cover}
.public-profile-card h1{margin:5px 0 2px}
.public-profile-handle{color:var(--muted);font-size:18px}
.public-profile-roles{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.public-profile-bio{margin-top:18px;line-height:1.7;font-size:17px;color:var(--text)}
@media(max-width:760px){
  .profile-settings-grid{grid-template-columns:1fr}
  .profile-identity-card{align-items:flex-start}
  .profile-avatar-large{width:92px;height:92px;flex-basis:92px}
  .public-profile-card{grid-template-columns:1fr}
  .public-profile-avatar{width:118px;height:118px;font-size:44px}
}


/* v0.5.20 — profile UI polish */
.profile-page{padding-top:34px}
.profile-page>.eyebrow{margin-bottom:8px}
.profile-page>h1{font-size:clamp(38px,8vw,64px);line-height:1.02;margin-bottom:8px}
.profile-page>p{margin-top:0;color:var(--muted)}

.profile-identity-card{
  display:grid!important;
  grid-template-columns:92px 1fr!important;
  gap:18px!important;
  align-items:center!important;
  margin:22px 0 18px!important;
  padding:20px!important;
  border-radius:18px!important;
}
.profile-avatar-large{
  width:92px!important;height:92px!important;flex-basis:92px!important;
  box-shadow:0 0 20px rgba(24,207,208,.16)!important;
}
.profile-identity-copy h2{font-size:28px!important;line-height:1.1!important}
.profile-identity-copy .muted{font-size:17px!important}

.profile-settings-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  margin:18px 0 26px!important;
}
.profile-details-form,.avatar-settings-card{
  padding:20px!important;
  border-radius:18px!important;
  gap:13px!important;
}
.profile-details-form h2,.avatar-settings-card h2{
  font-size:28px!important;
  line-height:1.1!important;
  margin:2px 0 4px!important;
}
.profile-details-form .eyebrow,.avatar-settings-card .eyebrow{
  font-size:12px!important;
  letter-spacing:.16em!important;
}
.profile-details-form label{
  gap:6px!important;
  font-size:15px!important;
}
.profile-details-form input[name="display_name"],
.profile-details-form textarea,
.avatar-setting-form input[type="url"]{
  padding:12px!important;
  border-radius:11px!important;
  font-size:16px!important;
}
.profile-details-form textarea{min-height:132px!important;resize:vertical}

.profile-public-toggle{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px 14px!important;
  border-radius:13px!important;
  background:var(--surface2)!important;
}
.profile-switch-wrap{position:relative;width:48px;height:28px;display:block;flex:0 0 48px}
.profile-switch-wrap input{
  position:absolute!important;opacity:0!important;pointer-events:none!important;
}
.profile-switch{
  position:absolute;inset:0;border-radius:999px;background:var(--surface3);
  border:1px solid var(--border);transition:.18s ease
}
.profile-switch::after{
  content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;
  background:var(--text);transition:.18s ease
}
.profile-switch-wrap input:checked + .profile-switch{
  background:var(--teal);border-color:var(--teal)
}
.profile-switch-wrap input:checked + .profile-switch::after{
  transform:translateX(20px);background:#080C10
}
.profile-public-copy{
  display:flex!important;flex-direction:column!important;gap:2px!important;
}
.profile-public-copy strong{
  font-size:16px!important;line-height:1.2!important;color:var(--text)!important
}
.profile-public-copy small{
  font-size:13px!important;line-height:1.45!important;color:var(--muted)!important
}

.avatar-settings-card>p{margin:0!important}
.avatar-setting-form{margin-top:8px!important}
.avatar-drop-field{
  padding:14px!important;border-radius:12px!important;background:rgba(24,207,208,.045)!important
}
.avatar-link-details{margin-top:8px!important}
.avatar-link-details summary{font-size:14px!important}

.profile-alert{
  padding:13px 14px!important;
  border-radius:13px!important;
  font-size:14px!important;
  line-height:1.45!important;
  margin:14px 0!important;
}

@media(max-width:560px){
  .profile-page{padding-left:16px!important;padding-right:16px!important}
  .profile-identity-card{
    grid-template-columns:78px 1fr!important;
    gap:14px!important;
    padding:16px!important;
  }
  .profile-avatar-large{
    width:78px!important;height:78px!important;flex-basis:78px!important
  }
  .profile-identity-copy h2{font-size:24px!important}
  .profile-details-form,.avatar-settings-card{padding:16px!important}
  .profile-details-form h2,.avatar-settings-card h2{font-size:24px!important}
}

/* v0.5.22 — Dead End ID security phase + mobile public profile fix */
.security-page{padding-top:42px;padding-bottom:78px}
.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.security-card{display:flex;flex-direction:column;gap:13px;padding:22px;border-radius:18px}
.security-card h2{margin:2px 0 4px;font-size:28px}
.security-card label:not(.security-toggle){display:flex;flex-direction:column;gap:6px;font-weight:800}
.security-card input[type="password"]{width:100%;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--header);color:var(--text)}
.security-toggle{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-weight:800}
.security-toggle:last-of-type{border-bottom:0}
.session-list,.security-events{display:flex;flex-direction:column;gap:10px}
.session-row,.security-event{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}
.session-row>div,.security-event{min-width:0}
.session-row strong,.security-event strong{display:block}
.session-row small,.security-event small{display:block;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}
.session-row.is-revoked{opacity:.55}
.security-admin-list{padding:0;overflow:hidden}
.security-admin-row{display:grid;grid-template-columns:1fr .8fr 1.5fr;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}
.security-admin-row:last-child{border-bottom:0}
.security-admin-row strong,.security-admin-row small{display:block}
.security-admin-row small{color:var(--muted);overflow-wrap:anywhere}
.account-action-card .btn{margin-top:10px}

/* Keep the public profile contained and clean on every screen size. */
.public-profile-page{padding:34px 16px 72px!important;overflow:hidden!important}
.public-profile-card{
  position:relative!important;overflow:hidden!important;contain:layout paint!important;
  width:100%!important;max-width:820px!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;
  gap:24px!important;align-items:center!important;padding:24px!important;
  border-radius:22px!important
}
.public-profile-card>div:last-child{position:relative!important;z-index:2!important;min-width:0!important}
.public-profile-avatar{
  position:relative!important;z-index:2!important;width:128px!important;height:128px!important;
  min-width:128px!important;min-height:128px!important;max-width:128px!important;max-height:128px!important;
  border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;
  isolation:isolate!important
}
.public-profile-avatar img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-width:0!important;max-width:none!important;object-fit:cover!important;object-position:center!important;
  display:block!important;border-radius:50%!important;transform:none!important
}
.public-profile-card h1{font-size:clamp(30px,7vw,48px)!important;line-height:1.05!important;overflow-wrap:anywhere!important}
.public-profile-bio{overflow-wrap:anywhere!important}

/* Ensure the AI Guide remains a fixed utility and never participates in page layout. */
.dead-end-guide{position:fixed!important;right:18px!important;bottom:18px!important;z-index:9999!important;width:auto!important;height:auto!important;max-width:none!important}
.dead-end-guide .guide-launcher{position:relative!important}

@media(max-width:760px){
  .security-grid{grid-template-columns:1fr}
  .security-card{padding:17px}
  .security-card h2{font-size:24px}
  .session-row,.security-event{grid-template-columns:1fr}
  .security-admin-row{grid-template-columns:1fr;gap:7px}
  .public-profile-card{grid-template-columns:1fr!important;gap:16px!important;padding:20px!important;text-align:center!important}
  .public-profile-avatar{width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;max-width:96px!important;max-height:96px!important;margin:0 auto!important}
  .public-profile-roles{justify-content:center!important}
  .public-profile-bio{text-align:left!important}
  .dead-end-guide{right:12px!important;bottom:14px!important}
}


/* v0.5.23 — mobile Guide + account/profile corrections */
@media (max-width: 600px){
  /* The AI thought bubble already identifies the launcher.
     Do not expand a horizontal label across page content. */
  .guide-launcher .guide-launcher-label,
  .dead-end-guide.guide-attention .guide-launcher-label{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  .dead-end-guide{
    right:14px!important;
    bottom:18px!important;
  }

  .guide-launcher{
    width:70px!important;
    height:70px!important;
  }

  .guide-launcher .guide-ai-thought{
    top:-10px!important;
    right:-5px!important;
  }
}


/* v0.5.24 — remove the artificial mobile glare from the AI launcher */
.dead-end-guide.guide-attention .guide-launcher::after,
.guide-launcher::after{
    display:none!important;
    content:none!important;
    animation:none!important;
    background:none!important;
}
.dead-end-guide.guide-attention .guide-launcher{
    animation:none!important;
}
.dead-end-guide.guide-attention .guide-logo{
    animation:tdeGuideSoftPulse 1.2s ease-in-out both!important;
}
@keyframes tdeGuideSoftPulse{
    0%,100%{filter:drop-shadow(0 0 7px rgba(24,207,208,.28));transform:scale(1)}
    50%{filter:drop-shadow(0 0 13px rgba(24,207,208,.68));transform:scale(1.035)}
}


/* v0.6.0 — News media + social network system */
.news-card-rich{overflow:hidden;padding:0!important}
.news-card-image{display:block;aspect-ratio:16/8;overflow:hidden;background:var(--header)}
.news-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.news-card-content{padding:22px}
.news-card-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.news-article{padding-top:48px;padding-bottom:80px;max-width:1000px}
.news-article-header{margin:28px 0}
.news-article-header h1{font-size:clamp(38px,7vw,68px);line-height:1.02;margin:10px 0}
.news-article-excerpt{font-size:20px;line-height:1.6;max-width:850px}
.news-article-body{font-size:18px;line-height:1.8;white-space:normal}
.news-article-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:24px 0}
.news-article-gallery img{width:100%;max-height:560px;object-fit:cover;border-radius:16px;border:1px solid var(--border)}
.news-media-editor,.social-publish-editor{margin:24px 0;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface2)}
.news-admin-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:14px}
.news-admin-gallery article{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--header)}
.news-admin-gallery img{width:100%;aspect-ratio:1.4;object-fit:cover;display:block}
.news-admin-gallery .btn{margin:8px}
.social-target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.social-target-card{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.social-target-check{display:flex;gap:10px;align-items:flex-start}
.social-target-check span{display:flex;flex-direction:column;gap:2px}
.social-target-card textarea{width:100%;margin-top:10px}
.social-status{display:block;margin-top:8px;color:var(--muted)}
.social-status-posted{color:var(--teal)}
.social-status-failed{color:var(--danger)}
.social-platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.social-account-card{display:flex;flex-direction:column;gap:12px}
.social-account-card label{display:flex;flex-direction:column;gap:6px;font-weight:800}
.social-account-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.social-enable{flex-direction:row!important;align-items:center!important;font-size:13px!important}
.social-link-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.social-link-form label{display:flex;flex-direction:column;gap:6px;font-weight:800}
.social-link-form .btn{grid-column:1/-1;justify-self:start}
.public-social-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.public-social-links a{padding:8px 11px;border:1px solid var(--border);border-radius:999px;color:var(--teal);font-weight:800;text-decoration:none}
.profile-social-card{margin:18px 0 26px}
@media(max-width:650px){
  .social-link-form{grid-template-columns:1fr}
  .social-link-form .btn{grid-column:auto}
  .social-account-heading{flex-direction:column}
}


/* v0.7.0 — Support Center */
.support-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:22px;padding-bottom:70px}
.support-main,.support-sidebar{min-width:0}
.support-sidebar{display:flex;flex-direction:column;gap:16px}
.support-search{display:flex;gap:10px;margin-bottom:22px}
.support-search input{flex:1}
.support-section{margin-bottom:28px}
.support-kb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.support-kb-card{display:block;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-decoration:none;color:var(--text)}
.support-kb-card:hover{border-color:var(--teal)}
.faq-stack{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.faq-item summary{cursor:pointer;padding:16px 18px;font-weight:900}
.faq-item>div{padding:0 18px 18px;color:var(--muted)}
.support-new-ticket form,.ticket-reply-form,.ticket-control-card form,.support-response-grid form{display:flex;flex-direction:column;gap:12px}
.support-new-ticket label,.ticket-reply-form label,.ticket-control-card label{display:flex;flex-direction:column;gap:6px;font-weight:800}
.support-ticket-list{display:flex;flex-direction:column;gap:8px}
.support-ticket-list a{display:flex;flex-direction:column;gap:2px;padding:11px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text)}
.support-ticket-list a small{color:var(--teal);text-transform:capitalize}
.ticket-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:24px 0}
.ticket-status,.priority{display:inline-flex;padding:6px 10px;border:1px solid var(--border);border-radius:999px;text-transform:capitalize;font-size:12px;font-weight:900}
.ticket-thread{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.ticket-message{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.ticket-message.staff{border-color:rgba(24,207,208,.45)}
.ticket-message.internal{border-style:dashed;background:var(--surface2)}
.ticket-message-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.ticket-message-body{line-height:1.65}
.ticket-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ticket-attachments a{font-size:13px;color:var(--teal)}
.support-admin-ticket-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:18px}
.support-response-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ticket-reply-actions{display:flex;gap:9px;flex-wrap:wrap}
.ticket-facts{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}
.ticket-facts p{display:flex;justify-content:space-between;gap:12px}
.support-admin-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin:18px 0}
.support-admin-table{display:flex;flex-direction:column;gap:8px}
.support-admin-row{display:grid;grid-template-columns:2fr 1.2fr .6fr .8fr;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--text)}
.support-admin-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.priority-urgent{color:#ff7373}.priority-high{color:#ffb36b}
.most-asked-panel{margin-bottom:18px}
.most-asked-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.most-asked-grid article{padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}
.most-asked-grid article>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}
.most-asked-grid small{display:block;color:var(--muted);margin:3px 0}
.ai-config-card{max-width:850px}
.ai-status-row{display:flex;justify-content:space-between;gap:15px;align-items:center}
.ai-status{padding:7px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;font-weight:900}
.ai-status.online{color:var(--teal)}
@media(max-width:800px){
  .support-layout,.support-admin-ticket-grid{grid-template-columns:1fr}
  .support-response-grid{grid-template-columns:1fr}
  .support-admin-filters{grid-template-columns:1fr}
  .support-admin-row{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .support-admin-row{grid-template-columns:1fr}
  .ticket-heading{flex-direction:column}
}


/* v0.7.0 — browser app launches */
.product-card-actions{display:flex;flex-direction:column}
.product-card-actions .product-actions{margin-top:auto;display:flex;gap:9px;flex-wrap:wrap;padding-top:10px}


/* v0.7.1 — Dead End notification center */
.notification-bell{
  position:relative;width:38px;height:38px;display:inline-grid;place-items:center;
  border:1px solid var(--border);border-radius:50%;background:var(--surface2);
  color:var(--teal);text-decoration:none;font-size:15px
}
.notification-bell strong{
  position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;
  display:grid;place-items:center;border-radius:999px;background:var(--teal);color:#080C10;
  font-size:10px;font-weight:1000;border:2px solid var(--header)
}
.notification-page-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}
.notification-list{display:flex;flex-direction:column;gap:12px;padding-bottom:70px}
.notification-card{
  position:relative;display:grid;grid-template-columns:12px 1fr;gap:14px;padding:18px;
  border:1px solid var(--border);border-radius:17px;background:var(--surface)
}
.notification-card.unread{border-color:rgba(24,207,208,.55);background:linear-gradient(135deg,rgba(24,207,208,.07),var(--surface))}
.notification-dot{width:9px;height:9px;margin-top:8px;border-radius:50%;background:var(--surface3)}
.notification-card.unread .notification-dot{background:var(--teal);box-shadow:0 0 12px rgba(24,207,208,.6)}
.notification-content h2{margin:5px 0 7px;font-size:22px}
.notification-content p{margin:0;color:var(--muted)}
.notification-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}
.notification-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.notification-actions form{margin:0}
.notification-composer{max-width:850px;margin-bottom:25px}
.notification-composer form{display:flex;flex-direction:column;gap:12px}
.notification-composer label{display:flex;flex-direction:column;gap:6px;font-weight:800}
.notification-broadcast-history{max-width:950px}
.broadcast-card{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}
.broadcast-card h3{margin:6px 0}
.broadcast-facts{display:flex;flex-direction:column;gap:5px;text-align:right;color:var(--muted);white-space:nowrap}
@media(max-width:650px){
  .notification-page-heading,.broadcast-card{flex-direction:column;align-items:stretch}
  .broadcast-facts{text-align:left}
}

/* v0.7.2 product CMS */
.product-icon{width:58px;height:58px;object-fit:contain;border-radius:14px;margin-bottom:10px}


/* v0.7.3 — polished Social Accounts admin */
.social-admin-page{padding-bottom:80px}
.social-admin-header{align-items:flex-end}
.social-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 20px}
.social-admin-summary article{padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,var(--surface),var(--surface2));display:flex;justify-content:space-between;align-items:center;gap:14px}
.social-admin-summary span{color:var(--muted);font-weight:800}
.social-admin-summary strong{font-size:28px;color:var(--teal)}
.social-admin-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.social-admin-intro>div{padding:16px 18px;border:1px solid var(--border);border-radius:15px;background:var(--surface2)}
.social-admin-intro strong{display:block;margin-bottom:5px}
.social-admin-intro p{margin:0;color:var(--muted);line-height:1.55}
.social-platform-grid-clean{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.social-account-card-clean{border:1px solid var(--border);border-radius:19px;background:var(--surface);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.social-account-card-clean.is-connected{border-color:rgba(24,207,208,.4);box-shadow:0 0 0 1px rgba(24,207,208,.08),0 12px 30px rgba(0,0,0,.12)}
.social-card-top{display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center;padding:18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(24,207,208,.035),transparent)}
.social-platform-badge{width:48px;height:48px;border-radius:14px;border:1px solid rgba(24,207,208,.35);display:grid;place-items:center;background:var(--surface2);color:var(--teal);font-size:18px;font-weight:1000;letter-spacing:.05em}
.social-platform-title h2{margin:2px 0 4px;font-size:24px}
.social-connection-state{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:900}
.social-connection-state.connected{color:var(--teal);border-color:rgba(24,207,208,.4)}
.social-card-fields{display:grid;gap:12px;padding:18px}
.social-card-fields label,.social-credential-fields label{display:flex;flex-direction:column;gap:6px;font-weight:800}
.social-card-fields input,.social-credential-fields input{width:100%}
.social-switch{display:inline-flex!important;align-items:center!important;gap:8px!important;flex-direction:row!important;cursor:pointer;font-size:13px!important}
.social-switch input{position:absolute;opacity:0;pointer-events:none}
.social-switch-ui{position:relative;width:42px;height:24px;border-radius:999px;background:var(--surface3);border:1px solid var(--border);transition:.2s}
.social-switch-ui::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;top:2px;left:2px;background:var(--muted);transition:.2s}
.social-switch input:checked + .social-switch-ui{background:rgba(24,207,208,.18);border-color:var(--teal)}
.social-switch input:checked + .social-switch-ui::after{left:20px;background:var(--teal)}
.social-switch-label{white-space:nowrap}
.social-posting-panel{margin:0 18px 18px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.social-posting-panel.unavailable{display:flex;flex-direction:column;gap:4px;color:var(--muted)}
.social-posting-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}
.social-posting-heading div{display:flex;flex-direction:column;gap:3px}
.social-posting-heading small{color:var(--muted)}
.social-credentials{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}
.social-credentials summary{cursor:pointer;font-weight:900;color:var(--text)}
.social-credential-fields{display:grid;gap:11px;margin-top:12px}
.social-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 18px}
@media(max-width:900px){.social-platform-grid-clean{grid-template-columns:1fr}}
@media(max-width:650px){
  .social-admin-summary,.social-admin-intro{grid-template-columns:1fr}
  .social-card-top{grid-template-columns:46px 1fr}
  .social-card-top>.social-switch{grid-column:1/-1;justify-content:flex-start}
  .social-posting-heading{align-items:flex-start;flex-direction:column}
  .social-card-actions{flex-direction:column}
  .social-card-actions .btn{width:100%;justify-content:center}
}


/* v0.7.5 — avatar delivery/display hardening */
.profile-avatar-preview img,
.public-profile-avatar img,
.admin-avatar-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.profile-avatar-preview,
.public-profile-avatar,
.admin-avatar-preview{
  overflow:hidden!important;
}


/* v0.7.7 — avatar route fix + interactive cropper */
.profile-avatar-preview img,
.public-profile-avatar img,
.admin-profile-picture-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.profile-avatar-preview,
.public-profile-avatar,
.admin-profile-picture-preview{
  overflow:hidden!important;
}

.avatar-crop-launcher{display:flex;gap:10px;flex-wrap:wrap}
.avatar-crop-form{margin-top:14px}
.avatar-crop-shell{
  border:1px solid var(--border);border-radius:18px;background:var(--surface2);
  padding:16px;max-width:610px
}
.avatar-crop-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.avatar-crop-head h3{margin:3px 0 0;font-size:22px}
.avatar-crop-close{
  width:38px;height:38px;border:1px solid var(--border);border-radius:12px;
  background:var(--surface);color:var(--text);font-size:26px;line-height:1;cursor:pointer
}
.avatar-crop-stage{
  width:min(100%,512px);aspect-ratio:1;position:relative;margin:0 auto;
  overflow:hidden;border-radius:18px;background:#0d1218;touch-action:none
}
.avatar-crop-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.avatar-crop-stage canvas:active{cursor:grabbing}
.avatar-crop-ring{
  position:absolute;inset:6%;border:3px solid var(--teal);border-radius:50%;
  box-shadow:0 0 0 999px rgba(0,0,0,.35),0 0 20px rgba(24,207,208,.35);
  pointer-events:none
}
.avatar-crop-controls{margin-top:14px}
.avatar-crop-controls label{display:flex;flex-direction:column;gap:7px;font-weight:800}
.avatar-crop-controls input[type=range]{width:100%}
.avatar-crop-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:14px}
@media(max-width:520px){
  .avatar-crop-actions .btn{flex:1}
}


/* v0.7.8 — Product/Release/Licensing Center */
.product-media-field{display:flex!important;flex-direction:column!important;gap:8px!important}
.product-media-preview{display:block;border:1px solid var(--border);background:var(--surface2);object-fit:contain}
.product-media-preview.icon-preview{width:110px;height:110px;border-radius:18px;padding:8px}
.product-media-preview.hero-preview{width:100%;max-width:360px;aspect-ratio:16/9;border-radius:14px}
.product-media-field details{border-top:1px solid var(--border);padding-top:7px}
.product-media-field summary{cursor:pointer;color:var(--teal);font-size:13px;font-weight:900}
.product-detail-page{padding:34px 0 80px}
.product-detail-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.product-detail-copy h1{font-size:clamp(42px,7vw,78px);margin:8px 0}
.product-lead{font-size:20px;color:var(--muted);line-height:1.6}
.product-detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.product-detail-art{min-height:260px;display:grid;place-items:center}
.product-detail-art img{max-width:100%;max-height:360px;object-fit:contain;border-radius:18px}
.entitlement-badge{display:inline-flex;margin-top:14px;padding:8px 12px;border:1px solid rgba(24,207,208,.45);border-radius:999px;color:var(--teal);font-weight:900}
.product-detail-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px;margin-top:18px}
.product-price,.paywall-price{font-size:36px;font-weight:1000;color:var(--teal);margin:14px 0}
.product-price small,.paywall-price small{font-size:13px;color:var(--muted)}
.release-card-grid,.product-gallery-grid,.account-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.product-release-section,.product-gallery{margin-top:28px}
.product-gallery-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid var(--border)}
.paywall-page{padding:70px 0}
.paywall-card{max-width:700px;margin:0 auto;text-align:center;padding:32px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.paywall-icon{width:100px;height:100px;object-fit:contain;margin:0 auto 15px}
.release-admin-list,.access-admin-list{display:flex;flex-direction:column;gap:10px}
.release-admin-card,.access-admin-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.release-flags,.product-access-toggles{display:flex;gap:14px;flex-wrap:wrap;padding:14px 0}
.release-hash{display:flex;flex-direction:column;gap:6px;margin:14px 0}
.release-hash code{word-break:break-all;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}
.license-key-reveal{padding:18px;border:1px solid var(--teal);border-radius:16px;background:rgba(24,207,208,.07);margin-bottom:18px}
.license-key-reveal code{display:block;font-size:20px;word-break:break-all;margin:9px 0}
.entitlement-grant-card{margin-bottom:24px}
.account-products-section{margin:24px 0}
.account-product-card img{width:64px;height:64px;object-fit:contain;margin-bottom:10px}
.staff-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.staff-avatar{overflow:hidden}
@media(max-width:760px){
  .product-detail-hero,.product-detail-grid{grid-template-columns:1fr}
  .product-detail-art{min-height:180px}
  .release-admin-card,.access-admin-row{align-items:flex-start;flex-direction:column}
}


/* v0.7.9 — Live AI Guide knowledge */
.ai-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.ai-guide-knowledge-card{max-width:none}
.ai-knowledge-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.ai-knowledge-stats>div{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface2);display:flex;flex-direction:column;gap:3px}
.ai-knowledge-stats strong{font-size:28px;color:var(--teal)}
.ai-knowledge-stats span{font-size:12px;color:var(--muted);font-weight:900}
.ai-guide-toggle{margin:12px 0}
.ai-knowledge-rules{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.ai-knowledge-rules p{margin:5px 0 0;color:var(--muted)}
@media(max-width:850px){.ai-admin-grid{grid-template-columns:1fr}}


/* v0.7.9.2 — AI Guide diagnostic codes */
.guide-diagnostic-form{margin-top:14px}
.guide-diagnostic-results{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.guide-diagnostic-code{display:inline-block;margin:8px 0 5px;padding:10px 12px;border:1px solid var(--teal);border-radius:10px;background:rgba(24,207,208,.08);color:var(--teal);font-size:18px;font-weight:1000}
.guide-diagnostic-checks{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.guide-diagnostic-row{display:grid;grid-template-columns:minmax(150px,.55fr) 1fr;gap:12px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.guide-diagnostic-row>div{display:flex;flex-direction:column;gap:3px}
.guide-diagnostic-row code{font-size:11px;color:var(--muted)}
.guide-diagnostic-row.ok{border-color:rgba(24,207,208,.32)}
.guide-diagnostic-row.bad{border-color:rgba(215,77,86,.55)}
.guide-diagnostic-row.bad>div>code{color:#ff8f98}
.diagnostic-help{margin:14px 0 0;color:var(--muted);font-size:13px}
@media(max-width:650px){.guide-diagnostic-row{grid-template-columns:1fr}}


/* v0.8.0 — AI Model Center + Store Checkout */
.ai-model-center{margin-bottom:18px}
.ai-model-form{margin-top:16px}
.model-availability-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.ai-diagnostic-card{max-width:none}
.checkout-page,.order-page{padding:54px 0 90px}
.checkout-card,.order-card{max-width:760px;margin:0 auto;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.checkout-product{display:flex;gap:18px;align-items:center}
.checkout-product img{width:92px;height:92px;object-fit:contain;border-radius:18px;background:var(--surface2);padding:8px;border:1px solid var(--border)}
.checkout-product h1,.order-card h1{margin:5px 0 8px;font-size:clamp(34px,7vw,58px)}
.checkout-summary{display:flex;flex-direction:column;gap:1px;margin:22px 0;border:1px solid var(--border);border-radius:16px;overflow:hidden}
.checkout-summary>div{display:flex;justify-content:space-between;gap:18px;padding:14px;background:var(--surface2);border-bottom:1px solid var(--border)}
.checkout-summary>div:last-child{border-bottom:0}
.checkout-summary span{color:var(--muted)}
.checkout-security-note{padding:15px;border:1px solid rgba(24,207,208,.35);border-radius:14px;background:rgba(24,207,208,.06);margin-bottom:14px}
.checkout-security-note p{margin:5px 0 0;color:var(--muted)}
.checkout-pay-button{width:100%;justify-content:center;font-size:18px}
.checkout-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.order-status{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;font-weight:1000}
.order-status.status-paid{color:var(--teal);border-color:rgba(24,207,208,.45)}
.order-status.status-refunded,.order-status.status-cancelled{color:#ff8f98;border-color:rgba(215,77,86,.55)}
.commerce-config-card{margin-bottom:26px}
.store-products-section,.orders-section{margin-top:26px}
.order-admin-row{display:flex;justify-content:space-between;gap:18px;align-items:center}
.order-admin-main{display:flex;flex-direction:column;gap:5px}
.order-admin-main h3,.order-admin-main p{margin:0}
.order-admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.order-fulfill-form{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.order-fulfill-form input{min-width:190px}
@media(max-width:720px){
  .checkout-product{align-items:flex-start}
  .checkout-product img{width:72px;height:72px}
  .order-admin-row{flex-direction:column;align-items:flex-start}
  .order-admin-actions,.order-fulfill-form{width:100%}
  .order-fulfill-form input,.order-fulfill-form .btn{width:100%}
}


/* v0.8.1.1 — compact mobile Admin Command Center */
.admin-dashboard{
  padding-top:32px;
  padding-bottom:48px;
}
.admin-dashboard > .eyebrow{
  margin-bottom:6px;
}
.admin-dashboard > h1{
  margin:0 0 8px;
  font-size:clamp(42px,8vw,64px);
  line-height:.98;
}
.admin-dashboard > p{
  margin:0 0 22px;
  max-width:760px;
  line-height:1.45;
}
.admin-dashboard .dashboard-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
}
.admin-dashboard .dashboard-grid .dash-card{
  min-height:0;
  padding:16px 18px;
  border-radius:16px;
}
.admin-dashboard .dashboard-grid .dash-card strong{
  display:block;
  font-size:34px;
  line-height:1;
  margin-bottom:5px;
}
.admin-dashboard .dashboard-grid .dash-card span{
  font-size:14px;
}
.admin-dashboard .admin-section-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:0;
}
.admin-dashboard .admin-module{
  min-height:0;
  padding:20px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:
    "eyebrow button"
    "title button"
    "description button";
  column-gap:18px;
  row-gap:4px;
  align-items:center;
}
.admin-dashboard .admin-module .eyebrow{
  grid-area:eyebrow;
  margin:0;
  font-size:12px;
}
.admin-dashboard .admin-module h2{
  grid-area:title;
  margin:0;
  font-size:25px;
  line-height:1.05;
}
.admin-dashboard .admin-module p{
  grid-area:description;
  margin:3px 0 0;
  line-height:1.35;
  font-size:14px;
}
.admin-dashboard .admin-module .btn{
  grid-area:button;
  align-self:center;
  white-space:nowrap;
  padding:11px 15px;
}

@media(max-width:820px){
  .admin-dashboard{
    padding-top:24px;
    padding-bottom:36px;
  }
  .admin-dashboard > h1{
    font-size:clamp(40px,12vw,56px);
  }
  .admin-dashboard > p{
    font-size:17px;
    margin-bottom:16px;
  }
  .admin-dashboard .dashboard-grid{
    grid-template-columns:repeat(5,minmax(88px,1fr));
    overflow-x:auto;
    gap:8px;
    padding-bottom:5px;
    scrollbar-width:thin;
  }
  .admin-dashboard .dashboard-grid .dash-card{
    padding:13px 14px;
  }
  .admin-dashboard .dashboard-grid .dash-card strong{
    font-size:30px;
  }
  .admin-dashboard .admin-section-grid{
    grid-template-columns:1fr;
    gap:8px;
  }
  .admin-dashboard .admin-module{
    padding:15px 16px;
    border-radius:16px;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:12px;
  }
  .admin-dashboard .admin-module h2{
    font-size:22px;
  }
  .admin-dashboard .admin-module p{
    font-size:13px;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .admin-dashboard .admin-module .btn{
    padding:10px 12px;
    font-size:13px;
  }
}

@media(max-width:520px){
  .admin-dashboard{
    padding-top:20px;
  }
  .admin-dashboard > .eyebrow{
    font-size:11px;
    letter-spacing:.14em;
  }
  .admin-dashboard > h1{
    font-size:43px;
  }
  .admin-dashboard > p{
    font-size:15px;
    line-height:1.4;
  }
  .admin-dashboard .dashboard-grid{
    grid-template-columns:repeat(5,98px);
    margin-bottom:12px;
  }
  .admin-dashboard .dashboard-grid .dash-card{
    padding:12px;
  }
  .admin-dashboard .dashboard-grid .dash-card strong{
    font-size:27px;
  }
  .admin-dashboard .dashboard-grid .dash-card span{
    font-size:12px;
  }
  .admin-dashboard .admin-module{
    padding:13px 14px;
    grid-template-areas:
      "eyebrow button"
      "title button"
      "description button";
  }
  .admin-dashboard .admin-module h2{
    font-size:20px;
  }
  .admin-dashboard .admin-module p{
    font-size:12px;
  }
  .admin-dashboard .admin-module .btn{
    min-width:0;
    padding:9px 10px;
    font-size:12px;
  }
}


/* v0.8.1.6 — admin/mobile density + editable mail sender */
.admin-mail-page{padding-top:26px;padding-bottom:34px;min-width:0}
.admin-compact-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;min-width:0}
.admin-compact-header h1{font-size:clamp(34px,5vw,52px);line-height:1;margin:7px 0 6px;letter-spacing:-.035em}
.admin-compact-header p{margin:0;color:var(--muted);font-size:15px;line-height:1.35;max-width:680px}
.admin-back-btn{flex:0 0 auto;margin:0;padding:11px 15px}
.admin-alert-compact{margin:12px 0;padding:13px 15px;border-radius:12px;font-size:14px;line-height:1.35}
.admin-mail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.admin-control-card{padding:18px;min-width:0;overflow:hidden}
.admin-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;min-width:0}
.admin-card-heading h2{font-size:20px;line-height:1.1;margin:5px 0 0}
.admin-help-compact{font-size:13px;line-height:1.4;color:var(--muted);margin:0 0 12px}
.admin-form-compact{display:grid;gap:10px;min-width:0}
.admin-form-compact label{display:grid;gap:5px;font-size:13px;font-weight:750;min-width:0}
.admin-form-compact input,.admin-form-compact select,.admin-form-compact textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:11px 12px;font-size:15px;border-radius:10px;user-select:text;-webkit-user-select:text;overflow:hidden;text-overflow:ellipsis}
.admin-form-compact input:focus,.admin-form-compact textarea:focus{overflow:visible;text-overflow:clip}
.admin-form-compact .btn{width:auto;justify-self:start;padding:10px 14px;min-height:40px}
.admin-inline-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border);font-size:12px;min-width:0}
.admin-inline-meta span{color:var(--muted)}
.admin-inline-meta code{font-size:12px;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
.admin-inline-action{margin-top:10px}.btn-small{padding:8px 11px!important;min-height:36px!important;font-size:13px!important}
.mail-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 8px;border-radius:999px;border:1px solid var(--border);font-size:10px;font-weight:850;letter-spacing:.06em}
.mail-pill.online{color:var(--teal)}.mail-pill.offline{color:var(--muted)}
.mail-diagnostic{display:grid;gap:4px;margin-top:11px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:12px;overflow-wrap:anywhere}
.mail-diagnostic code{font-size:11px}.mail-diagnostic.ok{border-color:color-mix(in srgb,var(--teal) 55%,var(--border))}
.admin-mail-log-card{margin-top:14px}
.compact-log{display:grid;gap:7px}
.compact-log .mail-log-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);min-width:0}
.compact-log .mail-log-row:last-child{border-bottom:0}
.compact-log .mail-log-row>div{min-width:0}
.compact-log strong,.compact-log span,.compact-log code{font-size:12px;overflow-wrap:anywhere}
.compact-log span{display:block;color:var(--muted);margin-top:2px}

/* Inputs and editable admin text must select independently from the surrounding page. */
.admin-page input,.admin-page textarea,.admin-page [contenteditable="true"]{user-select:text!important;-webkit-user-select:text!important}

@media(max-width:900px){
  .admin-mail-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .admin-page{overflow-x:hidden}
  .admin-mail-page{padding-top:16px;padding-bottom:24px}
  .admin-compact-header{align-items:flex-start;margin-bottom:12px}
  .admin-compact-header h1{font-size:32px;margin:5px 0 4px}
  .admin-compact-header p{font-size:13px;line-height:1.3}
  .admin-back-btn{padding:8px 10px;font-size:12px}
  .admin-mail-grid{grid-template-columns:1fr;gap:10px}
  .admin-control-card{padding:14px;border-radius:14px}
  .admin-card-heading{margin-bottom:9px}.admin-card-heading h2{font-size:18px}
  .admin-form-compact{gap:8px}.admin-form-compact input{padding:10px 11px;font-size:14px}
  .admin-form-compact .btn{width:100%;justify-self:stretch;padding:9px 11px;min-height:38px}
  .admin-alert-compact{padding:10px 12px;font-size:13px;margin:9px 0}
  .admin-inline-meta{margin-top:9px;padding-top:9px}
  .compact-log .mail-log-row{grid-template-columns:1fr;gap:4px;padding:8px 0}
}


/* ==========================================================================
   TDE 0.9.0 BIG BLOCK — mobile density, settings, theme motion, admin cards
   ========================================================================== */

.theme-transition-overlay{
  position:fixed;inset:0;z-index:999999;pointer-events:none;opacity:0;
}
.theme-transition-overlay.mode-cascade.to-light{
  background:linear-gradient(180deg,rgba(247,249,251,.98) 0%,rgba(238,243,245,.96) 72%,rgba(24,207,208,.16) 100%);
  transform:translateY(-105%);
}
.theme-transition-overlay.mode-cascade.to-dark{
  background:linear-gradient(180deg,rgba(8,12,16,.99) 0%,rgba(21,27,33,.98) 72%,rgba(24,207,208,.16) 100%);
  transform:translateY(-105%);
}
.theme-transition-overlay.mode-cascade.is-running{opacity:1;animation:tdeThemeCascade .62s cubic-bezier(.22,.72,.2,1) forwards}
.theme-transition-overlay.mode-fade.to-light{background:#f7f9fb}
.theme-transition-overlay.mode-fade.to-dark{background:#080c10}
.theme-transition-overlay.mode-fade.is-running{animation:tdeThemeFade .44s ease forwards}
@keyframes tdeThemeCascade{0%{transform:translateY(-105%)}58%{transform:translateY(0)}100%{transform:translateY(105%)}}
@keyframes tdeThemeFade{0%{opacity:0}45%{opacity:.96}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  .theme-transition-overlay{display:none!important}
  *,*::before,*::after{scroll-behavior:auto!important}
}

/* User Settings */
.settings-hub{padding-top:28px;padding-bottom:56px}
.settings-hero{display:flex;align-items:center;gap:18px;margin-bottom:14px}
.settings-hero h1{margin:3px 0 4px;font-size:clamp(36px,5vw,58px);line-height:1}
.settings-hero p{margin:0;color:var(--muted)}
.settings-avatar-shell,.avatar-settings-preview{
  width:78px;height:78px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  border:2px solid var(--teal);background:var(--surface2);font-size:30px;font-weight:900;flex:0 0 auto
}
.settings-avatar-shell img,.avatar-settings-preview img{width:100%;height:100%;object-fit:cover}
.settings-alert{margin:10px 0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.settings-alert.success{border-color:rgba(24,207,208,.5)}.settings-alert.error{border-color:rgba(215,77,86,.55)}
.settings-jump{display:flex;gap:8px;overflow:auto;padding:4px 0 12px;margin-bottom:10px;scrollbar-width:none}
.settings-jump::-webkit-scrollbar{display:none}
.settings-jump a{white-space:nowrap;border:1px solid var(--border);border-radius:999px;padding:8px 11px;background:var(--surface);font-size:12px;font-weight:800}
.settings-jump a:hover{border-color:var(--teal);color:var(--teal)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.05)}
.settings-card-wide{grid-column:1/-1}
.settings-card h2{margin:3px 0 12px;font-size:23px;line-height:1.1}
.settings-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.settings-status{border:1px solid var(--border);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--muted)}
.compact-form{gap:10px}.compact-form label{gap:5px}.compact-form input,.compact-form textarea{padding:10px 11px}
.compact-copy{font-size:13px;line-height:1.42}
.settings-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.settings-actions .btn{min-height:40px;padding:9px 13px}
.settings-actions-full{grid-column:1/-1}
.toggle-row,.choice-card{display:flex!important;gap:10px!important;align-items:flex-start!important;border:1px solid var(--border);border-radius:12px;padding:11px;background:var(--surface2);cursor:pointer}
.toggle-row input,.choice-card input{width:auto!important;margin-top:3px}
.toggle-row span,.choice-card span{display:grid;gap:2px}.toggle-row small,.choice-card small{color:var(--muted);line-height:1.35}
.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.appearance-grid fieldset{min-width:0;margin:0;padding:12px;border:1px solid var(--border);border-radius:14px;display:grid;gap:8px}
.appearance-grid legend{padding:0 6px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.social-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.social-settings-grid label{display:grid;gap:5px;font-size:13px;font-weight:750}
.file-launch{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--teal);border-radius:10px;padding:10px 13px;font-weight:850;cursor:pointer;margin-right:8px}
.file-launch input{position:absolute;inset:0;opacity:0;cursor:pointer}
.settings-details{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}
.settings-details summary{cursor:pointer;font-weight:800}
.entitlement-list{display:grid;gap:7px}.entitlement-row{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}
.avatar-settings-preview{width:96px;height:96px;margin:6px 0 12px}
.avatar-crop-shell{margin-top:12px;padding:14px;border:1px solid var(--teal);border-radius:16px;background:var(--surface2)}
.avatar-crop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.avatar-crop-head h3{margin:3px 0 10px}
.avatar-crop-stage{position:relative;max-width:420px;aspect-ratio:1;margin:0 auto 10px;border-radius:16px;overflow:hidden;background:#05080a;touch-action:none}
.avatar-crop-stage canvas{display:block;width:100%;height:100%;touch-action:none}
.avatar-crop-ring{position:absolute;inset:7%;border:3px solid var(--teal);border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.38);pointer-events:none}

/* Mobile navigation is a compact half-screen drawer. */
.mobile-nav-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.34);backdrop-filter:blur(1px);opacity:0;transition:opacity .16s ease}
.mobile-nav-backdrop.is-open{opacity:1}
body.mobile-nav-open{overflow-x:hidden}
@media screen and (max-width:900px){
  .mobile-nav{position:static!important}
  .mobile-nav-panel{
    position:fixed!important;top:74px!important;right:10px!important;left:auto!important;
    width:50vw!important;min-width:190px!important;max-width:270px!important;
    max-height:calc(100vh - 90px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:8px!important;gap:2px!important;border-radius:14px!important;z-index:9999!important
  }
  .mobile-nav-panel a{min-height:40px!important;padding:8px 10px!important;font-size:14px!important}
  .mobile-menu-divider{margin:5px 0!important}
  .mobile-nav>summary{width:44px!important;height:42px!important}
}

/* Global public-site mobile compactness */
@media(max-width:640px){
  .wrap{width:min(100% - 20px,1450px)}
  .page-hero{padding-top:22px;padding-bottom:26px}
  .page-hero h1{font-size:clamp(34px,10vw,46px);line-height:1.02;margin-bottom:8px}
  .page-hero>p{font-size:15px;line-height:1.42;margin-top:4px}
  .card,.dash-card,.settings-card,.editor-form{border-radius:15px}
  .dash-card{padding:14px}
  .card-grid{gap:10px}
  .site-footer{margin-top:34px;padding:20px 18px}
  .auth-card{padding:22px}
  .btn{min-height:40px}
}

/* All Admin pages use denser operational spacing. */
body.is-admin-area main{--admin-gap:10px}
body.is-admin-area .wrap{padding-top:20px;padding-bottom:36px}
body.is-admin-area .page-hero{padding-top:18px}
body.is-admin-area h1{font-size:clamp(34px,5vw,50px);line-height:1}
body.is-admin-area h2{line-height:1.08}
body.is-admin-area .dash-card,
body.is-admin-area .editor-form,
body.is-admin-area .member-search-panel,
body.is-admin-area .admin-control-card{padding:14px;border-radius:14px}
body.is-admin-area .admin-section-grid,
body.is-admin-area .admin-two-col,
body.is-admin-area .dashboard-grid{gap:10px}
body.is-admin-area input,
body.is-admin-area select,
body.is-admin-area textarea{min-height:40px;padding:9px 10px}
body.is-admin-area textarea{min-height:88px}
body.is-admin-area .btn{min-height:38px;padding:8px 11px}
body.is-admin-area .eyebrow{font-size:10px}

/* Automatic table -> management-card conversion for mobile. */
.mobile-row-details{display:none}
@media(max-width:720px){
  body.is-admin-area .admin-table-wrap{overflow:visible;border:0;background:transparent}
  body.is-admin-area .admin-responsive-table{display:block!important;width:100%!important;min-width:0!important;border:0!important}
  body.is-admin-area .admin-responsive-table thead{display:none!important}
  body.is-admin-area .admin-responsive-table tbody{display:grid!important;gap:8px!important}
  body.is-admin-area .admin-responsive-table tr{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    padding:12px!important;border:1px solid var(--border)!important;border-radius:13px!important;background:var(--surface)!important
  }
  body.is-admin-area .admin-responsive-table td{
    display:block!important;width:auto!important;padding:3px 0!important;border:0!important;min-width:0!important;overflow-wrap:anywhere
  }
  body.is-admin-area .admin-responsive-table td::before{
    content:attr(data-label);display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1px
  }
  body.is-admin-area .admin-responsive-table td:first-child{grid-column:1;font-size:15px;font-weight:850}
  body.is-admin-area .admin-responsive-table td:nth-child(2),
  body.is-admin-area .admin-responsive-table td:nth-child(3){grid-column:1}
  body.is-admin-area .admin-responsive-table .mobile-secondary-cell{display:none!important;grid-column:1/-1}
  body.is-admin-area .admin-responsive-table tr.is-expanded .mobile-secondary-cell{display:block!important}
  .mobile-row-details{display:flex!important;grid-column:2;grid-row:1/4;align-items:center;justify-content:flex-end;padding-left:10px}
  .mobile-details-btn{white-space:nowrap;font-size:11px!important;padding:7px 8px!important}
}

/* Compact member search on phones */
@media(max-width:720px){
  .member-search-panel{padding:12px!important;gap:10px!important}
  .member-search-main,.member-filter-grid{grid-template-columns:1fr!important;gap:8px!important}
  .member-search-main .btn{width:100%}
}

/* Keep Mail/Admin inputs selectable without selecting the page. */
body.is-admin-area input,body.is-admin-area textarea{
  user-select:text!important;-webkit-user-select:text!important
}

@media(max-width:720px){
  .settings-grid{grid-template-columns:1fr}
  .settings-card-wide{grid-column:auto}
  .appearance-grid,.social-settings-grid{grid-template-columns:1fr}
  .settings-hero{gap:12px}
  .settings-avatar-shell{width:62px;height:62px}
  .settings-hero h1{font-size:38px}
  .settings-card{padding:14px}
}


/* Skuttlebug Board */
.skuttlebug-page{min-width:0}
.skuttlebug-composer{margin-bottom:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.skuttlebug-composer>summary{cursor:pointer;padding:12px 14px;font-weight:900;color:var(--teal)}
.skuttlebug-compose-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 14px}
.skuttlebug-compose-form label{display:grid;gap:5px;font-size:12px;font-weight:800}.skuttlebug-compose-form .compose-wide{grid-column:1/-1}
.skuttlebug-board{
  position:relative;min-height:560px;padding:34px 28px 54px;border:12px solid #2b1c13;border-radius:18px;
  background:
    radial-gradient(circle at 25% 30%,rgba(255,255,255,.06),transparent 20%),
    linear-gradient(115deg,rgba(255,255,255,.02),rgba(0,0,0,.08)),
    #6b4a32;
  box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 16px 34px rgba(0,0,0,.18);
  overflow:hidden
}
.skuttlebug-empty{position:absolute;inset:0;display:grid;place-items:center;color:#e8d4b8;font-weight:850;text-align:center;padding:20px}
.skuttle-note{
  --paper:#f3d76b;--ink:#1b1b18;
  position:relative;display:inline-flex;vertical-align:top;flex-direction:column;width:min(260px,42%);
  min-height:185px;margin:10px 8px;padding:20px 18px 14px;background:var(--paper);color:var(--ink);
  transform:rotate(var(--note-rotation));transform-origin:50% 10px;border-radius:3px 3px 10px 4px;
  box-shadow:0 8px 18px rgba(0,0,0,.28);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease
}
.skuttle-note:nth-child(3n){margin-top:28px}.skuttle-note:nth-child(4n){margin-left:28px}
.skuttle-note.paper-teal,.mini-postit.paper-teal{--paper:#91e4df;--ink:#10201f}
.skuttle-note.paper-ivory,.mini-postit.paper-ivory{--paper:#f5f1df;--ink:#191b18}
.skuttle-note.paper-rose,.mini-postit.paper-rose{--paper:#e9a6ad;--ink:#241416}
.skuttle-note.paper-slate,.mini-postit.paper-slate{--paper:#3f4a52;--ink:#f7f9fb}
.skuttle-note.paper-lime,.mini-postit.paper-lime{--paper:#c9e678;--ink:#192010}
.skuttle-note.paper-gold,.mini-postit.paper-gold{--paper:#f3d76b;--ink:#1b1b18}
.skuttle-note.is-important{outline:3px solid #18cfd0;z-index:30;box-shadow:0 12px 28px rgba(0,0,0,.35),0 0 18px rgba(24,207,208,.36)}
.skuttle-note.is-focused{transform:rotate(0deg) scale(1.08);box-shadow:0 20px 42px rgba(0,0,0,.42);z-index:60!important}
.skuttle-pin{position:absolute;top:7px;left:50%;width:13px;height:13px;border-radius:50%;background:#b62f3d;box-shadow:0 2px 4px rgba(0,0,0,.35);transform:translateX(-50%)}
.skuttle-note.is-important .skuttle-pin{background:#18cfd0}
.skuttle-note-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:9px;font-weight:900;letter-spacing:.1em}
.skuttle-note-meta strong{color:#a20e20}.paper-slate .skuttle-note-meta strong{color:#ffb8c0}
.skuttle-note h2{margin:0 0 8px;font-family:Georgia,serif;font-size:21px;color:var(--ink)}
.skuttle-note p{flex:1;margin:0 0 14px;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:15px;line-height:1.35;color:var(--ink)}
.skuttle-note footer{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;opacity:.68}
.skuttle-note-actions{display:none;gap:6px;flex-wrap:wrap;margin-top:10px}
.skuttle-note.is-focused .skuttle-note-actions{display:flex}
.skuttle-note-actions .btn{font-size:10px!important;padding:6px 8px!important;min-height:30px!important}
.skuttle-note.is-crumpling{animation:skuttleCrumple .22s ease forwards}
.skuttle-note.is-tossed{animation:skuttleToss .42s cubic-bezier(.5,-.2,.8,.2) forwards}
@keyframes skuttleCrumple{to{transform:rotate(8deg) scale(.52,.68);filter:contrast(1.3) brightness(.86);border-radius:35%}}
@keyframes skuttleToss{to{transform:translate(120vw,-25vh) rotate(520deg) scale(.25);opacity:0}}
.skuttlebug-dashboard-preview{margin:12px 0 14px;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}
.skuttlebug-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.skuttlebug-preview-head h2{margin:2px 0 0;font-size:20px}
.skuttlebug-mini-board{min-height:108px;padding:12px;border:6px solid #2b1c13;border-radius:11px;background:#6b4a32;display:flex;gap:8px;align-items:flex-start;overflow:hidden}
.mini-postit{--paper:#f3d76b;--ink:#1b1b18;display:grid;gap:4px;width:145px;min-height:82px;padding:10px;background:var(--paper);color:var(--ink);transform:rotate(var(--note-rotation));box-shadow:0 5px 10px rgba(0,0,0,.24);font-size:10px;flex:0 0 auto}
.mini-postit strong{font-size:11px}.mini-postit.is-important{outline:2px solid #18cfd0}
@media(max-width:720px){
  .skuttlebug-compose-form{grid-template-columns:1fr}.skuttlebug-compose-form .compose-wide{grid-column:auto}
  .skuttlebug-board{min-height:480px;padding:22px 12px 38px;border-width:8px}
  .skuttle-note{width:calc(50% - 16px);min-height:155px;margin:8px 5px;padding:18px 12px 12px}
  .skuttle-note:nth-child(4n){margin-left:5px}.skuttle-note h2{font-size:17px}.skuttle-note p{font-size:13px}
  .skuttle-note.is-focused{position:relative;width:calc(100% - 12px);transform:rotate(0) scale(1);z-index:60!important}
  .skuttlebug-mini-board{overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){
  .skuttle-note,.skuttle-note.is-crumpling,.skuttle-note.is-tossed{animation:none!important;transition:none!important}
}


/* Roles & Positions */
.read-only-banner{margin:0 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--muted);font-size:12px;font-weight:750}
.roles-admin-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:12px}
.role-search,.user-role-search{grid-template-columns:1fr auto;align-items:end}
.role-directory-list,.role-user-results{display:grid;gap:7px;margin-top:10px}
.role-directory-row,.role-user-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}
.role-directory-row.is-selected{border-color:var(--teal);box-shadow:0 0 0 1px rgba(24,207,208,.18)}
.role-directory-row span,.role-user-card>div{display:grid;gap:2px;min-width:0}
.role-directory-row small,.role-user-card small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.role-directory-row em{font-style:normal;border:1px solid var(--border);border-radius:999px;padding:4px 7px;font-size:10px}
.role-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.role-badges span{border:1px solid var(--border);border-radius:999px;padding:2px 5px;font-size:9px;color:var(--muted)}
.role-members-section{margin-top:12px}
@media(max-width:760px){
  .roles-admin-grid{grid-template-columns:1fr}
  .role-search,.user-role-search{grid-template-columns:1fr}
  .role-search .btn,.user-role-search .btn{width:100%}
  .role-user-card{align-items:flex-start}.role-user-card .btn{flex:0 0 auto}
}


/* Communications Publisher */
.communications-composer{display:grid;gap:12px;margin-bottom:18px}
.communications-composer.is-readonly{opacity:.88}
.publisher-main,.publisher-panel,.communications-existing{padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}
.publisher-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.publisher-section-head h2{margin:3px 0 0;font-size:24px}
.editorial-pill{border:1px solid var(--border);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.08em}
.editorial-pill.status-published{border-color:rgba(24,207,208,.5);color:var(--teal)}
.editorial-pill.status-submitted,.editorial-pill.status-approved,.editorial-pill.status-scheduled{border-color:rgba(243,215,107,.55);color:#d7b63f}
.publisher-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.publisher-fields label,.publisher-panel label{display:grid;gap:5px;font-size:12px;font-weight:800}
.publisher-fields .field-wide{grid-column:1/-1}
.publisher-fields textarea,.publisher-panel textarea{resize:vertical}
.publisher-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.publisher-panel h3{margin:3px 0 10px;font-size:19px}
.publisher-panel{display:grid;gap:9px;align-content:start}
.publisher-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.publisher-media-list{display:grid;gap:5px;margin-top:4px}.publisher-media-list>div{display:flex;justify-content:space-between;gap:8px;padding:7px;border:1px solid var(--border);border-radius:9px;background:var(--surface2);font-size:11px}
.distribution-target-list{display:grid;gap:7px}
.distribution-target{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:9px!important;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}
.distribution-target input{width:auto!important;margin-top:2px}.distribution-target span{display:grid;gap:2px}.distribution-target small{color:var(--muted);font-size:9px;line-height:1.3}
.social-override{padding-left:25px;font-size:10px!important}.social-override textarea{min-height:58px!important}
.publisher-actions{display:flex;gap:7px;flex-wrap:wrap;position:sticky;bottom:8px;z-index:20;padding:10px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(0,0,0,.12)}
.mail-queue-mini{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:5px 8px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface2);font-size:11px}.mail-queue-mini span{color:var(--muted)}
.editor-note-box{padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}.editor-note-box p{margin:4px 0 0;font-size:12px}
.distribution-results{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.distribution-results>div{display:grid;gap:2px;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:10px}.distribution-results .ok{border-color:rgba(24,207,208,.45)}
.post-management-list{display:grid;gap:8px}
.post-management-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}
.post-management-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.post-management-main>div{min-width:0}
.post-management-card h3{margin:2px 0 3px;font-size:17px}.post-management-card p{margin:0 0 3px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:700px}.post-management-card small{color:var(--muted);font-size:10px}
.post-management-actions{display:flex;gap:5px;flex:0 0 auto}
.mini-author-avatar,.blog-author-row img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}
.news-card-media,.blog-featured{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:14px 14px 0 0}
.news-card-copy,.blog-card-body{padding:16px}.news-card:has(.news-card-media),.blog-card{padding:0;overflow:hidden}
.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blog-card{border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.blog-author-row{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--muted);font-size:12px}
.news-article-gallery video{display:block;width:100%;max-height:70vh;border-radius:14px;background:#000}
.external-video-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.preview-banner{margin-bottom:10px;padding:8px 10px;border:1px solid #d7b63f;border-radius:10px;background:rgba(215,182,63,.12);font-size:11px;font-weight:900;letter-spacing:.08em}
@media(max-width:760px){
  .publisher-fields,.publisher-side-grid,.publisher-two-col{grid-template-columns:1fr}
  .publisher-fields .field-wide{grid-column:auto}
  .publisher-actions{bottom:5px}
  .publisher-actions .btn{flex:1 1 auto}
  .post-management-card{align-items:flex-start}.post-management-card p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .post-management-actions{flex-direction:column}.blog-list{grid-template-columns:1fr}
}


/* Dead End Mail Studio */
.mail-studio-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.mail-studio-toolbar>div{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}
.mail-studio-toolbar span,.mail-studio-toolbar small{color:var(--muted);font-size:10px}.mail-service-status{position:relative;padding-left:30px!important}.status-dot{position:absolute;left:12px;top:14px;width:9px;height:9px;border-radius:50%;background:#8c959c}.status-dot.online{background:var(--teal);box-shadow:0 0 10px rgba(24,207,208,.5)}
.mail-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.mail-studio-card,.mail-template-section,.mail-theme-builder-section,.mail-generated-code{padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.compact-admin-details>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;list-style:none}.compact-admin-details>summary::-webkit-details-marker{display:none}.compact-admin-details>summary>span{display:grid;gap:2px}.compact-admin-details>summary em{font-style:normal;color:var(--teal);font-size:10px;font-weight:900}.mail-details-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.mail-details-body>form:first-child{grid-column:1}.mail-details-body .mail-sender-form{grid-column:2}.mail-details-body>form:last-child{grid-column:1/-1}
.mail-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mail-card-head h2,.mail-card-head h3{margin:3px 0 8px}
.mail-template-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:10px;padding-bottom:3px;scrollbar-width:none}.mail-template-tabs::-webkit-scrollbar{display:none}.mail-template-tabs a{white-space:nowrap;padding:7px 9px;border:1px solid var(--border);border-radius:999px;font-size:10px;font-weight:850}.mail-template-tabs a.is-active{border-color:var(--teal);color:var(--teal);background:rgba(24,207,208,.07)}
.mail-wording-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mail-wording-editor{display:grid;gap:8px}.mail-wording-editor label,.mail-theme-card label{display:grid;gap:5px;font-size:11px;font-weight:800}
.mail-live-preview{min-width:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface2)}.mail-live-preview iframe{display:block;width:100%;height:560px;border:0;background:#fff}
.mail-preview-switch{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--border);background:var(--surface)}.mail-preview-switch button{border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text);padding:6px 10px;font-weight:800;cursor:pointer}.mail-preview-switch button.is-active{border-color:var(--teal);color:var(--teal)}
.mail-theme-builder-section{margin-top:12px}.mail-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mail-theme-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}.mail-theme-card.light{background:linear-gradient(145deg,#fff,#eef2f4);color:#151b21}.mail-theme-card.dark{background:linear-gradient(145deg,#10161b,#080c10);color:#f7f9fb}
.mail-theme-card.light label,.mail-theme-card.light h3,.mail-theme-card.light .eyebrow{color:#151b21}.mail-theme-card.dark label,.mail-theme-card.dark h3{color:#f7f9fb}
.mail-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.color-input-wrap{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid currentColor;border-radius:8px;opacity:.86}.color-input-wrap input{width:30px!important;min-height:30px!important;height:30px;padding:0!important;border:0!important;background:transparent!important}.color-input-wrap code{font-size:9px}
.advanced-mail-code{border-top:1px solid currentColor;padding-top:7px;opacity:.9}.advanced-mail-code summary{cursor:pointer;font-weight:800}.advanced-mail-code textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}
.mail-generated-code{margin-top:12px}.mail-generated-code summary{cursor:pointer;font-weight:900;color:var(--teal)}.mail-generated-code textarea{width:100%;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}
.admin-mail-log-card{margin-top:12px}
@media(max-width:780px){
  .mail-studio-toolbar{grid-template-columns:1fr}.mail-studio-grid,.mail-wording-preview-grid,.mail-theme-grid{grid-template-columns:1fr}
  .mail-details-body{grid-template-columns:1fr}.mail-details-body .mail-sender-form,.mail-details-body>form:first-child{grid-column:auto}
  .mail-live-preview iframe{height:480px}.mail-color-grid{grid-template-columns:1fr 1fr}
}

/* Dead End Guide 0.9.0 readability + streamed answer presentation */
.guide-message.guide-rich{line-height:1.55;overflow-wrap:anywhere}
.guide-message.guide-rich p{margin:0 0 9px}.guide-message.guide-rich p:last-child{margin-bottom:0}
.guide-message.guide-rich h2,.guide-message.guide-rich h3,.guide-message.guide-rich h4{margin:10px 0 5px;line-height:1.18;color:var(--text)}
.guide-message.guide-rich h2{font-size:17px}.guide-message.guide-rich h3{font-size:15px}.guide-message.guide-rich h4{font-size:14px}
.guide-message.guide-rich ul{margin:5px 0 10px;padding-left:20px}.guide-message.guide-rich li{margin:3px 0}
.guide-message.guide-rich strong{color:var(--text);font-weight:900}.guide-message.guide-rich code{padding:2px 4px;border-radius:5px;background:var(--header);font-size:.92em}
.guide-message.guide-rich a{color:var(--teal);text-decoration:underline}.guide-spacer{height:5px}
.guide-suggestions:empty,.guide-suggestions[hidden]{display:none!important}
@media(max-width:600px){
  .guide-panel{height:min(72vh,610px)!important}.guide-messages{height:auto!important;flex:1;min-height:0!important}
  .guide-panel{display:flex;flex-direction:column}.guide-form{margin-top:auto}.guide-message{max-width:94%;font-size:13px;padding:10px 11px}
}

/* Permission-aware Admin read-only state */
.global-readonly-banner{position:sticky;top:0;z-index:9000;padding:7px 14px;text-align:center;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--header) 92%,#d7b63f 8%);color:#d7b63f;font-size:10px;font-weight:900;letter-spacing:.08em}
.is-readonly-admin .is-readonly-form{opacity:.78}.is-readonly-admin .is-readonly-form input:disabled,.is-readonly-admin .is-readonly-form select:disabled,.is-readonly-admin .is-readonly-form textarea:disabled{cursor:not-allowed}

/* Store / Product catalog 0.9.0 */
.product-admin-list,.store-item-admin-list,.order-management-list{display:grid;gap:8px}
.product-admin-card,.store-item-admin-card,.order-management-card{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.product-admin-logo,.store-item-thumb,.product-mini-logo{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;width:54px;height:54px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);font-size:20px;font-weight:950;color:var(--teal)}
.product-admin-logo img,.store-item-thumb img,.product-mini-logo img{width:100%;height:100%;object-fit:contain}
.product-admin-copy,.store-item-admin-card>div:nth-child(2){min-width:0;flex:1}.product-admin-copy h2,.store-item-admin-card h3{margin:2px 0 3px;font-size:17px}.product-admin-copy p{margin:0 0 3px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-admin-copy small,.store-item-admin-card small{color:var(--muted);font-size:10px}
.product-editor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:12px}.product-editor-fields{display:grid;gap:9px}.product-media-editor{display:grid;align-content:start;gap:9px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface2)}.product-media-editor h2{margin:2px 0 3px}.product-media-editor label{display:grid;gap:5px;font-size:11px;font-weight:800}.product-media-preview{display:grid;grid-template-columns:1fr;gap:8px}.product-media-preview>div{display:grid;gap:5px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.product-media-preview img{width:100%;height:140px;object-fit:contain;border-radius:8px;background:var(--header)}.product-media-preview span{display:grid;place-items:center;height:100px;color:var(--muted);font-size:11px}.product-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.store-command-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:12px}.store-item-admin-card .btn,.product-admin-card .btn{flex:0 0 auto}.store-parent-products,.orders-command-section{margin-top:12px}.product-logo-strip{display:flex;gap:8px;overflow:auto;padding-bottom:4px;scrollbar-width:thin}.product-logo-strip>a{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:190px;padding:8px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}.product-logo-strip strong{font-size:12px}.product-mini-logo{width:40px;height:40px;border-radius:9px}
.order-management-card{justify-content:space-between}.order-management-card>div{display:grid;gap:2px}.order-management-card span{color:var(--muted);font-size:10px}
.storefront-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.storefront-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 10px 28px rgba(0,0,0,.07)}.storefront-card.is-featured{border-color:rgba(24,207,208,.5);box-shadow:0 10px 34px rgba(24,207,208,.08)}.storefront-art{display:grid;place-items:center;width:100%;aspect-ratio:16/10;background:linear-gradient(145deg,var(--surface2),var(--header));font-size:50px;font-weight:950;color:var(--teal)}.storefront-art img{width:100%;height:100%;object-fit:contain;padding:18px}.storefront-copy{display:grid;gap:7px;padding:15px}.storefront-copy h2{margin:0;font-size:21px}.storefront-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.storefront-copy small{color:var(--muted)}.storefront-price{display:flex;align-items:baseline;gap:7px}.storefront-price strong{font-size:24px}.storefront-price del{color:var(--muted);font-size:12px}.storefront-price span{color:var(--muted);font-size:10px}.storefront-copy .btn{justify-self:start}
@media(max-width:980px){.storefront-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-editor-layout,.store-command-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .storefront-grid{grid-template-columns:1fr}.storefront-art{aspect-ratio:16/8}.product-toggle-grid{grid-template-columns:1fr}
  .product-admin-card,.store-item-admin-card{padding:9px;gap:9px}.product-admin-logo,.store-item-thumb{width:46px;height:46px}.product-admin-copy p{display:none}.product-admin-card .btn,.store-item-admin-card .btn{font-size:10px!important;padding:7px 8px!important}
  .order-management-card{align-items:flex-start;gap:8px}.order-management-card>div:last-child{text-align:right}
}

/* 0.9.0 mobile-nav tap/stacking hotfix */
@media screen and (max-width:900px){
  .site-header{position:relative!important;z-index:10000!important}
  .mobile-nav{position:relative!important;z-index:10002!important}
  .mobile-nav>summary{position:relative!important;z-index:10003!important}
  .mobile-nav-panel{z-index:10002!important;pointer-events:auto!important}
  .mobile-nav-panel a{position:relative!important;z-index:1!important;pointer-events:auto!important}
  .mobile-nav-backdrop{z-index:9998!important;pointer-events:auto!important}
}

/* =========================================================
   v0.9.1 PUBLIC-READY UX PASS
   ========================================================= */

/* Signature page loader / transition emblem */
.site-loader{
  position:fixed!important;inset:0!important;z-index:99990!important;display:grid!important;place-items:center!important;
  pointer-events:none!important;background:rgba(8,12,16,.12)!important;backdrop-filter:blur(2px)!important;
  opacity:1!important;visibility:visible!important;transition:opacity .24s ease,visibility .24s ease!important
}
html[data-theme="light"] .site-loader{background:rgba(244,247,249,.18)!important}
.site-loader.is-hidden{opacity:0!important;visibility:hidden!important}
.loader-emblem{position:relative;width:112px;height:112px;display:grid;place-items:center;transform:scale(.96);transition:transform .24s ease,opacity .24s ease}
.loader-skull{position:relative!important;z-index:2!important;width:72px!important;height:72px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(24,207,208,.28));transition:filter .2s ease,transform .2s ease!important}
.loader-ring{position:absolute!important;inset:4px!important;width:auto!important;height:auto!important;border-radius:50%!important;border:2px solid rgba(24,207,208,.16)!important;border-top-color:var(--teal)!important;border-right-color:rgba(24,207,208,.7)!important;background:transparent!important;animation:tdeLoaderSpin 1.23s linear infinite!important;box-shadow:0 0 20px rgba(24,207,208,.12)!important}
.loader-eye-glow{position:absolute;z-index:3;width:30px;height:14px;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(185,255,255,.98) 0,rgba(24,207,208,.9) 24%,rgba(24,207,208,.22) 52%,transparent 72%);filter:blur(2px);transform:translate(12px,-8px) scale(.4);transition:opacity .16s ease,transform .16s ease,filter .16s ease}
.site-loader.is-complete .loader-ring{animation-duration:.28s!important;opacity:.2}
.site-loader.is-complete .loader-skull{filter:brightness(1.35) drop-shadow(0 0 6px #fff) drop-shadow(0 0 18px rgba(24,207,208,.9))!important;transform:scale(1.05)}
.site-loader.is-complete .loader-eye-glow{opacity:1;transform:translate(12px,-8px) scale(1.8);filter:blur(4px)}
@keyframes tdeLoaderSpin{to{transform:rotate(360deg)}}

/* App-style page navigation. The loader remains above while destination content enters. */
#pageContent{min-width:0;will-change:transform,opacity}
#pageContent.page-exit-left{animation:tdePageExitLeft .18s ease both}
#pageContent.page-exit-right{animation:tdePageExitRight .18s ease both}
#pageContent.page-exit-fade{animation:tdePageExitFade .15s ease both}
#pageContent.page-enter-right{opacity:0;transform:translate3d(34px,0,0)}
#pageContent.page-enter-left{opacity:0;transform:translate3d(-34px,0,0)}
#pageContent.page-enter-fade{opacity:0}
#pageContent.page-enter-active{opacity:1!important;transform:translate3d(0,0,0)!important;transition:opacity .3s ease,transform .34s cubic-bezier(.2,.75,.25,1)}
@keyframes tdePageExitLeft{to{opacity:.14;transform:translate3d(-22px,0,0)}}
@keyframes tdePageExitRight{to{opacity:.14;transform:translate3d(22px,0,0)}}
@keyframes tdePageExitFade{to{opacity:.08}}

/* Account section chooser: no sideways scrolling on phones. */
@media(max-width:700px){
  .settings-jump{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important;padding:4px 0 12px!important}
  .settings-jump a{white-space:normal!important;text-align:center!important;display:grid!important;place-items:center!important;min-height:42px!important;padding:8px 7px!important}
}

/* Store parent products: fully visible responsive cards, never clipped in a side scroller. */
.product-logo-strip{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:8px!important;overflow:visible!important;padding-bottom:0!important}
.product-logo-strip>a{min-width:0!important;width:100%!important;flex:none!important;overflow:hidden!important}
.product-logo-strip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.product-logo-strip{grid-template-columns:1fr!important}.product-logo-strip strong{white-space:normal!important}}

/* Mail preview selector must truly render only one selected preview. */
.mail-live-preview iframe[hidden]{display:none!important}
.mail-live-preview iframe:not([hidden]){display:block!important}

/* Cleaner data summary blocks */
.store-sales-summary{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:12px;margin:0 0 14px}
.sales-total-card,.sales-breakdown-card{border:1px solid var(--border);border-radius:14px;background:var(--surface2);padding:14px}
.sales-total-card span,.sales-breakdown-row span{color:var(--muted);font-size:12px;font-weight:750}.sales-total-card strong{display:block;margin-top:4px;font-size:28px}
.sales-breakdown{display:grid;gap:8px}.sales-breakdown-row{display:grid;grid-template-columns:minmax(90px,1fr) auto;gap:10px;align-items:center}.sales-breakdown-row b{font-size:12px}.sales-breakdown-row .bar{grid-column:1/-1;height:7px;border-radius:999px;background:var(--surface3);overflow:hidden}.sales-breakdown-row .bar i{display:block;height:100%;width:var(--pct);background:linear-gradient(90deg,var(--teal2),var(--teal));border-radius:inherit}
.data-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media(max-width:700px){.store-sales-summary{grid-template-columns:1fr}}

/* Post-it discard should be unmistakable when motion is enabled. */
.skuttle-note.is-crumpling{animation:skuttleCrumple .28s cubic-bezier(.2,.7,.25,1) forwards!important;transform-origin:center!important;pointer-events:none!important}
.skuttle-note.is-tossed{animation:skuttleToss .52s cubic-bezier(.42,0,.8,.25) forwards!important;pointer-events:none!important}
@keyframes skuttleCrumple{0%{filter:none}55%{transform:rotate(12deg) scale(.74,.62) skew(4deg);filter:contrast(1.25) brightness(.88)}100%{transform:rotate(-10deg) scale(.5,.56) skew(-7deg);filter:contrast(1.4) brightness(.8);border-radius:38%}}
@keyframes skuttleToss{0%{transform:rotate(-10deg) scale(.5,.56);opacity:1}100%{transform:translate3d(115vw,-42vh,0) rotate(610deg) scale(.18);opacity:0}}

/* Homepage: open, cinematic composition instead of nested card stacks. */
.home-cinematic{overflow:hidden}
.home-cinematic .hero{position:relative;min-height:min(760px,80vh);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;gap:28px;padding-top:44px;padding-bottom:54px}
.home-cinematic .hero::before{content:"";position:absolute;inset:0 -12vw;z-index:0;background:radial-gradient(circle at 72% 44%,rgba(24,207,208,.13),transparent 35%),linear-gradient(135deg,transparent 30%,rgba(24,207,208,.035),transparent 70%);pointer-events:none}
.home-cinematic .hero-copy,.home-cinematic .hero-art{position:relative;z-index:1}
.home-cinematic .hero-copy{max-width:760px}.home-cinematic .hero-copy h1{font-size:clamp(48px,7vw,92px);line-height:.95;letter-spacing:-.045em;margin:16px 0 24px}.home-cinematic .hero-copy p{font-size:clamp(18px,2.1vw,25px);line-height:1.5;max-width:720px}
.home-cinematic .hero-art{display:grid;place-items:center}.home-cinematic .hero-logo{width:min(100%,620px);max-height:540px;object-fit:contain;filter:drop-shadow(0 26px 70px rgba(0,0,0,.34))}
.home-showcase{padding:62px 0}.home-showcase-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.home-showcase-head h2{font-size:clamp(34px,4.7vw,58px);margin:4px 0 0}.home-feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.home-feature{grid-column:span 6;min-height:260px;position:relative;overflow:hidden;border-top:1px solid var(--border);padding:26px 2px 30px;background:linear-gradient(180deg,rgba(24,207,208,.025),transparent)}.home-feature:first-child{grid-column:span 12;min-height:330px}.home-feature h3{font-size:clamp(26px,3vw,42px);margin:8px 0 10px}.home-feature p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.55}.home-feature .home-feature-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.home-ecosystem-band{margin:54px auto 72px;padding:34px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--surface),var(--surface2));display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:24px;align-items:center}.home-ecosystem-band h2{font-size:clamp(30px,4vw,50px);margin:6px 0 12px}.home-ecosystem-mark{font-size:clamp(70px,10vw,132px);font-weight:950;letter-spacing:-.08em;text-align:right;color:var(--teal);opacity:.86}
@media(max-width:820px){.home-cinematic .hero{grid-template-columns:1fr;min-height:auto;padding-top:34px}.home-cinematic .hero-art{order:2}.home-cinematic .hero-logo{max-height:390px}.home-feature,.home-feature:first-child{grid-column:span 12;min-height:auto}.home-ecosystem-band{grid-template-columns:1fr}.home-ecosystem-mark{text-align:left}}

/* Reduced motion / disabled animations: all transition flourishes collapse cleanly. */
html[data-disable-animations="1"] .site-loader,
html[data-disable-animations="1"] .loader-ring,
html[data-disable-animations="1"] #pageContent,
html[data-disable-animations="1"] .skuttle-note{animation:none!important;transition:none!important}
html[data-disable-animations="1"] .site-loader{display:none!important}
@media(prefers-reduced-motion:reduce){.site-loader,.loader-ring,#pageContent,.skuttle-note{animation:none!important;transition:none!important}.site-loader{display:none!important}}
.admin-log-launch{display:block;color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.admin-log-launch:hover{border-color:var(--teal);transform:translateY(-1px)}
.sku-manager{margin-bottom:12px}.sku-manager .admin-form-compact{padding-top:10px}.admin-inline-meta img.product-mini-logo{object-fit:cover}
@media(max-width:700px){.mail-log-row{align-items:flex-start!important}.mail-log-row>div:last-child{align-items:flex-start!important}.mail-log-row .btn{width:100%;margin-top:6px}}

/* Roles & Positions — directory management */
.role-create-form,.role-edit-form{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}
.role-create-form label,.role-edit-form label{display:grid;gap:5px;font-size:12px;font-weight:800}.role-create-form input,.role-edit-form input,.role-edit-form textarea{width:100%}
.role-order-help{margin:10px 0 4px;color:var(--muted);font-size:11px}.role-directory-row{padding:0;overflow:hidden}.role-directory-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex:1;padding:10px;color:inherit;text-decoration:none}
.role-drag-handle{align-self:stretch;width:42px;flex:0 0 42px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--muted);font-size:22px;cursor:grab;touch-action:none}.role-drag-handle:active{cursor:grabbing}.role-directory-row.is-dragging{opacity:.48;transform:scale(.99)}.role-directory-row.drag-over{border-color:var(--teal);box-shadow:0 0 0 1px rgba(24,207,208,.25)}
.role-save-order{width:100%;margin-top:9px}.role-editor-section{margin-top:12px}.role-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.role-delete-form{margin-top:10px}.btn-danger{border-color:rgba(215,77,86,.55)!important;color:#e66b74!important}
@media(max-width:760px){.role-drag-handle{width:48px;flex-basis:48px}.role-directory-link{padding:11px 9px}.role-create-form .btn,.role-editor-actions .btn,.role-delete-form .btn{width:100%}}


/* ==========================================================================
   TDE 0.9.1 COMPLETION PASS — launch-ready public/admin surfaces
   ========================================================================== */

html,body{max-width:100%;overflow-x:clip}
img,video,canvas,iframe{max-width:100%}
.brand-horizontal{width:220px;height:76px}
.footer-logo{width:190px;height:72px;object-fit:contain}
.footer-copy{align-items:flex-start;flex-wrap:wrap}
.footer-legal{display:flex;gap:12px;flex-wrap:wrap}
.footer-legal a{font-weight:750;color:var(--muted)}
.footer-legal a:hover{color:var(--teal)}

.platform-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:820px;margin-top:22px}
.platform-search-results{display:grid;gap:10px;padding-bottom:50px}
.platform-search-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}
.platform-search-result h2{margin:0 0 4px;font-size:20px}.platform-search-result p{margin:0;color:var(--muted);line-height:1.45}.platform-search-result small{color:var(--muted)}

.cms-public-body,.legal-document{padding-bottom:58px}
.legal-prose{max-width:960px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface);line-height:1.75;white-space:normal}
.legal-accept-card{max-width:960px;margin-top:14px;padding:16px;border:1px solid var(--teal);border-radius:14px;background:var(--surface)}
.legal-accept-card p{margin-top:0;color:var(--muted)}
.tde-error-page{min-height:66vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:70px;padding-bottom:80px}
.tde-error-page h1{font-size:clamp(48px,8vw,94px);line-height:.96;margin:12px 0 18px}
.tde-error-page p{max-width:720px;color:var(--muted);font-size:19px;line-height:1.55}
.tde-error-mark img{width:120px;height:120px;object-fit:contain}
.error-reference{margin-top:20px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

.site-pages-grid,.legal-admin-grid{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:12px}
.site-page-directory,.legal-admin-list{display:grid;gap:7px;margin-top:10px}
.site-page-directory a,.legal-admin-list a{display:grid;gap:2px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}
.site-page-directory a.is-selected,.legal-admin-list a.is-selected{border-color:var(--teal);box-shadow:0 0 0 1px rgba(24,207,208,.18)}
.site-page-directory small,.legal-admin-list small{color:var(--muted);font-size:10px}

.records-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 12px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.records-filter-grid label{font-size:11px}.records-filter-actions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}
.records-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.records-summary>div{display:grid;gap:2px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.records-summary span{color:var(--muted);font-size:11px}.records-summary strong{font-size:22px}
.record-card-list{display:grid;gap:8px}
.record-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.record-card h2{margin:3px 0 3px;font-size:18px}.record-card p{margin:0;color:var(--muted);font-size:12px}
.record-card-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;text-align:right}.record-card-meta code,.record-card-meta time,.record-card-meta span{font-size:10px;color:var(--muted)}

.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}
.permission-matrix fieldset{min-width:0;margin:0;padding:10px;border:1px solid var(--border);border-radius:12px;display:grid;gap:6px}
.permission-matrix legend{padding:0 5px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.permission-check{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:7px;border-radius:8px;background:var(--surface2);font-size:11px}
.permission-check input{width:auto!important;margin-top:2px}.permission-check span{display:grid;gap:1px}.permission-check small{color:var(--muted);font-size:9px}
.role-permission-editor{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.protected-role-note{margin-top:15px;padding:11px;border:1px solid var(--border);border-radius:10px;color:var(--muted)}
.role-order-controls{display:flex;gap:3px;align-items:center}.role-order-controls button{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);cursor:pointer}
.role-drag-handle{touch-action:none}.role-directory-row.is-dragging{opacity:.64;border-color:var(--teal)}

.product-cinematic-list{display:grid;gap:14px;padding-bottom:48px}
.product-cinematic-card{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:22px;min-height:280px;padding:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.product-list-art{min-height:260px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(24,207,208,.13),transparent 58%),var(--surface2);overflow:hidden}
.product-list-art img{width:100%;height:100%;max-height:360px;object-fit:contain;padding:22px}.product-list-art>span{font-size:90px;font-weight:950;color:var(--teal);opacity:.35}
.product-list-copy{display:flex;flex-direction:column;justify-content:center;padding:26px 26px 26px 0}.product-list-copy h2{font-size:clamp(30px,4vw,52px);margin:5px 0 8px}.product-list-copy p{color:var(--muted);font-size:16px;line-height:1.55}.product-status{align-self:flex-start;border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850}

.home-cinematic{overflow:clip}
.cinematic-hero{position:relative;isolation:isolate}
.cinematic-hero::before{content:"";position:absolute;inset:-30% 30% auto -10%;height:70%;background:radial-gradient(circle,rgba(24,207,208,.16),transparent 65%);filter:blur(28px);z-index:-1;pointer-events:none}
.hero-atmosphere{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(24,207,208,.12),rgba(24,207,208,.025) 42%,transparent 70%);filter:blur(10px)}
.home-feature{position:relative;overflow:hidden}
.home-feature-art{width:100%;max-height:260px;object-fit:cover;border-radius:14px;margin-bottom:14px}.home-feature-icon{width:88px;height:88px;object-fit:contain;margin-bottom:12px}
.home-latest{margin-top:40px;margin-bottom:60px}.home-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-latest-grid article{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.home-latest-grid h3{font-size:21px;margin:10px 0 7px}.home-latest-grid p{color:var(--muted);line-height:1.5}.home-latest-grid small{color:var(--muted)}
.reveal-section{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.75,.25,1)}
.reveal-section.is-revealed{opacity:1;transform:none}

.settings-jump{flex-wrap:wrap;overflow:visible}
.product-logo-strip{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:8px!important;overflow:visible!important}
.product-logo-strip>a{min-width:0!important;white-space:normal!important}

.site-header{z-index:10000}
.mobile-nav-backdrop{z-index:9998}
.mobile-nav,.mobile-nav-panel{z-index:10002}
.mobile-nav-panel{pointer-events:auto}
.mobile-nav-backdrop{pointer-events:auto}
.mobile-nav>summary{position:relative;z-index:10003}

@media(max-width:900px){
  .brand-horizontal{width:170px;height:62px}
  .site-pages-grid,.legal-admin-grid{grid-template-columns:1fr}
  .home-latest-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .platform-search-form{grid-template-columns:1fr}.platform-search-form .btn{width:100%}
  .records-filter-grid{grid-template-columns:1fr}.records-filter-actions{grid-column:auto}.records-filter-actions .btn{flex:1 1 auto}
  .record-card{align-items:flex-start;flex-direction:column}.record-card-meta{justify-content:flex-start;text-align:left}
  .permission-matrix{grid-template-columns:1fr}
  .product-cinematic-card{grid-template-columns:1fr;min-height:0}.product-list-art{min-height:190px}.product-list-copy{padding:18px}.product-list-copy h2{font-size:32px}
  .settings-jump{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .settings-jump a{text-align:center;white-space:normal!important}
  .product-logo-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .site-header{min-height:82px}
  .brand-horizontal{width:126px;height:52px}
  .footer-logo{width:154px;height:58px}
  .site-footer{gap:14px}
  .footer-copy{font-size:13px}
}
html[data-disable-animations="1"] .reveal-section{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.reveal-section{opacity:1!important;transform:none!important;transition:none!important}}

/* Mail preview environment belongs visually to The Dead End without contaminating email-safe markup. */
.mail-live-preview{
  background:
    radial-gradient(circle at 88% 8%,rgba(24,207,208,.13),transparent 34%),
    linear-gradient(145deg,var(--surface2),var(--surface));
}
.mail-live-preview iframe{background:transparent}
.sku-admin-list{display:grid;gap:7px;margin-top:10px}
.sku-admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}
.sku-admin-row>div{display:grid;gap:2px;min-width:0}.sku-admin-row small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}
@media(max-width:720px){.sku-admin-row{align-items:flex-start}.sku-admin-row form{flex:0 0 auto}}
@media(max-width:1180px) and (min-width:901px){
  .desktop-nav,.desktop-auth-actions{display:none!important}
  .header-actions{margin-left:auto;display:flex!important;align-items:center;gap:8px}
  .mobile-nav{display:block!important}
  .mobile-nav>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:46px!important;border:2px solid var(--teal)!important;border-radius:10px!important;background:var(--surface)!important;cursor:pointer!important}
  .mobile-nav-panel{position:absolute!important;top:56px!important;right:0!important;z-index:10002!important;width:min(360px,46vw)!important;display:grid!important;gap:4px!important;padding:12px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
}

/* ========================================================================== 
   RECOVERED OLDER-CHAT MOBILE FIXES — notification/security/safe-area polish
   ========================================================================== */
.security-toggle{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:10px 0!important;
  margin:0!important;
  border-bottom:1px solid var(--border)!important;
  font-weight:800!important;
  cursor:pointer;
}
.security-toggle input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin:0!important;
  justify-self:start!important;
  align-self:center!important;
}
.security-toggle span{
  min-width:0!important;
  justify-self:start!important;
  text-align:left!important;
  line-height:1.3!important;
}
.security-event strong{
  font-size:15px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin:0 0 3px!important;
}
.security-event small{
  font-size:11px!important;
  line-height:1.4!important;
}
body{
  padding-bottom:env(safe-area-inset-bottom,0px);
}
.site-shell{
  min-height:calc(100dvh - env(safe-area-inset-bottom,0px));
}
.site-footer{
  padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));
}
@media(max-width:720px){
  main#pageContent{
    padding-bottom:max(18px,env(safe-area-inset-bottom,0px));
  }
  .security-page{
    padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));
  }
  .security-card h2{font-size:22px!important;line-height:1.15!important}
  .security-event{padding:10px!important;gap:4px!important}
  .security-event strong{font-size:14px!important}
  .security-event small{font-size:10.5px!important}
  .security-toggle{grid-template-columns:20px minmax(0,1fr)!important;padding:9px 0!important}
  .security-toggle input[type="checkbox"]{width:17px!important;height:17px!important;min-width:17px!important}
  .footer-logo{width:148px!important;height:54px!important;object-fit:contain!important}
  .footer-brand{min-width:0!important}
  .site-footer{gap:10px!important}
}

/* ========================================================================== 
   v0.9.2 — v1.0 public polish phase
   ========================================================================== */
html,body{max-width:100%;overflow-x:clip}
.home-v100{overflow:clip;padding-bottom:24px}
.v100-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);min-height:min(720px,calc(100dvh - 150px));margin-top:26px;border:1px solid var(--border);border-radius:30px;background:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 82%,var(--teal) 18%) 180%);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.v100-hero::before{content:"";position:absolute;inset:-40% 45% 20% -25%;background:radial-gradient(circle,rgba(24,207,208,.18),transparent 64%);filter:blur(26px);z-index:-1}
.v100-hero-copy{align-self:center;padding:clamp(44px,6vw,86px);padding-right:24px;min-width:0}
.v100-hero-copy h1{max-width:760px;margin:20px 0 18px;font-size:clamp(54px,7vw,104px);line-height:.89;letter-spacing:-.06em;text-wrap:balance}
.v100-hero-intro{max-width:690px;margin:0;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.55}
.v100-hero-rail{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.v100-hero-rail a{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:7px;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface2) 84%,transparent)}
.v100-hero-rail strong{color:var(--teal);font-size:18px}.v100-hero-rail span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.v100-hero-art{position:relative;display:grid;place-items:center;min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(24,207,208,.10),transparent 58%)}
.v100-logo-stage{position:relative;z-index:3;width:min(86%,610px);padding:34px;filter:drop-shadow(0 30px 42px rgba(0,0,0,.25))}
.v100-logo-stage .hero-logo{display:block;width:100%;max-width:none;max-height:none}
.v100-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--teal) 48%,transparent);border-radius:50%;opacity:.42}
.orbit-one{width:74%;aspect-ratio:1}.orbit-two{width:52%;aspect-ratio:1;transform:rotate(24deg)}.orbit-three{width:92%;aspect-ratio:1;transform:rotate(-18deg);opacity:.2}
.v100-hero-label{position:absolute;right:24px;bottom:18px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.18em}
.v100-manifesto,.v100-showcase,.v100-news{margin-top:clamp(54px,8vw,110px)}
.v100-manifesto{padding:0 clamp(0px,2vw,30px)}
.v100-manifesto-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(30px,7vw,100px);align-items:start;margin-top:18px}
.v100-manifesto h2,.v100-section-head h2,.v100-id-band h2{margin:0;font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-.045em}
.v100-manifesto p{margin:0 0 18px;color:var(--muted);font-size:19px;line-height:1.7}
.text-link{color:var(--teal);font-weight:900}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.v100-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.v100-section-head h2{margin-top:8px;font-size:clamp(34px,4vw,58px)}
.v100-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v100-product-card{min-width:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.10);transition:transform .2s ease,border-color .2s ease}
.v100-product-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--teal) 70%,var(--border))}
.v100-product-art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(24,207,208,.16),transparent 58%),var(--surface2)}
.v100-product-art img{width:100%;height:100%;object-fit:cover}.v100-product-art img.is-icon{width:46%;height:46%;object-fit:contain}.v100-product-art>span{font-size:92px;font-weight:950;color:var(--teal);opacity:.3}
.v100-product-art em{position:absolute;left:12px;bottom:12px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--header) 88%,transparent);color:#f7f9fb;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(8px)}
.v100-product-copy{padding:20px}.v100-product-copy h3{margin:6px 0 8px;font-size:clamp(24px,2.4vw,34px)}.v100-product-copy p{min-height:3.2em;margin:0 0 16px;color:var(--muted);line-height:1.55}
.v100-inline-actions{display:flex;gap:18px;flex-wrap:wrap}
.v100-id-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:clamp(60px,8vw,110px);padding:clamp(26px,4vw,50px);border:1px solid var(--border);border-radius:24px;background:linear-gradient(120deg,var(--header),color-mix(in srgb,var(--header) 82%,var(--teal) 18%));color:#f7f9fb;box-shadow:var(--shadow)}
.v100-id-band p{max-width:780px;color:#c3cbd2;font-size:17px;line-height:1.55}.v100-id-mark{display:grid;place-items:center;width:92px;aspect-ratio:1;border:1px solid rgba(24,207,208,.4);border-radius:50%;box-shadow:inset 0 0 28px rgba(24,207,208,.12)}.v100-id-mark span{color:var(--teal);font-size:30px;font-weight:950;letter-spacing:-.08em}.v100-id-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.v100-news{margin-bottom:40px}.v100-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v100-news-grid article{padding:22px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.v100-news-grid h3{margin:14px 0 8px;font-size:24px}.v100-news-grid p{color:var(--muted);line-height:1.55}
.site-global-settings{margin-bottom:14px}.site-global-settings-form{margin-top:12px}.database-info-card{max-width:980px}.database-info-card h2{font-size:34px;margin:8px 0 4px}

@media(max-width:980px){
  .v100-hero{grid-template-columns:1fr;min-height:0}.v100-hero-copy{padding:46px 38px 24px}.v100-hero-art{min-height:390px}.v100-logo-stage{width:min(72%,540px)}
  .v100-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v100-product-card:last-child:nth-child(odd){grid-column:1/-1}
  .v100-id-band{grid-template-columns:auto 1fr}.v100-id-actions{grid-column:1/-1;justify-content:flex-start;margin-left:120px}
}
@media(max-width:700px){
  .v100-hero{margin-top:14px;border-radius:20px}.v100-hero-copy{padding:32px 22px 12px}.v100-hero-copy h1{font-size:clamp(46px,14vw,68px)}.v100-hero-intro{font-size:17px}.v100-hero-art{min-height:280px}.v100-logo-stage{width:86%;padding:20px}.v100-hero-label{right:14px;bottom:10px;font-size:8px}
  .v100-manifesto-grid{grid-template-columns:1fr;gap:20px}.v100-manifesto p{font-size:17px}.v100-section-head{align-items:flex-start;flex-direction:column;gap:10px}
  .v100-product-grid,.v100-news-grid{grid-template-columns:1fr}.v100-product-card:last-child:nth-child(odd){grid-column:auto}.v100-product-copy p{min-height:0}
  .v100-id-band{grid-template-columns:1fr;gap:16px}.v100-id-mark{width:70px}.v100-id-actions{grid-column:auto;margin-left:0}.v100-id-actions .btn{flex:1 1 150px}
  .v100-hero-rail{gap:6px}.v100-hero-rail a{padding:8px 10px}.v100-hero-rail strong{font-size:15px}.v100-hero-rail span{font-size:10px}
}
html[data-disable-animations="1"] .v100-product-card{transition:none!important}
@media(prefers-reduced-motion:reduce){.v100-product-card{transition:none!important}.v100-product-card:hover{transform:none}}

/* ========================================================================== 
   v0.9.3 — release candidate repair pass
   ========================================================================== */
/* True footer: short pages pin it to the viewport bottom; long pages push it naturally. */
.site-shell{display:flex!important;flex-direction:column!important;min-height:100dvh!important}
main#pageContent{flex:1 0 auto!important}
.site-footer{flex:0 0 auto!important;margin-top:auto!important}

/* Loader contract: minimum 1.5 seconds, extends until the real page load completes. */
.site-loader{transition:opacity .52s ease,visibility .52s ease!important}
.loader-emblem{width:126px!important;height:126px!important}
.loader-skull{width:82px!important;height:82px!important;border-radius:50%!important}
.site-loader.is-complete .loader-eye-glow{opacity:1!important;transform:translate(12px,-8px) scale(2.15)!important;filter:blur(4px)!important}
.site-loader.is-complete .loader-emblem{transform:scale(1.08)!important}

/* Account hub buttons are in-page navigation, not page loads. */
.settings-card[id]{scroll-margin-top:132px}
.settings-jump a{cursor:pointer}

/* Store categories are navigation; products are intentionally compact rather than giant tiles. */
.store-category-nav{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px;margin-bottom:18px}
.store-category-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-weight:850;color:var(--muted)}
.store-category-chip:hover,.store-category-chip.is-active{border-color:var(--teal);color:var(--text);box-shadow:0 0 0 1px rgba(24,207,208,.14) inset}
.compact-storefront-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.compact-storefront-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:170px}
.compact-storefront-art{aspect-ratio:auto!important;min-height:170px;height:100%}
.compact-storefront-art img{padding:12px!important;object-fit:contain!important}
.compact-storefront-art span{font-size:48px!important}
.compact-storefront-copy{align-content:space-between;padding:15px!important}
.compact-storefront-copy h2{font-size:20px!important;margin:3px 0!important}
.compact-storefront-copy p{font-size:12.5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.storefront-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.compact-storefront-copy .storefront-price strong{font-size:22px!important}
.compact-storefront-copy .btn{min-height:38px;padding:0 14px}
@media(max-width:820px){.compact-storefront-grid{grid-template-columns:1fr}}
@media(max-width:560px){
  .store-hero{padding-bottom:12px!important}
  .store-category-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.store-category-nav::-webkit-scrollbar{display:none}
  .store-category-chip{white-space:nowrap;min-height:38px;padding:0 13px;font-size:13px}
  .compact-storefront-card{grid-template-columns:92px minmax(0,1fr);min-height:122px;border-radius:15px}
  .compact-storefront-art{min-height:122px}.compact-storefront-art img{padding:8px!important}.compact-storefront-art span{font-size:34px!important}
  .compact-storefront-copy{padding:11px!important;gap:5px!important}.compact-storefront-copy h2{font-size:18px!important}.compact-storefront-copy p{display:none}
  .compact-storefront-copy .eyebrow{font-size:9px!important}.compact-storefront-copy .storefront-price strong{font-size:19px!important}
  .compact-storefront-copy .status{font-size:10px;padding:5px 8px}.compact-storefront-copy .btn{font-size:12px;min-height:34px;padding:0 11px}
}
/* Cinematic loader reveal: destination remains veiled until completion, then fades into view under the eye flare. */
.site-loader{background:color-mix(in srgb,var(--bg) 94%,transparent)!important;backdrop-filter:blur(5px)!important;transition:opacity .52s ease,visibility .52s ease,background .52s ease,backdrop-filter .52s ease!important}
.site-loader.is-complete{background:transparent!important;backdrop-filter:blur(0)!important}
html[data-theme="light"] .site-loader{background:color-mix(in srgb,var(--bg) 94%,transparent)!important}
html[data-theme="light"] .site-loader.is-complete{background:transparent!important}


/* ========================================================================== 
   v0.9.4 — corrective verification pass
   ========================================================================== */
/* True footer fallback for mobile browsers whose dynamic viewport reports
   inconsistently while browser chrome is visible. */
html{min-height:100%;}
body{min-height:100vh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;}
.site-shell{display:flex!important;flex-direction:column!important;flex:1 0 auto!important;width:100%!important;min-height:100vh!important;min-height:100dvh!important;}
main#pageContent{flex:1 0 auto!important;}
.site-footer{flex:0 0 auto!important;margin-top:auto!important;}



/* ==========================================================================
   v0.9.6 — theme-matched brand asset repair
   Tight-cropped transparent logo assets remove baked-in black/gray canvases.
   Sizes below are authoritative so header/footer/loader remain legible on mobile.
   ========================================================================== */
.brand-logo,.footer-logo,.hero-logo,.loader-skull{background:transparent!important}
.brand-horizontal{width:240px!important;height:82px!important;object-fit:contain!important}
.footer-logo{width:220px!important;height:82px!important;object-fit:contain!important}
.loader-emblem{width:176px!important;height:176px!important}
.loader-skull{width:132px!important;height:132px!important;object-fit:contain!important}
.loader-skull-light{display:none!important}
html[data-theme="light"] .loader-skull-dark{display:none!important}
html[data-theme="light"] .loader-skull-light{display:block!important}
.loader-ring{inset:3px!important;border-width:3px!important;box-shadow:0 0 28px rgba(24,207,208,.18)!important}
html[data-theme="dark"] .site-loader{background:rgba(43,47,54,.82)!important;backdrop-filter:blur(5px)!important}
html[data-theme="light"] .site-loader{background:rgba(244,247,249,.88)!important;backdrop-filter:blur(5px)!important}
.v100-logo-stage{width:min(92%,690px)!important;padding:18px!important}
.v100-logo-stage .hero-logo{width:100%!important;height:auto!important;object-fit:contain!important}
@media(max-width:900px){
  .brand-horizontal{width:196px!important;height:68px!important}
  .footer-logo{width:184px!important;height:68px!important}
}
@media(max-width:640px){
  .site-header{padding-left:20px!important;padding-right:20px!important}
  .brand-horizontal{width:172px!important;height:60px!important}
  .footer-logo{width:174px!important;height:64px!important}
  .loader-emblem{width:164px!important;height:164px!important}
  .loader-skull{width:124px!important;height:124px!important}
  .v100-logo-stage{width:min(94%,560px)!important;padding:10px!important}
}


/* v0.9.7 — approved brand-sheet visual direction */
html[data-theme="dark"]{
  --surface:rgba(13,18,24,.58);
  --surface2:rgba(21,27,33,.50);
  --surface3:rgba(32,39,46,.46);
  --border:rgba(195,203,210,.12);
  --shadow:0 22px 58px rgba(0,0,0,.18);
}
html[data-theme="light"]{
  --surface:rgba(255,255,255,.64);
  --surface2:rgba(237,243,245,.58);
  --surface3:rgba(226,234,237,.54);
  --border:rgba(30,48,58,.11);
  --shadow:0 20px 50px rgba(30,45,55,.09);
}
body{
  background:
    radial-gradient(circle at 12% 16%,rgba(24,207,208,.07),transparent 28rem),
    radial-gradient(circle at 84% 38%,rgba(0,182,184,.045),transparent 34rem),
    var(--bg);
}
.site-shell{background:transparent;display:flex;flex-direction:column;min-height:100vh}
#pageContent{position:relative;z-index:2;flex:1 0 auto}
.site-footer{margin-top:auto}
.site-header{
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  border-bottom-color:var(--border);
}

/* The approved below-header image concept, using the current theme-correct TDE artwork. */
.tde-brand-environment{
  position:relative;
  height:clamp(120px,18vw,250px);
  margin-bottom:clamp(-82px,-6vw,-48px);
  overflow:hidden;
  pointer-events:none;
  isolation:isolate;
}
body[data-page-path="/"] .tde-brand-environment{
  height:clamp(190px,25vw,360px);
  margin-bottom:clamp(-142px,-10vw,-90px);
}
.tde-brand-environment::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 50% 38%,rgba(24,207,208,.16),transparent 42%),
    linear-gradient(180deg,var(--header),color-mix(in srgb,var(--bg) 58%,transparent),transparent);
}
.tde-brand-grid{
  position:absolute;inset:0;
  opacity:.32;
  background-image:
    linear-gradient(rgba(24,207,208,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(24,207,208,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,#000,transparent 92%);
}
.tde-brand-haze{
  position:absolute;left:12%;right:12%;bottom:0;height:50%;
  background:radial-gradient(ellipse,rgba(24,207,208,.11),transparent 70%);
  filter:blur(22px);
}
.tde-brand-mark{
  position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);
  width:min(780px,68vw);max-height:210px;object-fit:contain;
  opacity:.17;filter:blur(.2px) drop-shadow(0 16px 28px rgba(0,0,0,.16));
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
}
body[data-page-path="/"] .tde-brand-mark{width:min(980px,78vw);max-height:300px;opacity:.22}
.tde-brand-mark-light{display:none}
html[data-theme="light"] .tde-brand-mark-dark{display:none}
html[data-theme="light"] .tde-brand-mark-light{display:block;opacity:.12}

/* Panels now sit in the environment instead of reading as high-contrast cards. */
.v100-hero,.v100-product-card,.v100-id-band,.v100-news-grid article,
.product-card,.news-card,.empty-card,.dash-card,.auth-card,
.admin-module,.admin-row,.admin-table-wrap,.settings-card,.admin-control-card,
.record-card,.store-item-card,.support-card,.legal-prose{
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  border-color:var(--border)!important;
}
.v100-hero{
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface2) 78%,transparent))!important;
  box-shadow:0 28px 74px rgba(0,0,0,.13);
  border-radius:24px;
}
.v100-product-card{
  background:color-mix(in srgb,var(--surface) 86%,transparent);
  box-shadow:none;
  border-radius:14px;
}
.v100-product-card:hover{
  transform:translateY(-2px);
  border-color:rgba(24,207,208,.42);
}
.v100-product-copy{padding:17px 18px 18px}
.v100-product-copy p{font-size:14px;line-height:1.5}
.v100-product-art{aspect-ratio:16/9;background:color-mix(in srgb,var(--surface2) 76%,transparent)}
.v100-news-grid article{background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:none}
.v100-id-band{
  background:linear-gradient(120deg,rgba(8,12,16,.74),rgba(13,28,31,.60));
  box-shadow:0 22px 54px rgba(0,0,0,.13);
}
html[data-theme="light"] .v100-id-band{
  background:linear-gradient(120deg,rgba(255,255,255,.70),rgba(224,242,242,.58));
  color:var(--text);
}
html[data-theme="light"] .v100-id-band p{color:var(--muted)}
.v100-manifesto,.v100-showcase,.v100-news{position:relative}
.v100-showcase::before,.v100-news::before{
  content:"";position:absolute;inset:-12% -3%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 40%,rgba(24,207,208,.035),transparent 68%);
}
.product-card,.news-card,.empty-card,.dash-card,.auth-card,.admin-module,.admin-row,.settings-card,.admin-control-card{
  background:color-mix(in srgb,var(--surface) 90%,transparent);
  box-shadow:none;
}
.page-hero{position:relative;z-index:1}
.page-hero::after{
  content:"";display:block;width:min(170px,30vw);height:2px;margin-top:24px;
  background:linear-gradient(90deg,var(--teal),transparent);opacity:.65;
}

/* Desktop brand details requested for the pre-migration polish. */
html{scrollbar-width:thin;scrollbar-color:var(--teal) color-mix(in srgb,var(--surface2) 70%,transparent)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface2) 70%,transparent)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--teal),var(--teal2));border:2px solid transparent;border-radius:999px;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--teal);background-clip:padding-box}

@media(max-width:700px){
  .tde-brand-environment{height:112px;margin-bottom:-50px}
  body[data-page-path="/"] .tde-brand-environment{height:155px;margin-bottom:-76px}
  .tde-brand-mark{width:94vw;opacity:.13}
  body[data-page-path="/"] .tde-brand-mark{width:96vw;opacity:.17}
  .tde-brand-grid{background-size:38px 38px}
  .v100-hero{border-radius:18px}
  .v100-product-card{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
  .tde-brand-mark,.tde-brand-haze{filter:none}
}

@media(hover:hover) and (pointer:fine){
  html:not([data-disable-animations="1"]) body{
    cursor:url("../images/tde-cursor.png") 8 4,auto;
  }
  html:not([data-disable-animations="1"]) a,
  html:not([data-disable-animations="1"]) button,
  html:not([data-disable-animations="1"]) summary,
  html:not([data-disable-animations="1"]) [role="button"]{
    cursor:url("../images/tde-cursor.png") 8 4,pointer;
  }
  .tde-cursor-particle{
    position:fixed;z-index:99999;pointer-events:none;
    color:var(--teal);font-size:12px;line-height:1;
    text-shadow:0 0 8px rgba(24,207,208,.42);
    transform:translate(-50%,-40%);
    animation:tdeCursorFall .62s ease-out forwards;
  }
}
@keyframes tdeCursorFall{
  0%{opacity:.68;transform:translate(-50%,-40%) scale(.82) rotate(0)}
  100%{opacity:0;transform:translate(calc(-50% + 7px),26px) scale(.46) rotate(32deg)}
}
@media(prefers-reduced-motion:reduce){
  .tde-cursor-particle{display:none!important}
}


/* v0.9.7.2 — approved Gear-head castle environment + compact Command Center */
.tde-brand-environment{
  height:clamp(190px,25vw,360px);
  margin-bottom:clamp(-150px,-10vw,-92px);
  background:var(--bg);
}
.tde-environment-picture{display:contents}
.tde-environment-art{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;
  opacity:.68;
  filter:saturate(.88) contrast(.94);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.28) 90%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.28) 90%,transparent 100%);
}
.tde-environment-art-light{display:none}
html[data-theme="light"] .tde-environment-art-dark{display:none}
html[data-theme="light"] .tde-environment-art-light{display:block;opacity:.62;filter:saturate(.82) contrast(.92)}
.tde-brand-environment::before{
  z-index:2;
  background:linear-gradient(180deg,color-mix(in srgb,var(--header) 18%,transparent),transparent 35%,color-mix(in srgb,var(--bg) 8%,transparent) 60%,var(--bg) 100%);
}
.tde-brand-haze{z-index:3;left:0;right:0;height:48%;bottom:-8%;background:linear-gradient(180deg,transparent,var(--bg) 82%);filter:blur(8px)}
body[data-page-path="/"] .tde-brand-environment{height:clamp(220px,30vw,420px);margin-bottom:clamp(-175px,-12vw,-110px)}

/* Admin is a dense management console, not a public card feed. */
.is-admin-area #pageContent{padding-bottom:52px}
.is-admin-area .page-hero{padding-top:34px;padding-bottom:30px}
.is-admin-area .page-hero h1{font-size:clamp(38px,5vw,62px);margin:12px 0}
.is-admin-area .page-hero>p{font-size:17px;line-height:1.48;max-width:920px}
.is-admin-area .dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.is-admin-area .dash-card{padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--surface) 72%,transparent)}
.is-admin-area .dash-card strong{font-size:30px}
.is-admin-area .admin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.is-admin-area .admin-module{min-height:0;padding:16px 18px;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow action" "title action" "copy action";column-gap:18px;align-items:center}
.is-admin-area .admin-module .eyebrow{grid-area:eyebrow;font-size:12px}
.is-admin-area .admin-module h2{grid-area:title;font-size:22px;margin:4px 0}
.is-admin-area .admin-module p{grid-area:copy;margin:0;font-size:14px;line-height:1.42}
.is-admin-area .admin-module .btn{grid-area:action;margin:0;align-self:center;white-space:nowrap}
.is-admin-area .admin-title-row{margin-bottom:18px}
.is-admin-area .admin-title-row h1{font-size:clamp(36px,5vw,54px);margin:8px 0}
.is-admin-area .editor-form,.is-admin-area .admin-table-wrap,.is-admin-area .admin-row{
  background:color-mix(in srgb,var(--surface) 76%,transparent);
  backdrop-filter:blur(16px) saturate(115%);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
}
.is-admin-area .editor-form{padding:20px;border-radius:14px}

@media(max-width:700px){
  .tde-brand-environment{height:180px;margin-bottom:-92px}
  body[data-page-path="/"] .tde-brand-environment{height:205px;margin-bottom:-106px}
  .tde-environment-art{object-position:center center;opacity:.58}
  html[data-theme="light"] .tde-environment-art-light{opacity:.54}
  .is-admin-area .page-hero{padding-top:24px;padding-bottom:22px}
  .is-admin-area .dashboard-grid{grid-template-columns:repeat(4,minmax(72px,1fr));gap:7px;overflow:visible}
  .is-admin-area .dash-card{padding:11px 9px}
  .is-admin-area .dash-card strong{font-size:27px}
  .is-admin-area .dash-card>span{font-size:12px}
  .is-admin-area .admin-section-grid{grid-template-columns:1fr;gap:8px}
  .is-admin-area .admin-module{padding:14px;grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
  .is-admin-area .admin-module h2{font-size:20px}
  .is-admin-area .admin-module p{font-size:13px}
  .is-admin-area .admin-module .btn{min-height:40px;padding-inline:13px;font-size:13px}
}


/* v0.9.7.3 — true circular loader + contained castle banner */
.loader-emblem{width:150px!important;height:150px!important}
.loader-skull{
  width:118px!important;height:118px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 10px rgba(24,207,208,.28))!important;
}
html[data-theme="light"] .loader-skull{
  filter:drop-shadow(0 0 7px rgba(0,182,184,.20))!important;
}

/* Keep the environmental banner framed with the rest of the site instead of
   stretching edge-to-edge across the viewport. */
.tde-brand-environment{
  width:min(1450px,calc(100% - 56px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:0 0 22px 22px;
}
@media(max-width:700px){
  .tde-brand-environment{
    width:calc(100% - 32px)!important;
    height:172px!important;
    margin-bottom:-84px!important;
    border-radius:0 0 16px 16px;
  }
  body[data-page-path="/"] .tde-brand-environment{
    height:190px!important;
    margin-bottom:-96px!important;
  }
  .tde-environment-art{
    object-position:center 50%!important;
  }
}


/* v0.9.7.5 — Dead End Guide mobile overlay correction.
   The Guide is a true modal utility when open: it must not visually merge
   with the page, overlap news cards, or sit behind the mobile keyboard. */
.guide-panel{
  backdrop-filter:blur(18px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(118%)!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--teal) 42%,var(--border))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 0 1px rgba(24,207,208,.08) inset!important;
}
.guide-header{
  background:color-mix(in srgb,var(--header) 96%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--teal) 28%,var(--border))!important;
}
.guide-form{
  background:color-mix(in srgb,var(--header) 92%,transparent)!important;
  border-top:1px solid color-mix(in srgb,var(--teal) 24%,var(--border))!important;
}
.guide-form input{
  background:color-mix(in srgb,var(--surface2) 94%,transparent)!important;
  border-color:color-mix(in srgb,var(--teal) 36%,var(--border))!important;
  box-shadow:0 0 0 3px rgba(24,207,208,.06)!important;
}
.guide-status{background:color-mix(in srgb,var(--header) 92%,transparent)!important;padding-top:0!important}
.guide-suggestions{background:color-mix(in srgb,var(--surface) 94%,transparent)!important}
.guide-messages{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,transparent),color-mix(in srgb,var(--surface2) 96%,transparent))!important}

@media(max-width:600px){
  .dead-end-guide:has(.guide-panel:not([hidden])){
    position:fixed!important;
    inset:0!important;
    z-index:2147482000!important;
    width:100vw!important;
    height:100dvh!important;
    pointer-events:none!important;
  }
  .dead-end-guide:has(.guide-panel:not([hidden]))::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(4,8,11,.62)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    pointer-events:auto!important;
  }
  html[data-theme="light"] .dead-end-guide:has(.guide-panel:not([hidden]))::before{
    background:rgba(238,244,246,.70)!important;
  }
  .dead-end-guide:has(.guide-panel:not([hidden])) .guide-launcher{display:none!important}
  .guide-panel{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:max(12px,env(safe-area-inset-top))!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    border-radius:22px!important;
    display:flex!important;
    flex-direction:column!important;
    pointer-events:auto!important;
    overflow:hidden!important;
  }
  .guide-panel[hidden]{display:none!important}
  .guide-header{padding:12px 13px!important;flex:0 0 auto!important}
  .guide-messages{height:auto!important;min-height:0!important;flex:1 1 auto!important;padding:13px!important}
  .guide-suggestions{flex:0 0 auto!important;padding:8px 12px 10px!important;gap:6px!important}
  .guide-suggestions button{padding:7px 9px!important;font-size:11px!important}
  .guide-form{flex:0 0 auto!important;padding:10px 12px!important;gap:8px!important}
  .guide-form input{min-height:48px!important;font-size:16px!important;border-radius:14px!important}
  .guide-form button{min-width:74px!important;min-height:48px!important;border-radius:14px!important}
  .guide-status{flex:0 0 auto!important;padding:0 13px 10px!important;font-size:10px!important}
}


/* v0.9.7.6 — responsive full-image castle banner
   Preserve the entire composition on every screen. Never crop the left/right text. */
.tde-brand-environment{
  width:min(1450px,calc(100% - 32px))!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
  border-radius:0 0 22px 22px;
  background:transparent!important;
}
.tde-environment-picture{
  display:block!important;
  width:100%!important;
}
.tde-environment-art{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:.68;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.82) 76%,rgba(0,0,0,.30) 91%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.82) 76%,rgba(0,0,0,.30) 91%,transparent 100%)!important;
}
.tde-environment-art-light{display:none!important}
html[data-theme="light"] .tde-environment-art-dark{display:none!important}
html[data-theme="light"] .tde-environment-art-light{display:block!important}
.tde-brand-haze{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-2px!important;
  height:34%!important;
  z-index:3!important;
  pointer-events:none!important;
}
body[data-page-path="/"] .tde-brand-environment{
  height:auto!important;
  margin-bottom:clamp(-138px,-10vw,-74px)!important;
}
@media(max-width:700px){
  .tde-brand-environment{
    width:100%!important;
    height:auto!important;
    margin-bottom:-58px!important;
    border-radius:0!important;
  }
  body[data-page-path="/"] .tde-brand-environment{
    height:auto!important;
    margin-bottom:-66px!important;
  }
  .tde-environment-art{
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}


/* FINAL compact Dead End cursor */
@media (hover:hover) and (pointer:fine){
  html,body,.site-shell{
    cursor:url("../images/tde-cursor.png?v=final1") 2 2,auto !important;
  }
  a,button,[role="button"],input[type="submit"],input[type="button"],select,summary,.btn,.icon-btn{
    cursor:url("../images/tde-cursor.png?v=final1") 2 2,pointer !important;
  }
  .tde-cursor-particle{
    position:fixed;
    z-index:99999;
    pointer-events:none;
    width:24px;
    height:24px;
    background:url("../images/tde-cursor-particle.png?v=final1") center/contain no-repeat;
    filter:drop-shadow(0 0 5px rgba(24,207,208,.48));
    transform:translate(-50%,-45%);
    animation:tdeFinalCursorTrail .72s ease-out forwards;
  }
}
@keyframes tdeFinalCursorTrail{
  0%{opacity:.82;transform:translate(-50%,-45%) scale(.92) rotate(0deg)}
  100%{opacity:0;transform:translate(calc(-50% + 5px),30px) scale(.7) rotate(34deg)}
}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  .tde-cursor-particle{display:none!important}
}

/* 1.0.4 — one complete hamburger navigation at every viewport width. */
.desktop-nav,.desktop-auth-actions{display:none!important}
.site-header{flex-wrap:nowrap!important}
.priority-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.priority-nav a{display:flex;align-items:center;min-height:42px;padding:0 14px;border-radius:10px;color:var(--muted);font-size:15px;font-weight:850}
.priority-nav a:hover,.priority-nav a:focus{background:var(--surface2);color:var(--teal)}
.header-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important}
.mobile-nav{display:block!important;position:relative!important;z-index:10002!important}
.mobile-nav>summary{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:48px!important;height:46px!important;border:2px solid var(--teal)!important;
  border-radius:10px!important;background:var(--surface)!important;cursor:pointer!important
}
.mobile-nav-panel{
  position:absolute!important;top:56px!important;right:0!important;z-index:10002!important;
  width:min(360px,calc(100vw - 28px))!important;max-height:calc(100dvh - 130px)!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
  display:grid!important;gap:4px!important;padding:12px!important;
  border:1px solid var(--border)!important;border-radius:14px!important;
  background:var(--surface)!important;box-shadow:0 22px 54px rgba(0,0,0,.38)!important
}
.mobile-nav-panel a{
  display:flex!important;align-items:center!important;min-height:44px!important;
  padding:9px 12px!important;border-radius:10px!important;color:var(--text)!important;
  font-size:16px!important;font-weight:800!important
}
.mobile-nav-panel a:hover,.mobile-nav-panel a:focus{background:var(--surface2)!important;color:var(--teal)!important}
@media(max-width:1180px){
  .priority-secondary-link{display:none!important}
}
@media(max-width:640px){
  .priority-nav{margin-left:auto;gap:2px}
  .priority-nav a{padding:0 9px;font-size:14px}
  .priority-store-link{display:none!important}
  .header-actions{gap:7px!important}
  .mobile-nav-panel{right:-2px!important;max-height:calc(100dvh - 104px)!important}
}
@media(max-width:440px){
  .priority-nav a:first-child{display:none!important}
}