/* GossipX PRISM · Shared product interface, not a marketing skin.
   Text stays opaque. Glass is reserved for chrome, edges and primary actions.
   This replaces the earlier interface.css; no third override layer is loaded. */
@font-face{font-family:'GX Jakarta';src:url('../assets/fonts/PJS-Medium.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:'GX Jakarta';src:url('../assets/fonts/PJS-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'GX Jakarta';src:url('../assets/fonts/PJS-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'GX Jakarta';src:url('../assets/fonts/PJS-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
html:root{
  --gx-bg:#090d16;--gx-bg2:#101522;--gx-canvas:var(--gx-bg);
  --gx-surface:#151c2a;--gx-surface-2:#1c2536;--gx-surface-3:#283449;
  --gx-elevated:var(--gx-surface);--gx-elevated-2:var(--gx-surface-2);
  --gx-text:#f3f5ff;--gx-text-2:#c2cadb;--gx-text-3:#a0afc5;--gx-text-4:#a0afc5;
  --gx-accent:#c1b6ff;--gx-accent-2:#dcd5ff;--gx-on-accent:#17132d;
  --gx-purple:#c1b6ff;--gx-purple-2:#dcd5ff;--gx-pink-tint:rgba(178,158,255,.12);--gx-purple-tint:rgba(178,158,255,.12);
  --gx-border:#354259;--gx-hair:#283347;--gx-premium-border:var(--gx-border);--gx-card-border:var(--gx-border);
  --gx-info:#8ddce4;--gx-success:#89dfb5;--gx-danger:#ff9db5;--gx-warning:#f2ce8c;--gx-warning-text:#f2ce8c;
  --gx-warning-tint:#f2ce8c12;--gx-warning-border:#f2ce8c55;--gx-danger-tint:#ff9db512;--gx-success-tint:#89dfb512;
  --gx-status-confirmed:#89dfb5;--gx-status-reports:#91c9ff;--gx-status-unconfirmed:#f2ce8c;
  --gx-status-disputed:#ff9db5;--gx-status-resolved:#acd1de;--gx-status-community:#a0afc5;
  --gx-grad:linear-gradient(125deg,#dccbff 0%,#b7bcff 60%,#92dbe3 100%);
  --gx-chrome:rgba(20,28,43,.94);--gx-premium-chrome:var(--gx-chrome);
  --gx-glass-top:rgba(226,232,255,.075);--gx-rim:rgba(235,240,255,.20);
  --gx-shadow:0 24px 72px #0006;--gx-shadow-soft:0 8px 26px #0002;
  --gx-premium-shadow-soft:var(--gx-shadow-soft);--gx-gloss:inset 0 1px 0 var(--gx-rim),0 10px 28px #0002;
  --gx-font:'GX Jakarta',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gx-gutter:20px;--gx-nav:82px;--gx-header:68px;color-scheme:dark;
}
html:root[data-theme="light"]{
  --gx-bg:#f1f4fa;--gx-bg2:#e9edf6;--gx-canvas:var(--gx-bg);
  --gx-surface:#fff;--gx-surface-2:#edf1f8;--gx-surface-3:#dfe6f1;
  --gx-text:#1c263c;--gx-text-2:#46556c;--gx-text-3:#5b6c84;--gx-text-4:#5b6c84;
  --gx-accent:#6241b5;--gx-accent-2:#503499;--gx-on-accent:#fff;--gx-purple:#6241b5;--gx-purple-2:#7951cc;
  --gx-pink-tint:#7456c611;--gx-purple-tint:#7456c611;
  --gx-border:#cdd7e6;--gx-hair:#dfe6f0;--gx-info:#1b6c79;--gx-success:#177146;--gx-danger:#b62349;--gx-warning:#805700;--gx-warning-text:#805700;
  --gx-warning-tint:#8057000c;--gx-warning-border:#80570040;--gx-danger-tint:#b623490c;--gx-success-tint:#1771460c;
  --gx-status-confirmed:#177146;--gx-status-reports:#285da2;--gx-status-unconfirmed:#805700;
  --gx-status-disputed:#b62349;--gx-status-resolved:#3b6478;--gx-status-community:#5b6c84;
  --gx-grad:linear-gradient(125deg,#7846c5,#5555b7 65%,#316c92);
  --gx-chrome:rgba(250,252,255,.95);--gx-glass-top:rgba(255,255,255,.95);--gx-rim:#fff;
  --gx-shadow:0 24px 72px #28375626;--gx-shadow-soft:0 7px 22px #2837560c;
  --gx-gloss:inset 0 1px 0 #fff,0 8px 28px #28375612;color-scheme:light;
}
html,body{font-family:var(--gx-font)!important;background:var(--gx-bg)!important;color:var(--gx-text);font-size:16px}
body{background-image:radial-gradient(ellipse at 10% 0%,#9275ee10,transparent 50%),radial-gradient(ellipse at 100% 90%,#43bfc70b,transparent 50%)!important}
#app-root{font-family:var(--gx-font)!important;color:var(--gx-text);background:transparent!important}
#app-root *,#app-root *::before,#app-root *::after{box-sizing:border-box}
#app-root button,#app-root input,#app-root textarea,#app-root select{font-family:inherit}
#app-root button{cursor:pointer}
#app-root button:disabled{cursor:not-allowed;opacity:.58}
#app-root [hidden]{display:none!important}
#app-root :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--gx-accent)!important;outline-offset:3px!important}
#app-root :is(input,textarea,select){scroll-margin-block:90px;max-width:100%;min-width:0}
::selection{background:#9d8bff50;color:var(--gx-text)}
#app-root .screen{background:transparent!important;min-width:0;min-height:0;height:100%;isolation:isolate}
#app-root .page-content{background:transparent!important;min-width:0;min-height:0;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--gx-border) transparent}
#app-root .gx-input{min-height:48px!important;background:var(--gx-surface-2)!important;border:1px solid var(--gx-border)!important;border-radius:13px!important;padding:12px 14px;font-size:16px!important;color:var(--gx-text)!important;box-shadow:inset 0 1px 2px #00000009}
#app-root .gx-input::placeholder,#app-root textarea::placeholder{color:var(--gx-text-3);opacity:1}
#app-root :is(.gx-btn,.desktop-spill-btn,.gx-profile-btn--primary,.gx-plan-submit){min-height:48px;border:1px solid transparent!important;border-radius:14px!important;background:var(--gx-grad)!important;color:var(--gx-on-accent)!important;box-shadow:inset 0 1px 0 #ffffff60,0 6px 18px #8068d52b!important;font-size:14px;font-weight:700;text-shadow:none}
#app-root .gx-btn.gx-btn-secondary{background:var(--gx-surface-2)!important;color:var(--gx-text)!important;border-color:var(--gx-border)!important;box-shadow:inset 0 1px 0 var(--gx-rim)!important}
#app-root .gx-btn.gx-btn-ghost{background:transparent!important;color:var(--gx-text-2)!important;border-color:transparent!important;box-shadow:none!important}
#app-root .gx-btn.gx-btn-danger{background:var(--gx-danger)!important;color:var(--gx-bg)!important;box-shadow:none!important}
#app-root .gx-btn:disabled{background:var(--gx-surface-3)!important;color:var(--gx-text-2)!important;box-shadow:none!important}
#app-root :is(.back-btn,.gx-icon-btn,.gx-top-action,.gx-profile-iconbtn,.gx-link-action,.gx-text-action){min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
#app-root :is(.gx-icon-btn,.back-btn){border:1px solid var(--gx-hair);border-radius:13px!important;background:linear-gradient(155deg,var(--gx-glass-top),transparent),var(--gx-surface-2)!important;color:var(--gx-text-2)!important;box-shadow:inset 0 1px 0 var(--gx-rim)!important;flex-shrink:0}
#app-root .gx-text-action{background:transparent;border:0;color:var(--gx-accent);font-size:13px;font-weight:700}
#app-root :is(.gx-profile-name,.gx-explore-hero h1,.gx-top-level-header strong,.gx-feed-headline,.gx-plan-hero__title,.gx-auth-form-wrap h1){font-family:var(--gx-font)!important;letter-spacing:-.035em!important}

/* Layout: two columns on laptops, a useful discovery rail when space allows. */
#app-root .app-shell{width:100%;height:100%;background:transparent!important;overflow:hidden}
#app-root .desktop-main{width:100%!important;max-width:700px!important;height:100%;min-width:0;margin:auto!important;background:transparent!important;border-inline:1px solid var(--gx-hair)}
#app-root .desktop-nav,#app-root .desktop-right{display:none!important}
#app-root .desktop-nav{padding:28px 12px 20px!important;min-width:0;width:100%!important;border:0!important;background:transparent!important;overflow-y:auto}
#app-root .gx-sidebar-brand{display:flex;align-items:center;padding:6px 12px 26px;min-height:70px;text-decoration:none}
#app-root .gx-brand-lockup{display:inline-flex;align-items:center;flex-shrink:1;min-width:0}
#app-root .gx-brand-lockup .gx-brand-img{max-width:158px;object-fit:contain;height:auto!important;max-height:40px}
#app-root .gx-nav-eyebrow{font-size:11px;color:var(--gx-text-3);font-weight:700;letter-spacing:.12em;padding:0 14px 16px}
#app-root .desktop-nav-items{gap:7px}
#app-root .desktop-nav-item{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px;width:100%;text-align:left;border:1px solid transparent;border-radius:15px!important;background:transparent;color:var(--gx-text-2)}
#app-root .desktop-nav-item span{font-size:14px;font-weight:600;color:inherit}
#app-root .desktop-nav-item svg{width:21px;height:21px;stroke-width:1.8}
#app-root .desktop-nav-item.active{background:linear-gradient(120deg,var(--gx-purple-tint),#73c6dc08)!important;border-color:var(--gx-border);color:var(--gx-accent)!important;box-shadow:inset 0 1px 0 var(--gx-rim)}
#app-root .desktop-spill-btn{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 0 0;width:100%}
#app-root .gx-side-badge{margin-left:auto;min-width:23px;min-height:23px;padding:3px 6px;border-radius:8px;background:var(--gx-purple-tint);font-size:11px!important;justify-content:center;align-items:center}
#app-root .gx-sidebar-note{padding:18px 14px;margin-top:24px;border:1px solid var(--gx-hair);border-radius:18px;background:linear-gradient(150deg,var(--gx-purple-tint),transparent)}
#app-root .gx-small-orbit{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--gx-purple-tint);color:var(--gx-accent);margin-bottom:12px}
#app-root .gx-sidebar-note strong{display:block;font-size:13px}
#app-root .gx-sidebar-note p{font-size:12px;line-height:1.7;color:var(--gx-text-3);margin:8px 0 0}
#app-root .gx-sidebar-note button{font-size:12px;text-align:left;justify-content:flex-start}
#app-root .gx-sidebar-bottom{margin-top:auto;padding-top:20px}
#app-root .gx-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:8px 10px;border:0;border-radius:12px;background:transparent;color:var(--gx-text-2)}
#app-root .gx-theme-label{font-size:13px}
.gx-theme-moon{display:none}[data-theme="light"] .gx-theme-sun{display:none}[data-theme="light"] .gx-theme-moon{display:block}
#app-root .gx-identity-control{display:flex;align-items:center;gap:9px;min-height:48px;min-width:0;width:auto;max-width:100%;padding:7px 10px;text-align:left;border:1px solid var(--gx-border);border-radius:14px;background:linear-gradient(150deg,var(--gx-glass-top),transparent),var(--gx-surface);color:var(--gx-text);box-shadow:inset 0 1px 0 var(--gx-rim)}
#app-root .gx-identity-avatar,#app-root .gx-composer-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gx-purple-tint);overflow:hidden;flex-shrink:0;font-size:20px}
#app-root .gx-identity-avatar img,#app-root .gx-composer-avatar img{width:100%;height:100%;object-fit:cover}
#app-root .gx-identity-copy{display:flex;flex-direction:column;min-width:0;flex:1}
#app-root .gx-identity-copy small{font-size:11px;color:var(--gx-text-3)}
#app-root .gx-identity-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app-root .gx-identity-handle{font-size:11px;font-weight:500;color:var(--gx-text-3)}
#app-root .gx-identity-sidebar{width:100%;margin-top:12px}
#app-root .gx-identity-sidebar .gx-identity-handle{display:none}
#app-root .is-ghost{border-color:color-mix(in srgb,var(--gx-purple) 45%,var(--gx-border))}

/* Home: the first real Spill is the hero. */
#app-root .gx-feed-page{padding:0 20px 106px!important}
#app-root .gx-home-topbar{position:sticky;top:0;z-index:14;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;margin:0 -20px 18px;padding:8px 20px;background:var(--gx-chrome);border-bottom:1px solid var(--gx-hair);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#app-root .gx-home-title{font-size:15px;font-weight:700}
#app-root .gx-home-title small{font-size:12px;font-weight:500;color:var(--gx-text-3)}
#app-root .gx-title-slash{color:var(--gx-border);margin:0 8px}
#app-root .gx-home-tools{display:flex;align-items:center;gap:4px}
#app-root .gx-home-tools .gx-theme-label{display:none}
#app-root .gx-top-action{position:relative;border:0;border-radius:13px;background:transparent;color:var(--gx-text-2)}
#app-root .gx-mobile-brand,#app-root .gx-mobile-search{display:flex}
#app-root .gx-home-title{display:none}
#app-root .gx-notification-dot{position:absolute;right:11px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--gx-accent);box-shadow:0 0 0 2px var(--gx-surface)}
#app-root .gx-feed-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;isolation:isolate;border:1px solid var(--gx-border);border-radius:20px;background:linear-gradient(115deg,var(--gx-glass-top),transparent 55%),var(--gx-surface);box-shadow:var(--gx-gloss);padding:19px 20px;margin-bottom:14px;overflow:hidden;min-height:0}
#app-root .gx-welcome-content{position:relative;z-index:1;min-width:0}
#app-root .gx-welcome-eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--gx-accent);margin-bottom:8px;line-height:1.5}
#app-root .gx-feed-welcome h1{font-family:var(--gx-font);font-size:27px;font-weight:800;letter-spacing:-.045em;line-height:1.22;margin:0}
#app-root .gx-feed-welcome h1 span{color:var(--gx-accent)}
#app-root .gx-feed-welcome p{font-size:12px;line-height:1.65;color:var(--gx-text-2);margin:8px 0 0}
#app-root .gx-area-pill{display:flex;align-items:center;gap:6px;position:relative;z-index:1;min-height:44px;max-width:150px;flex-shrink:0;padding:8px 10px;border:1px solid var(--gx-border);border-radius:12px;background:var(--gx-surface-2);color:var(--gx-text-2);font-size:12px;text-align:left}
#app-root .gx-area-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-root .gx-area-pill svg{flex-shrink:0}
#app-root .gx-orbit-art{position:absolute;width:150px;height:150px;right:-42px;bottom:-68px;pointer-events:none;opacity:.55;z-index:0}
#app-root .gx-orbit{position:absolute;inset:0;border:1px solid var(--gx-border);border-radius:50%}
#app-root .gx-orbit-two{inset:20px}#app-root .gx-orbit-core{position:absolute;inset:40px;display:grid;place-items:center;border:1px solid var(--gx-border);border-radius:50%;color:var(--gx-info)}
#app-root .gx-feed-composer{border:1px solid var(--gx-border);border-radius:18px;background:linear-gradient(150deg,var(--gx-glass-top),transparent 60%),var(--gx-surface);box-shadow:var(--gx-gloss);padding:3px 14px 0;margin-bottom:14px}
#app-root .gx-compose-prompt{display:flex;align-items:center;gap:12px;min-height:58px;width:100%;padding:10px 0;background:transparent;border:0;border-bottom:1px solid var(--gx-hair);color:var(--gx-text-2);font-size:14px;text-align:left}
#app-root .gx-compose-prompt>span:nth-child(2){flex:1}
#app-root .gx-compose-prompt>svg{color:var(--gx-accent);flex-shrink:0}
#app-root .gx-composer-bottom{display:flex;align-items:center;gap:4px;min-height:48px}
#app-root .gx-identity-mini{margin-right:auto;min-height:44px;padding:4px 1px;background:transparent;box-shadow:none;border:0;gap:4px}
#app-root .gx-identity-mini .gx-identity-avatar,#app-root .gx-identity-mini .gx-identity-handle{display:none}
#app-root .gx-identity-mini .gx-identity-copy{flex-direction:row;align-items:center;gap:5px}
#app-root .gx-identity-mini .gx-identity-copy small,#app-root .gx-identity-mini .gx-identity-copy strong{font-size:12px}
#app-root .gx-compose-shortcut{display:flex;align-items:center;gap:5px;min-height:44px;padding:6px 8px;background:transparent;border:0;border-radius:10px;color:var(--gx-text-2);font-size:12px;font-weight:600}
#app-root .gx-compose-shortcut svg{color:var(--gx-accent)}
#app-root .gx-feed-filterbar{position:sticky;top:68px;z-index:12;display:flex;gap:12px;border-bottom:1px solid var(--gx-hair);margin:0 -4px 0;padding:0 4px;background:var(--gx-chrome);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#app-root .feed-tabs{display:flex!important;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0;padding:4px 0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
#app-root .gx-feed-filterbar .feed-tabs{width:100%;gap:20px;border:0!important}
#app-root .feed-tab{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;min-height:48px;padding:8px 6px!important;font-size:13px!important;font-weight:700!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--gx-text-3)!important;white-space:nowrap}
#app-root .feed-tab.active{background:transparent!important;color:var(--gx-accent)!important;box-shadow:none!important}
#app-root .feed-tab.active::after{content:'';position:absolute;left:15%;right:15%;bottom:0;height:3px;background:var(--gx-grad);border-radius:4px}
#app-root .gx-feed-filter-icon{display:none}
#app-root .gx-context-guide{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;padding:8px 3px;margin-bottom:6px;border:0;background:transparent;color:var(--gx-text-3);text-align:left;font-size:11px;line-height:1.5}
#app-root .gx-context-guide span{flex:1}#app-root .gx-context-guide strong{font-weight:600;color:var(--gx-text-2)}
#app-root .gx-context-guide svg{color:var(--gx-info);flex-shrink:0}
#app-root .gx-stories{padding:10px 0 14px!important;background:transparent!important}
#app-root .gx-nearby-mode{margin:12px 0;background:var(--gx-surface-2);border-radius:14px;border:1px solid var(--gx-border);padding:3px;display:flex}
#app-root .gx-nearby-mode button{min-height:44px;flex:1;border-radius:11px;color:var(--gx-text-2)}

/* The recognisable Spill: a glint at the edge, opaque content, clear status. */
#app-root .post-card.gx-post-premium{padding:18px 18px 8px!important;margin:0 0 16px!important;border:1px solid var(--gx-border)!important;border-radius:20px!important;background:linear-gradient(150deg,var(--gx-glass-top),transparent 35%),var(--gx-surface)!important;box-shadow:var(--gx-gloss)!important;overflow:hidden;transform:none!important;backdrop-filter:none!important;max-width:100%;text-align:left}
#app-root .post-card.gx-post-premium::before{display:none!important}
#app-root .gx-post-header{display:flex;align-items:flex-start;gap:10px!important}
#app-root .gx-post-avatar{width:40px!important;min-width:40px!important;height:40px!important;border:1px solid var(--gx-border)!important;border-radius:14px!important;background:linear-gradient(145deg,var(--gx-purple-tint),var(--gx-surface-2))!important;font-size:22px!important;box-shadow:inset 0 1px 0 var(--gx-rim)!important}
#app-root .gx-post-avatar--ghost{border-color:color-mix(in srgb,var(--gx-purple) 45%,var(--gx-border))!important}
#app-root .gx-post-author{min-width:0;flex:1}
#app-root .gx-post-author-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px!important;line-height:1.55!important}
#app-root .post-name{font-family:var(--gx-font)!important;font-size:14px!important;font-weight:700!important;color:var(--gx-text)!important;overflow-wrap:anywhere}
#app-root .post-circle{font-size:12px!important;color:var(--gx-accent)!important;max-width:100%;white-space:normal!important}
#app-root .gx-post-meta{font-size:12px!important;color:var(--gx-text-3)!important;line-height:1.7!important;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
#app-root .gx-post-head-btn{display:grid;place-items:center;min-width:44px!important;min-height:44px!important;margin:-2px -9px 0 0;padding:8px;border:0;background:transparent!important;color:var(--gx-text-3)!important;box-shadow:none!important}
#app-root .gx-post-context{margin:10px 0 0!important}
#app-root .gx-post-context .type-chip{font-size:11px!important;color:var(--gx-text-2)!important;border:0!important;background:transparent!important;padding:3px 0!important}
#app-root .gx-post-premium .gx-post-text,#app-root .gx-post-premium .post-text{font-family:var(--gx-font)!important;font-size:16px!important;line-height:1.75!important;letter-spacing:-.013em!important;font-weight:400!important;color:var(--gx-text)!important;margin:12px 0 0!important;overflow-wrap:anywhere;max-width:65ch;white-space:pre-wrap}
#app-root .post-tags{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0!important}
#app-root .post-tag{display:inline-flex;align-items:center;min-height:44px!important;font-size:12px!important;color:var(--gx-accent)!important}
#app-root .gx-post-media{border:1px solid var(--gx-hair);border-radius:14px!important;overflow:hidden;margin:14px 0 10px!important;background:var(--gx-surface-2);width:100%}
#app-root .gx-post-media img,#app-root .gx-post-media video{display:block;width:100%;max-height:390px;object-fit:cover}
#app-root .gx-post-media--single img{height:auto!important}
#app-root .gx-credibility{margin:10px 0 7px!important;padding:5px 0!important;display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:transparent!important;border:0!important}
#app-root .gx-credibility__current{display:inline-flex;align-items:center;gap:6px;font-size:12px!important;font-weight:600!important;color:var(--status-color)!important}
#app-root .gx-credibility__current .gx-status-icon{display:inline-flex!important;color:inherit!important}
#app-root .gx-credibility__updated{font-size:11px;color:var(--gx-text-3)}
#app-root .gx-post-actions{display:flex!important;align-items:center;flex-wrap:wrap!important;gap:4px!important;min-height:53px;padding:4px 0 0!important;margin-top:7px!important;border-top:1px solid var(--gx-hair)!important}
#app-root .gx-post-actions .gx-post-action{display:inline-flex!important;align-items:center;justify-content:center;gap:5px!important;min-width:44px!important;min-height:44px!important;padding:7px 6px!important;font-size:12px!important;border-radius:11px!important;border:0!important;background:transparent!important;color:var(--gx-text-2)!important;box-shadow:none!important}
#app-root .gx-post-actions .gx-post-action:not(.gx-buzz-pill):not(.gx-replies-btn):not(.gx-post-action--share):not(.gx-post-action--save):not(.gx-post-action--know){display:none!important}
#app-root .gx-post-actions .gx-post-action--save{display:none!important}
#app-root .gx-post-actions .gx-post-spacer{flex:1;min-width:0}
#app-root .gx-post-actions .gx-post-action--know{background:var(--gx-purple-tint)!important;color:var(--gx-accent)!important;border:1px solid var(--gx-border)!important;font-size:12px!important;padding:6px 9px!important}
#app-root .gx-post-actions .gx-verify--confirm{color:var(--gx-status-confirmed)!important;background:var(--gx-success-tint)!important}
#app-root .gx-post-actions .gx-verify--dispute{color:var(--gx-status-disputed)!important;background:var(--gx-danger-tint)!important}
#app-root .gx-post-actions .liked,#app-root .gx-post-actions .saved{color:var(--gx-accent)!important}
#app-root .gx-post-actions .liked svg,#app-root .gx-post-actions .saved svg{fill:currentColor}
#app-root .gx-post-actions svg{width:18px!important;height:18px!important;flex-shrink:0}
#app-root .gx-post-identity{font-size:10px;color:var(--gx-purple)}
#app-root .gx-news-source{border-radius:12px;background:var(--gx-surface-2);min-height:48px;color:var(--gx-text-2);margin-top:12px}

/* Discovery rail. No fabricated activity counters or people. */
#app-root .desktop-right{padding:28px 8px 24px 16px!important;gap:20px!important;min-width:0;width:100%!important;background:transparent!important}
#app-root .desktop-search{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;padding:10px 13px;border:1px solid var(--gx-border);border-radius:14px;background:var(--gx-surface);color:var(--gx-text-3);box-shadow:var(--gx-gloss)}
#app-root .desktop-search span{flex:1;font-size:13px;text-align:left}
#app-root .desktop-search kbd{font-size:12px;border:1px solid var(--gx-border);border-radius:5px;padding:2px 5px}
#app-root .desktop-widget{background:linear-gradient(145deg,var(--gx-glass-top),transparent 50%),var(--gx-surface);border:1px solid var(--gx-border);border-radius:20px;padding:18px 16px 6px;box-shadow:var(--gx-gloss)}
#app-root .gx-widget-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--gx-accent)}
#app-root .gx-widget-heading h2{font-size:14px;font-weight:700;color:var(--gx-text);display:flex;gap:7px;align-items:center}
#app-root .gx-widget-subtitle{font-size:12px;color:var(--gx-text-3);line-height:1.7;margin:5px 0 10px}
#app-root .gx-circle-discovery,#app-root .gx-topic-discovery{display:flex;align-items:center;gap:10px;min-height:70px;padding:12px 0;border:0;border-bottom:1px solid var(--gx-hair);background:transparent;width:100%;text-align:left;color:var(--gx-text)}
#app-root .gx-circle-discovery>span:nth-child(2),#app-root .gx-topic-discovery>span:nth-child(2){flex:1;min-width:0}
#app-root .gx-circle-discovery strong,#app-root .gx-topic-discovery strong{display:block;font-size:13px;line-height:1.55}
#app-root .gx-circle-discovery small,#app-root .gx-topic-discovery small{display:block;font-size:11px;line-height:1.65;color:var(--gx-text-3);margin-top:4px}
#app-root .gx-circle-tile{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:12px;background:var(--gx-purple-tint);font-size:21px}
#app-root .gx-topic-rank{font-size:12px;color:var(--gx-text-3)}
#app-root .gx-widget-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;background:transparent;border:0;color:var(--gx-accent);font-size:12px;font-weight:700}
#app-root .gx-trust-guide{padding:8px 12px;color:var(--gx-text-3)}
#app-root .gx-trust-guide p{font-size:12px;line-height:1.8;margin:10px 0}
#app-root .gx-trust-guide>div:not(.gx-widget-heading){display:grid;grid-template-columns:8px 1fr;align-items:center;gap:4px 7px;margin:12px 0}
#app-root .gx-guide-dot{width:6px;height:6px;border-radius:50%}.gx-guide-dot.confirmed{background:var(--gx-success)}.gx-guide-dot.developing{background:var(--gx-info)}
#app-root .gx-trust-guide strong{font-size:12px;color:var(--gx-text-2)}#app-root .gx-trust-guide small{grid-column:2;font-size:11px}
#app-root .gx-trust-guide .gx-trust-footnote{font-size:11px;border-top:1px solid var(--gx-hair);padding-top:10px}
#app-root .gx-sidebar-footer{font-size:11px;line-height:1.8;color:var(--gx-text-3);padding:0 12px}

/* Creation: two compact, explicit decisions; writing remains the main task. */
#app-root .gx-compose-page{background:var(--gx-surface)!important;padding-bottom:0!important}
#app-root .gx-compose-header{padding:12px 18px!important;min-height:72px!important;gap:10px;background:var(--gx-chrome)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--gx-hair)!important}
#app-root .gx-cancel-compose{min-height:44px;padding:4px 0;background:transparent;border:0;color:var(--gx-text-2);font-size:12px;font-weight:600}
#app-root .gx-compose-header #compose-publish{min-height:44px!important;padding:10px 16px!important;font-size:13px!important}
#app-root .gx-compose-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;position:relative;padding:16px 18px 0!important}
#app-root .gx-compose-meta>button{display:flex;align-items:center;gap:8px;min-height:64px;min-width:0;padding:10px 11px;text-align:left;background:linear-gradient(145deg,var(--gx-glass-top),transparent),var(--gx-surface-2);border:1px solid var(--gx-border);border-radius:14px;box-shadow:inset 0 1px 0 var(--gx-rim)}
#app-root .gx-compose-meta>button>span:nth-child(2){flex:1;min-width:0}
#app-root .gx-compose-meta small{display:block;font-size:10px;color:var(--gx-text-3);font-weight:600;letter-spacing:.035em;line-height:1.7}
#app-root .gx-compose-meta strong{display:block;font-size:13px;line-height:1.6;color:var(--gx-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-root .gx-compose-meta strong span{display:none}
#app-root .gx-decision-icon{display:flex;color:var(--gx-accent);flex-shrink:0}
#app-root .gx-audience-options{position:absolute;z-index:18;top:calc(100% + 6px);left:18px;right:18px;max-height:260px;overflow:auto;border:1px solid var(--gx-border);border-radius:15px;background:var(--gx-surface);box-shadow:var(--gx-shadow)}
#app-root .gx-audience-options button{display:flex;align-items:center;justify-content:space-between;min-height:62px;width:100%;background:transparent;color:var(--gx-text);padding:12px 14px;border:0;border-bottom:1px solid var(--gx-hair);text-align:left}
#app-root .gx-audience-options button[aria-pressed="true"]{background:var(--gx-purple-tint)}
#app-root .gx-compose-identity-note{display:flex;align-items:center;gap:7px;margin:11px 18px 0;font-size:11px;color:var(--gx-text-3);line-height:1.7}
#app-root .gx-compose-content-label{padding:20px 18px 0!important;display:flex;gap:7px;flex-wrap:wrap}
#app-root .gx-compose-content-label strong{font-size:14px}#app-root .gx-compose-content-label span{font-size:12px;color:var(--gx-text-3)}
#app-root .gx-compose-primary-types{padding:12px 18px 0!important;gap:7px!important;flex-shrink:0}
#app-root .gx-compose-type-chip{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:8px 11px!important;border:1px solid var(--gx-border)!important;border-radius:12px!important;font-size:12px!important;color:var(--gx-text-2)!important;background:transparent!important;flex-shrink:0}
#app-root .gx-compose-type-chip.is-active{background:var(--gx-purple-tint)!important;color:var(--gx-accent)!important;border-color:var(--gx-accent)!important}
#app-root .gx-compose-more-types button{min-height:74px}
#app-root .gx-compose-body{padding:20px 18px!important;min-height:160px!important;flex:1 0 160px!important}
#app-root .gx-compose-body textarea{font-family:var(--gx-font)!important;font-size:17px!important;line-height:1.75!important;min-height:140px!important;height:auto!important}
#app-root .gx-compose-context-note{font-size:12px!important;color:var(--gx-text-3);padding:5px 18px 12px}
#app-root .gx-compose-suggestions>div{min-height:40px;display:flex;align-items:center}
#app-root .gx-compose-footer{padding:10px 18px max(12px,env(safe-area-inset-bottom))!important;background:var(--gx-chrome)!important;backdrop-filter:blur(18px);border-top:1px solid var(--gx-border)!important;gap:10px!important}
#app-root .gx-compose-tool{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--gx-border);border-radius:12px}
#app-root .gx-inline-feedback{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:48px;padding:12px 18px;font-size:13px;color:var(--gx-text-2);line-height:1.6}
#app-root .gx-inline-feedback.is-error{color:var(--gx-danger);background:var(--gx-danger-tint)}
#app-root .gx-inline-feedback button{min-height:44px;border:0;background:transparent;color:inherit;text-decoration:underline;font-weight:700}

/* Every secondary route uses the same material, readable scale and rhythm. */
#app-root :is(.gx-top-level-header,.gx-page-header,.gx-settings-header,.gx-detail-header,.gx-chat-header,.gx-plan-create-head,.gx-plan-detail-head){min-height:70px!important;padding:12px 18px!important;background:var(--gx-chrome)!important;border-bottom:1px solid var(--gx-border)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:10px}
#app-root .gx-top-level-header strong{font-size:22px!important}#app-root .gx-top-level-header small{font-size:12px!important;color:var(--gx-text-3)}
#app-root .gx-explore-page,#app-root .gx-messages-page{padding:16px 20px 106px!important}
#app-root .gx-explore-hero{padding:5px 0 14px!important;background:transparent!important}
#app-root .gx-explore-hero h1{font-size:29px!important;line-height:1.35!important}
#app-root .gx-explore-section{padding:20px 0!important;border-bottom:1px solid var(--gx-hair)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
#app-root .gx-explore-section-head strong{font-size:17px!important;font-family:var(--gx-font)!important}
#app-root :is(.gx-explore-feature,.gx-explore-circle-card,.gx-headline-card,.gx-circle-card,.gx-plan-card,.gx-admin-meet-card){background:linear-gradient(145deg,var(--gx-glass-top),transparent 45%),var(--gx-surface)!important;border:1px solid var(--gx-border)!important;border-radius:18px!important;box-shadow:var(--gx-gloss)!important}
#app-root .gx-explore-feature strong{font-size:16px!important;line-height:1.65!important}
#app-root .gx-explore-feature__meta,#app-root .gx-explore-feature__eyebrow{font-size:12px!important}
#app-root .gx-explore-row{min-height:78px!important;padding:14px 0!important;gap:12px;border-color:var(--gx-hair)!important}
#app-root .gx-explore-row__copy strong{font-size:14px!important;line-height:1.65!important}#app-root .gx-explore-row__copy small{font-size:12px!important}
#app-root .gx-explore-circle-card strong{font-size:14px!important}#app-root .gx-explore-circle-card small{font-size:12px!important;line-height:1.6}
#app-root .gx-headline-card{margin:10px 0;padding:14px!important}#app-root .gx-headline-card strong{font-size:15px!important;line-height:1.65!important}
#app-root .gx-headline-card small{font-size:12px!important}#app-root .gx-headline-card__source{font-size:12px!important}
#app-root .gx-topic-chip,#app-root .tag-pill{min-height:44px!important;border-radius:12px!important}
#app-root .gx-communities-page .circle-list{padding:0 20px;gap:12px}
#app-root .gx-circle-card{min-height:90px!important;padding:16px!important}
#app-root .gx-circle-meta{font-size:12px!important;line-height:1.6!important}
#app-root .gx-circle-topics span{font-size:11px!important;line-height:1.6}
#app-root .gx-communities-page .section-title{padding:24px 20px 12px!important;font-size:12px!important}
#app-root .search-input-wrap{min-height:48px!important;border:1px solid var(--gx-border)!important;border-radius:14px!important;background:var(--gx-surface-2)!important}
#app-root .search-input-wrap .gx-input{border:0!important;box-shadow:none;background:transparent!important;padding:7px!important;min-width:0;width:100%}
#app-root .search-result-user,#app-root .search-result-post{min-height:74px!important;padding:16px 20px!important;border-color:var(--gx-hair)!important}
#app-root .conversation-item{min-height:90px!important;padding:16px!important;margin:0 0 12px!important;border:1px solid var(--gx-border)!important;border-radius:18px!important;gap:12px;background:linear-gradient(150deg,var(--gx-glass-top),transparent),var(--gx-surface)!important;box-shadow:var(--gx-gloss)}
#app-root .conversation-item.unread{border-left:3px solid var(--gx-accent)!important;background:linear-gradient(110deg,var(--gx-purple-tint),transparent),var(--gx-surface)!important}
#app-root .gx-new-chat-btn{min-height:44px!important;font-size:13px!important;padding:8px 12px!important;gap:7px;border:1px solid var(--gx-border);border-radius:13px;color:var(--gx-accent);background:var(--gx-purple-tint)}
#app-root .gx-chat-person{min-width:0;flex:1}#app-root .gx-chat-person-copy{min-width:0}
#app-root .gx-chat-person-copy strong{font-size:15px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-root .gx-chat-header-row{gap:8px!important}#app-root .gx-chat-header-actions{gap:4px!important}
#app-root .gx-chat-header-actions .gx-icon-btn{min-width:40px;width:40px}
#app-root .chat-bubble{font-size:15px!important;line-height:1.7!important;padding:12px 14px!important;overflow-wrap:anywhere;box-shadow:var(--gx-gloss)!important}
#app-root .chat-bubble-received{background:var(--gx-surface)!important;border:1px solid var(--gx-border)!important;color:var(--gx-text)!important;border-radius:18px 18px 18px 5px!important}
#app-root .chat-bubble-sent{background:var(--gx-grad)!important;color:var(--gx-on-accent)!important;border:1px solid transparent!important;border-radius:18px 18px 5px 18px!important}
#app-root .chat-bubble-sent .chat-time{color:inherit!important;opacity:.8}
#app-root .chat-time{font-size:11px!important;margin-top:5px!important}
#app-root .gx-chat-composer{padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;background:var(--gx-chrome)!important;border-top:1px solid var(--gx-border);backdrop-filter:blur(16px)}
#app-root .gx-composer-field{background:var(--gx-surface-2)!important;border:1px solid var(--gx-border)!important;border-radius:16px!important;min-width:0}
#app-root #chat-input{font-size:16px!important;line-height:1.5!important}
#app-root .gx-composer-primary{min-height:46px;min-width:46px;background:var(--gx-grad)!important;color:var(--gx-on-accent)!important;box-shadow:inset 0 1px 0 #ffffff70}
#app-root .gx-composer-add,#app-root .gx-message-more{min-width:44px;min-height:44px}
#app-root .gx-message-more{opacity:1!important;color:var(--gx-text-3);background:transparent;border:0}
#app-root .notif-item{min-height:88px!important;padding:17px 20px!important;border-bottom:1px solid var(--gx-hair)!important;background:transparent!important}
#app-root .notif-item.unread{background:var(--gx-purple-tint)!important;border-left:3px solid var(--gx-accent)}
#app-root .gx-profile-head,#app-root .gx-profile-body{background:var(--gx-surface)!important}
#app-root .gx-profile-cover:not(.gx-profile-cover--photo){height:145px!important;background:radial-gradient(ellipse at 20% 10%,#9374d638,transparent 65%),linear-gradient(125deg,var(--gx-surface-3),var(--gx-surface),#48bac21a)!important;box-shadow:inset 0 1px 0 var(--gx-rim)!important;border-bottom:1px solid var(--gx-border)}
#app-root .gx-profile-body{padding:0 20px 20px!important}
#app-root .gx-profile-name{font-size:26px!important;line-height:1.4}
#app-root .gx-profile-handle,#app-root .gx-profile-bio{font-size:14px!important;line-height:1.8!important}
#app-root .gx-profile-btn,#app-root .gx-profile-primary{min-height:46px!important;padding:10px 13px!important;border-radius:13px!important;font-size:13px!important}
#app-root .gx-profile-stats>div{min-height:50px}
#app-root .gx-profile-posts{padding:14px 20px 105px!important}
#app-root .gx-profile-screen .feed-tabs{padding-inline:20px!important;background:var(--gx-chrome)!important;position:sticky;top:0;z-index:8}
#app-root .gx-identity-card{margin-top:20px!important;padding:14px!important;border:1px solid var(--gx-border)!important;border-radius:16px!important;box-shadow:inset 0 1px 0 var(--gx-rim)}
#app-root .gx-settings-page{padding:8px 20px 36px!important}
#app-root .gx-settings-list{gap:0!important}
#app-root .gx-settings-section{padding:25px 4px 12px!important;font-size:12px!important;letter-spacing:.06em!important;color:var(--gx-text-3)!important}
#app-root .gx-settings-list>:is(div,a):not(.gx-settings-section){background:var(--gx-surface)!important;border-color:var(--gx-border)!important;padding:17px 15px!important;min-height:70px}
#app-root .gx-settings-list [data-theme-opt]{display:inline-flex;align-items:center;min-height:44px;font-size:12px!important;padding:8px 10px!important}
#app-root .gx-settings-list .gx-link-action{padding:6px 3px!important;font-size:12px;flex-shrink:0}
#app-root .gx-settings-list .opt-ico{background:linear-gradient(145deg,var(--gx-glass-top),transparent),var(--gx-surface-2);border:1px solid var(--gx-border);border-radius:13px;box-shadow:inset 0 1px 0 var(--gx-rim)}
#app-root .gx-screen--newCommunity .page-content,#app-root .gx-screen--editProfile .page-content{max-width:620px;width:100%;margin:auto;padding:22px 20px 36px!important}
#app-root .gx-screen--newCommunity [role="button"],#app-root .gx-screen--editProfile [role="button"]{min-height:44px}
#app-root .gx-screen--admin .page-content{padding:18px 20px!important}
#app-root .gx-screen--admin [role="button"]{min-height:44px;display:inline-flex;align-items:center}
#app-root .gx-screen--post .post-text{font-family:var(--gx-font)!important;font-size:17px!important;line-height:1.75!important}
#app-root .comment-bubble{padding:13px!important;border:1px solid var(--gx-hair);border-radius:16px!important;background:var(--gx-surface-2)!important}
#app-root .gx-screen--post [role="button"]{min-height:44px}

/* Nearby Plans, evidence and secondary tools remain subordinate to the feed. */
#app-root .gx-plan-hero{border:1px solid var(--gx-border);border-radius:18px;background:linear-gradient(125deg,var(--gx-purple-tint),transparent),var(--gx-surface);padding:18px;box-shadow:var(--gx-gloss)}
#app-root .gx-plan-hero__title{font-size:23px!important;line-height:1.4!important}
#app-root .gx-plan-hero__sub,#app-root .gx-plan-note,#app-root .gx-plan-v1-note{font-size:13px!important;line-height:1.75!important}
#app-root .gx-plan-filter,#app-root .gx-plan-choice,#app-root .gx-plan-create,#app-root .gx-plan-join{min-height:44px!important;font-size:12px!important;border-radius:12px!important}
#app-root .gx-plan-card{padding:18px!important;margin-bottom:14px}
#app-root .gx-plan-card__title{font-size:18px!important;line-height:1.5!important}
#app-root .gx-plan-card__where,#app-root .gx-plan-card__desc{font-size:13px!important;line-height:1.7!important}
#app-root .gx-plan-stats{gap:8px;flex-wrap:wrap;font-size:12px!important}
#app-root .gx-plan-card__foot{gap:10px;flex-wrap:wrap}
#app-root .gx-plan-trust{font-size:11px!important;line-height:1.6;flex-wrap:wrap}
#app-root .gx-plan-form{padding:20px!important}
#app-root .gx-plan-label{font-size:12px!important;line-height:1.7!important}
#app-root .gx-plan-category,#app-root .gx-plan-visibility-card{min-height:62px!important;border:1px solid var(--gx-border)!important;border-radius:14px!important;background:var(--gx-surface)!important;box-shadow:inset 0 1px 0 var(--gx-rim)}
#app-root .gx-plan-category.is-active,#app-root .gx-plan-visibility-card.is-active{border-color:var(--gx-accent)!important;background:var(--gx-purple-tint)!important}
#app-root .gx-plan-inline-choices{flex-wrap:wrap}
#app-root .gx-plan-safety-card{border:1px solid var(--gx-border);border-radius:16px;background:var(--gx-success-tint);padding:16px}
#app-root .gx-plan-detail{padding:0 20px 28px!important}
#app-root .gx-plan-detail .gx-plan-detail-head{margin:0 -20px 18px}

/* Dialogs: one active sheet, stable focus, enough height for the keyboard. */
#app-root .sheet-backdrop{position:fixed;inset:0;background:#050914b5!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)}
#app-root .sheet{position:fixed;top:auto!important;bottom:0!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(540px,100vw)!important;max-width:100%;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)))!important;overflow-y:auto;border:1px solid var(--gx-border)!important;border-top-color:var(--gx-rim)!important;border-radius:25px 25px 0 0!important;background:linear-gradient(165deg,var(--gx-glass-top),transparent 28%),var(--gx-surface)!important;box-shadow:var(--gx-shadow)!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important;animation:none!important}
#app-root .sheet .gx-action-head{padding:17px 18px!important;background:var(--gx-surface);flex-shrink:0}
#app-root .sheet .gx-action-head strong{font-size:20px!important;line-height:1.4!important}
#app-root .sheet .gx-action-head small{font-size:13px!important;line-height:1.75!important;color:var(--gx-text-2)}
#app-root .sheet .gx-action-row{min-height:76px!important;padding:15px 18px!important}
#app-root .gx-action-copy strong{font-size:14px!important}#app-root .gx-action-copy small{font-size:12px!important;line-height:1.7!important}
#app-root .sheet .gx-action-list{min-height:0;overflow-y:auto}
#app-root .gx-sheet-handle{height:4px;width:36px;border-radius:10px;background:var(--gx-border)!important;margin:6px auto 2px;flex-shrink:0}
#app-root .id-card{padding:16px!important;min-height:105px;border:1px solid var(--gx-border)!important;border-radius:18px!important;background:linear-gradient(150deg,var(--gx-glass-top),transparent),var(--gx-surface-2)!important;box-shadow:inset 0 1px 0 var(--gx-rim)}
#app-root .id-card--active{border-color:var(--gx-accent)!important;background:var(--gx-purple-tint)!important}
#app-root .id-card__sub{font-size:12px!important;line-height:1.75!important}
#app-root .gx-ux-form{padding:0 18px 10px;overflow:auto}
#app-root .gx-ux-actions{display:flex;gap:10px;margin-top:20px}
#app-root .gx-ux-actions button{flex:1}
#app-root .gx-attach-card{min-height:104px!important;border:1px solid var(--gx-border)!important;border-radius:16px!important;background:var(--gx-surface-2)!important}
#app-root .gx-quick-comment-compose{border-top:1px solid var(--gx-hair);background:var(--gx-surface)!important;padding:12px!important;gap:8px}
#app-root #gx-quick-comment-input{font-size:16px!important;line-height:1.6!important;min-width:0;background:var(--gx-surface-2)!important;color:var(--gx-text)!important;border:1px solid var(--gx-border)!important}
#app-root #gx-quick-comment-send{min-width:44px;min-height:44px;border-radius:12px}
#app-root .empty-state{padding:40px 22px!important;min-height:220px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:transparent!important}
#app-root .empty-state p{font-size:14px!important;line-height:1.8!important;max-width:36ch}
#app-root .empty-state .emoji{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--gx-border);background:linear-gradient(145deg,var(--gx-glass-top),transparent),var(--gx-surface-2);border-radius:18px;font-size:26px!important;margin-bottom:10px;box-shadow:var(--gx-gloss)}
#app-root .empty-state .gx-btn{max-width:300px;margin-top:10px}
#app-root .toast{max-width:min(460px,calc(100vw - 28px))!important;bottom:108px!important;white-space:normal!important;line-height:1.7!important;border:1px solid var(--gx-border);background:var(--gx-surface-3)!important;color:var(--gx-text)!important;border-radius:15px!important;padding:13px 17px!important;font-size:13px!important;box-shadow:var(--gx-shadow)}
#app-root .gx-offline-banner{position:relative;z-index:40;font-size:12px;padding:9px 16px;background:var(--gx-warning-tint)!important;color:var(--gx-warning-text)!important;border-bottom:1px solid var(--gx-warning-border)}

/* Welcome and account screens are part of the product, not an unstyled gate. */
#app-root .gx-auth-screen{background:radial-gradient(ellipse at 70% 0%,#8d73dd15,transparent 60%),var(--gx-bg)!important}
#app-root .gx-auth-landing{padding:40px 24px 20px!important}
#app-root .gx-auth-copy{font-size:15px!important;line-height:1.85!important;color:var(--gx-text-2)!important}
#app-root .gx-auth-kicker{font-family:var(--gx-font)!important;font-size:26px!important;line-height:1.4!important}
#app-root .gx-welcome-post{border:1px solid var(--gx-border)!important;border-radius:18px!important;padding:18px!important;margin-bottom:12px;background:linear-gradient(145deg,var(--gx-glass-top),transparent),var(--gx-surface)!important;box-shadow:var(--gx-gloss)}
#app-root .gx-welcome-post__text{font-size:15px!important;line-height:1.7!important}
#app-root .gx-auth-actions{background:var(--gx-chrome)!important;border-top:1px solid var(--gx-border);padding:18px 22px max(20px,env(safe-area-inset-bottom))!important;backdrop-filter:blur(16px)}
#app-root .gx-auth-legal{font-size:11px!important;line-height:1.7!important}
#app-root .gx-auth-form-wrap{width:100%;max-width:510px!important;padding:25px 22px 30px!important}
#app-root .gx-auth-form-wrap h1{font-size:28px!important}#app-root .gx-auth-form-wrap p{font-size:14px!important;line-height:1.75!important}
#app-root .gx-auth-label{font-size:13px!important;margin:16px 0 8px!important}
#app-root .gx-auth-field{border:0!important;background:transparent!important}
#app-root .gx-auth-password .gx-input{padding-right:65px!important}
#app-root .gx-auth-password button{min-height:44px;min-width:50px;font-size:12px}
#app-root .gx-auth-consent{font-size:12px!important;line-height:1.75!important;padding:12px 0!important;min-height:44px}
#app-root .gx-auth-switch,#app-root .gx-auth-forgot{min-height:44px!important;font-size:13px!important}
#gx-call-overlay .gx-call-control{min-width:52px;min-height:52px;box-shadow:inset 0 1px 0 var(--gx-rim);border:1px solid var(--gx-border)}

/* Floating, labelled mobile navigation with the signature prism Spill key. */
#app-root .gx-bottom-nav.tab-bar{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;display:flex!important;width:min(480px,calc(100vw - 24px))!important;min-height:74px!important;height:auto!important;padding:0!important;border:0!important;border-radius:23px!important;background:transparent!important;box-shadow:none!important;z-index:60!important}
#app-root .gx-nav-pill{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%;min-height:74px;padding:5px 7px!important;border:1px solid var(--gx-border)!important;border-top-color:var(--gx-rim)!important;border-radius:23px!important;background:linear-gradient(145deg,var(--gx-glass-top),transparent 50%),var(--gx-chrome)!important;box-shadow:inset 0 1px 0 var(--gx-rim),0 12px 35px #00000030!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
#app-root .gx-nav-pill .tab-item{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:4px 0!important;border-radius:16px!important;color:var(--gx-text-3)!important;transform:none!important}
#app-root .gx-nav-pill .tab-item.active{background:var(--gx-purple-tint)!important;color:var(--gx-accent)!important}
#app-root .gx-nav-pill .tab-item::after{display:none!important}
#app-root .gx-tab-icon-shell{display:flex;align-items:center;justify-content:center;height:24px;position:relative}
#app-root .gx-tab-icon-shell svg{width:21px;height:21px}
#app-root .gx-nav-pill .gx-tab-label{display:block!important;font-size:10px!important;font-weight:600!important;line-height:1.3!important;color:inherit}
#app-root .gx-nav-fab{display:grid;place-items:center;width:42px!important;height:35px!important;margin:0!important;transform:none!important;border:1px solid #ffffff30;border-radius:12px!important;background:var(--gx-grad)!important;color:var(--gx-on-accent)!important;box-shadow:inset 0 1px 0 #ffffff90,0 4px 15px #8f77f440!important}
#app-root .tab-compose{gap:2px!important}
#app-root .gx-tab-unread{background:var(--gx-accent)!important;color:var(--gx-on-accent)!important;font-size:9px!important;min-width:16px;min-height:16px}

@media(min-width:1024px){
  #app-root .app-shell{display:grid!important;grid-template-columns:224px minmax(0,700px)!important;max-width:948px;margin:0 auto;gap:18px}
  #app-root .desktop-nav{display:flex!important;flex-direction:column;height:100%}
  #app-root .desktop-main{max-width:none!important;margin:0!important}
  #app-root .gx-bottom-nav.tab-bar{display:none!important}
  #app-root .gx-home-title{display:block}#app-root .gx-mobile-brand,#app-root .gx-mobile-search,#app-root .gx-home-tools .gx-theme-toggle{display:none}
  #app-root .gx-feed-page,#app-root .gx-explore-page,#app-root .gx-messages-page,#app-root .gx-profile-posts{padding-bottom:30px!important}
  #app-root .gx-post-actions .gx-post-action--save{display:inline-flex!important}
  #app-root .sheet{bottom:24px!important;max-height:calc(100dvh - 48px)!important;border-radius:24px!important}
  #app-root .toast{bottom:30px!important}
}
@media(min-width:1280px){
  #app-root .app-shell{max-width:1300px;grid-template-columns:224px minmax(0,700px) 292px!important;gap:16px}
  #app-root .desktop-right{display:flex!important;flex-direction:column;height:100%;overflow:auto}
}
@media(max-width:600px){
  html:root{--gx-gutter:16px}
  #app-root .gx-feed-page,#app-root .gx-explore-page,#app-root .gx-messages-page{padding-left:14px!important;padding-right:14px!important}
  #app-root .gx-home-topbar{padding-inline:14px;margin-inline:-14px;margin-bottom:12px}
  #app-root .gx-feed-welcome{display:block;padding:16px;border-radius:18px;margin-bottom:12px}
  #app-root .gx-feed-welcome h1{font-size:25px}
  #app-root .gx-feed-welcome p{display:none}
  #app-root .gx-welcome-eyebrow{font-size:10px;margin-bottom:7px}
  #app-root .gx-area-pill{margin:7px 0 -7px -5px;min-height:44px;border:0;padding:6px 5px;background:transparent;max-width:100%;font-size:12px}
  #app-root .gx-orbit-art{right:-22px;bottom:-68px}
  #app-root .gx-feed-composer{padding-inline:12px}
  #app-root .gx-feed-filterbar .feed-tabs{gap:8px}
  #app-root .post-card.gx-post-premium{padding:16px 13px 7px!important;border-radius:18px!important}
  #app-root .gx-post-actions{gap:1px!important}
  #app-root .gx-post-actions .gx-post-action{padding:6px 4px!important;font-size:11px!important}
  #app-root .gx-post-actions .gx-post-action--know{padding:6px 7px!important}
  #app-root .gx-post-premium .post-text{font-size:16px!important;line-height:1.75!important}
  #app-root .gx-post-meta{font-size:11px!important}
  #app-root .gx-compose-meta{padding:14px 14px 0!important;gap:7px!important}
  #app-root .gx-compose-meta>button{padding:8px;gap:6px}
  #app-root .gx-compose-meta>button>svg{display:none}
  #app-root .gx-compose-meta strong{font-size:12px}
  #app-root .gx-compose-header{padding-inline:14px!important}
  #app-root .gx-compose-body,#app-root .gx-compose-content-label,#app-root .gx-compose-primary-types{padding-inline:14px!important}
  #app-root .gx-compose-body textarea{font-size:16px!important}
  #app-root .gx-chat-header{padding-inline:10px!important}
  #app-root .gx-chat-header-row{flex-wrap:wrap}
  #app-root .gx-chat-header-actions .gx-icon-btn{min-width:44px;width:44px}
  #app-root .gx-chat-person .gx-chat-person-copy strong{max-width:130px}
  #app-root .gx-chat-person-copy #chat-presence{max-width:140px;font-size:11px;overflow:hidden;text-overflow:ellipsis}
  #app-root .gx-plan-field-grid,#app-root .gx-plan-visibility{grid-template-columns:minmax(0,1fr)!important}
  #app-root .gx-plan-hero{flex-wrap:wrap;gap:12px}#app-root .gx-plan-form{padding:16px!important}
  #app-root .gx-settings-page{padding-inline:14px!important}
  #app-root .gx-settings-list>:is(div,a):not(.gx-settings-section){flex-wrap:wrap;gap:10px!important}
  #app-root .gx-settings-list>:is(div,a)>div:has(>.gx-link-action){flex-wrap:wrap;gap:8px!important}
  #app-root .gx-settings-list>:is(div,a)>div:has(>.gx-link-action)>div{flex:1 1 140px!important}
}
@media(max-width:359px){
  #app-root .gx-home-topbar .gx-brand-img{max-width:126px}
  #app-root .gx-home-tools{gap:0}
  #app-root .gx-feed-welcome h1{font-size:23px}
  #app-root .gx-compose-prompt{font-size:13px}
  #app-root .gx-identity-mini .gx-identity-copy small{display:none}
  #app-root .gx-compose-header>div{font-size:14px!important}
  #app-root .gx-compose-header #compose-publish{padding:8px 11px!important}
  #app-root .gx-context-guide{font-size:10px}
  #app-root .gx-chat-header-actions{margin-left:auto}
  #app-root .gx-nav-pill .gx-tab-label{font-size:9px!important}
}
@media(hover:hover){
  #app-root :is(.desktop-nav-item,.gx-top-action,.gx-theme-toggle,.gx-compose-shortcut,.gx-post-action,.gx-text-action):hover{background:var(--gx-purple-tint)!important;color:var(--gx-accent)!important}
  #app-root :is(.gx-circle-card,.gx-plan-card,.gx-explore-feature,.conversation-item):hover{border-color:var(--gx-accent)!important}
  #app-root :is(.gx-btn,.desktop-spill-btn):not(:disabled):hover{filter:brightness(1.07)}
}
@media(prefers-reduced-motion:no-preference){
  #app-root :is(button,.desktop-nav-item,.gx-circle-card,.conversation-item){transition:background-color .16s,border-color .16s,box-shadow .16s}
  #app-root .gx-nav-fab{transition:box-shadow .16s,transform .16s}
  #app-root .tab-compose:active .gx-nav-fab{transform:scale(.95)!important}
}
@media(prefers-reduced-motion:reduce){
  #app-root *,#app-root *::before,#app-root *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(prefers-contrast:more){
  html:root{--gx-border:var(--gx-text-3);--gx-hair:var(--gx-text-3)}
  #app-root .gx-nav-pill,#app-root .gx-home-topbar,#app-root .gx-feed-filterbar{background:var(--gx-surface)!important;backdrop-filter:none}
}
@supports not (backdrop-filter:blur(1px)){
  #app-root .gx-nav-pill,#app-root .gx-home-topbar,#app-root .gx-feed-filterbar{background:var(--gx-surface)!important}
}