:root {
  color-scheme: dark;
  --ink: #050505;
  --ink-2: #0a0a0a;
  --ink-3: #121212;
  --panel: #0e0e0e;
  --panel-raised: #171717;
  --paper: #f5f5f2;
  --paper-dim: #c9c9c4;
  --muted: #858583;
  --line: #242424;
  --line-light: #3b3b3b;
  --signal: #f5f5f2;
  --signal-2: #d8d8d4;
  --aqua: #ededeb;
  --danger: #f5f5f2;
  --success: #e8e8e4;
  --display: "Space Grotesk", "Segoe UI", sans-serif;
  --body: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --radius: 14px;
  --radius-lg: 22px;
  --wrap: min(1240px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--ink); scroll-behavior: smooth; }
body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  color: var(--paper);
  background: var(--ink);
  font-family: var(--body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:not(:disabled), a { cursor: pointer; }
[hidden] { display: none !important; pointer-events: none !important; }
img, svg { max-width: 100%; }
a { color: inherit; }
:is(button, a, input, select, textarea):focus-visible { outline: 2px solid var(--signal) !important; outline-offset: 3px; }
::selection { color: var(--ink); background: var(--signal-2); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0d1012; }
::-webkit-scrollbar-thumb { border: 3px solid #0d1012; border-radius: 99px; background: #464d52; }

body.auth-locked > .app,
body.auth-locked > #psSecondHome { display: none !important; }
body.ps-v7-dialog-open,
body.ps54-account-open { overflow: hidden; }

/* Shared identity */
.brand-logo,
.ps20-logo,
.ps51-account-brand i,
.ps53-products-brand i {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border: 0;
  border-radius: 9px 9px 9px 2px;
  color: var(--ink);
  background: var(--signal);
  box-shadow: none;
  font: 700 13px/1 var(--display);
  font-style: normal;
  letter-spacing: -.06em;
  transform: none;
}
.eyebrow,
.ps20-kicker,
.ps49-info-kicker,
.ps51-account-kicker,
.preview-kicker {
  color: var(--signal);
  font: 700 10px/1.4 var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* Public home — editorial control-room language */
#authOverlay {
  position: fixed;
  z-index: 120;
  inset: 0;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  color: var(--paper);
  background: var(--ink);
  overscroll-behavior: contain;
}
#authOverlay::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.035) 50%, transparent calc(50% + .5px)),
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 100% 100%, 100% 96px;
  content: "";
}
#authOverlay .landing-shell {
  display: flex;
  width: 100%;
  min-height: 100dvh;
  flex-direction: column;
}
#authOverlay .landing-nav {
  position: sticky;
  z-index: 40;
  top: 0;
  display: flex;
  width: 100%;
  min-height: 72px;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid var(--line);
  padding: 12px max(24px, calc((100vw - 1240px) / 2));
  background: rgba(11, 13, 15, .94);
  backdrop-filter: blur(16px);
}
#authOverlay .landing-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 11px;
  color: var(--paper);
  font: 700 13px var(--display);
  letter-spacing: .09em;
}
#authOverlay .beta-badge,
#authOverlay #psPublicRelease { display: none !important; }
#authOverlay .ps14-nav-links {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: 14px;
}
#authOverlay .ps14-nav-links button,
#authOverlay .landing-actions > button {
  min-height: 40px;
  border: 0;
  border-radius: 9px;
  padding: 0 13px;
  color: var(--muted);
  background: transparent;
  font: 600 11px var(--body);
  transition: color .16s ease, background .16s ease, transform .16s ease;
}
#authOverlay .ps14-nav-links button:hover,
#authOverlay .ps14-nav-links button.active { color: var(--paper); background: var(--ink-3); }
#authOverlay .landing-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
#authOverlay .landing-actions > .ps14-language { display: none !important; }
#authOverlay .landing-actions > button { border: 1px solid var(--line); color: var(--paper-dim); }
#authOverlay .landing-actions > button:hover { color: var(--paper); border-color: var(--line-light); transform: translateY(-1px); }
#authOverlay .landing-actions > .signup { border-color: var(--signal); color: var(--ink); background: var(--signal); }
#authOverlay .landing-actions > .signup:hover { color: var(--ink); background: var(--signal-2); }
#authOverlay :is(#ps17SystemStatus, .ps17-system-status) { width: 40px; padding: 0; font-size: 0; }
#authOverlay :is(#ps17SystemStatus, .ps17-system-status)::before { display: block; width: 7px; height: 7px; margin: 16px auto; border-radius: 50%; background: var(--success); content: ""; }
#authOverlay .ps15-locale-button { display: grid !important; width: 40px !important; padding: 0 !important; place-items: center; }
#authOverlay .ps15-locale-button svg { width: 18px; height: 18px; }

#authOverlay .landing-main {
  display: grid;
  width: var(--wrap);
  grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
  align-items: stretch;
  gap: 0;
  margin: 54px auto 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--ink-2);
}
#authOverlay .landing-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 610px;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border-right: 1px solid var(--line);
  padding: clamp(38px, 5vw, 72px);
  background: var(--ink-2);
}
#authOverlay .landing-card::after {
  position: absolute;
  right: -56px;
  bottom: -56px;
  width: 180px;
  height: 180px;
  border: 26px solid var(--signal);
  border-radius: 50%;
  opacity: .9;
  content: "";
}
#authOverlay .landing-card h1 {
  max-width: 650px;
  margin: 18px 0 22px;
  color: var(--paper);
  font: 600 clamp(53px, 5.7vw, 82px)/.91 var(--display);
  letter-spacing: -.072em;
  text-wrap: balance;
}
#authOverlay .landing-card > p {
  max-width: 590px;
  margin: 0;
  color: var(--paper-dim);
  font: 500 14px/1.75 var(--body);
}
#authOverlay .landing-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0;
  margin: 32px 0 20px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  padding: 0;
  list-style: none;
}
#authOverlay .landing-points li {
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 10px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 11px 13px;
  color: var(--paper-dim);
  font: 600 10px/1.45 var(--body);
}
#authOverlay .landing-points i { color: var(--signal); font: 700 13px var(--display); font-style: normal; }
#authOverlay .landing-trust { display: flex; flex-wrap: wrap; gap: 7px; }
#authOverlay .landing-trust span {
  border-radius: 99px;
  padding: 7px 10px;
  color: var(--muted);
  background: #1a1e21;
  font: 700 9px var(--body);
}
#authOverlay .landing-cta { margin-top: 18px !important; color: var(--paper-dim) !important; font-size: 10px !important; font-weight: 700 !important; }

#authOverlay .landing-product { min-width: 0; min-height: 610px; padding: 16px; background: #0e1113; }
#authOverlay .product-window {
  display: flex;
  width: 100%;
  min-height: 578px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #101417;
}
#authOverlay .product-top {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  padding: 0 17px;
  color: var(--muted);
  font: 700 9px var(--display);
  letter-spacing: .12em;
}
#authOverlay .product-dots { display: flex; gap: 5px; }
#authOverlay .product-dots i { width: 7px; height: 7px; border-radius: 50%; background: #3a4044; }
#authOverlay .product-dots i:last-child { background: var(--signal); }
#authOverlay :is(.product-grid, .product-carousel) { display: grid; flex: 1; gap: 12px; min-height: 525px; padding: 16px; }
#authOverlay .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
#authOverlay :is(.preview-card, .preview-panel, .preview-hero, .preview-donate) {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 17px;
  color: var(--paper);
  background: var(--panel);
}
#authOverlay .preview-card.wide { grid-column: 1/-1; }
#authOverlay .preview-live { display: inline-flex; align-items: center; gap: 7px; margin-top: 13px; color: var(--signal-2); font: 700 10px var(--display); }
#authOverlay .preview-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); }
#authOverlay .preview-title { margin: 18px 0 6px; font: 600 22px/1.08 var(--display); letter-spacing: -.04em; }
#authOverlay .preview-copy { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
#authOverlay .mini-stat { margin-top: 20px; }
#authOverlay .mini-stat strong { display: block; color: var(--paper); font: 600 45px/.9 var(--display); letter-spacing: -.06em; }
#authOverlay .mini-stat span { color: var(--muted); font-size: 10px; }
#authOverlay .mini-bars, #authOverlay .preview-bars { display: flex; height: 90px; align-items: end; gap: 6px; margin-top: 16px; }
#authOverlay .mini-bars i, #authOverlay .preview-bars i { flex: 1; min-height: 18%; border-radius: 2px 2px 0 0; background: var(--signal); opacity: .72; }
#authOverlay .preview-events { display: grid; margin-top: 15px; }
#authOverlay .preview-event { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 9px; border-top: 1px solid var(--line); padding: 10px 0; font-size: 10px; }
#authOverlay .preview-event i { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; color: var(--ink); background: var(--signal); font-style: normal; font-weight: 800; }
#authOverlay .preview-event span { color: var(--muted); }
#authOverlay .product-page { display: grid; gap: 12px; }
#authOverlay .product-page[hidden] { display: none; }
#authOverlay .preview-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
#authOverlay .preview-hero h3 { margin: 8px 0; font: 600 28px var(--display); letter-spacing: -.05em; }
#authOverlay .preview-hero p, #authOverlay .preview-donate p { color: var(--muted); font-size: 10px; line-height: 1.55; }
#authOverlay .preview-columns { display: grid; grid-template-columns: 1.1fr .9fr; gap: 12px; }
#authOverlay .preview-panel h4 { margin: 7px 0 12px; font: 600 15px var(--display); }
#authOverlay .preview-stat-stack b { display: block; font: 600 30px var(--display); }
#authOverlay .preview-stat-stack span, #authOverlay .preview-rank { color: var(--muted); font-size: 10px; }
#authOverlay .preview-rank { display: grid; gap: 8px; }
#authOverlay .preview-rank div, #authOverlay .preview-source-list span { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
#authOverlay .preview-donate { display: grid; grid-template-columns: 1.2fr .8fr; gap: 12px; }
#authOverlay .preview-source-list { display: grid; gap: 8px; }
#authOverlay .carousel-controls { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#authOverlay .carousel-controls > button { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--line); border-radius: 8px; color: var(--paper); background: transparent; }
#authOverlay .carousel-dots { display: flex; gap: 6px; }
#authOverlay .carousel-dots button { width: 7px; height: 7px; border: 0; border-radius: 50%; padding: 0; background: #444b50; }
#authOverlay .carousel-dots button.active { width: 22px; border-radius: 99px; background: var(--signal); }
#authOverlay .landing-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
#authOverlay .landing-feature-grid article { border-top: 1px solid var(--line); padding-top: 10px; }
#authOverlay .landing-feature-grid b, #authOverlay .landing-feature-grid span { display: block; }
#authOverlay .landing-feature-grid b { font: 600 10px var(--display); }
#authOverlay .landing-feature-grid span { margin-top: 3px; color: var(--muted); font-size: 9px; }
#authOverlay :is(.landing-feature-grid,.ps16-page-extra,.ps14-panel-summary,.ps15-panel-grid) { display: none !important; }

#authOverlay :is(#ps12Discover, #ps13About) { display: none !important; }
#authOverlay .ps61-site-metrics,
#authOverlay .landing-update-preview,
#authOverlay .landing-footer {
  width: var(--wrap);
  margin-inline: auto;
}
#authOverlay .ps61-site-metrics {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 0;
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--ink-2);
}
#authOverlay .ps61-metrics-head { grid-column: 1/-1; display: flex; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); padding: 14px 18px; color: var(--muted); font-size: 10px; }
#authOverlay .ps61-metric { min-width: 0; border-right: 1px solid var(--line); padding: 20px; }
#authOverlay .ps61-metric:last-child { border-right: 0; }
#authOverlay .ps61-metric b { display: block; color: var(--paper); font: 600 32px var(--display); letter-spacing: -.05em; }
#authOverlay .ps61-metric span { color: var(--muted); font-size: 9px; }
#authOverlay .landing-update-preview { min-height: 0; margin-top: 14px; padding: 0; }
#authOverlay .landing-update-card { width: 100%; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px 30px; background: var(--panel); }
#authOverlay .landing-update-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
#authOverlay .landing-update-card h2 { margin: 8px 0 6px; font: 600 clamp(25px,3vw,36px) var(--display); letter-spacing: -.05em; }
#authOverlay .landing-update-card :is(p,time,li) { color: var(--muted); font-size: 11px; line-height: 1.55; }
#authOverlay .landing-update-card time { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 99px; padding: 7px 10px; }
#authOverlay .landing-update-card ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 22px 0 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); padding: 0; list-style: none; }
#authOverlay .landing-update-card li { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 13px; }
#authOverlay .landing-footer { display: flex; justify-content: space-between; gap: 18px; margin-top: 38px; border-top: 1px solid var(--line); padding: 22px 0 34px; color: var(--muted); font-size: 9px; }
#authOverlay .landing-footer a { color: var(--paper-dim); text-decoration: none; }

/* Minimal first-paint safeguards for surfaces completed in the next pass */
.app { width: var(--wrap); min-height: 100vh; margin: 0 auto; padding: 20px 0 38px; }
.overlay, .popover { color: var(--paper); }
.notice-layer { position: fixed; z-index: 50000; right: 18px; bottom: 18px; display: grid; gap: 8px; }

/* Auth and verification */
:is(.landing-auth-modal, .account-blocker, .ps15-info, .ps15-email-missing, .ps15-kick-setup, .ps44-dialog-layer, .ps27-dialog-layer, #ps30Modal, #ps59AccountDataDialog, #ps69AccountMetricDayDialog) {
  position: fixed;
  z-index: 30000;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: auto;
  padding: 18px;
  background: rgba(6,7,8,.82);
  backdrop-filter: blur(14px);
}
:is(.auth-dialog, .ps44-dialog, .ps27-dialog, .ps15-info section, .ps15-email-missing section, .ps15-kick-setup section, #ps30Modal .ps30-dialog) {
  position: relative;
  width: min(480px, 100%);
  max-height: calc(100dvh - 36px);
  overflow: auto;
  border: 1px solid var(--line-light);
  border-radius: 18px;
  padding: clamp(25px, 4vw, 38px);
  color: var(--paper);
  background: var(--panel);
  box-shadow: 0 36px 90px rgba(0,0,0,.48);
}
:is(.auth-dialog, .ps44-dialog, .ps27-dialog) h2 { margin: 10px 0 8px; color: var(--paper); font: 600 32px/1 var(--display); letter-spacing: -.05em; }
:is(.auth-dialog, .ps44-dialog, .ps27-dialog) p { color: var(--muted); font-size: 12px; line-height: 1.65; }
.auth-form, .ps27-code-form, .ps51-code-form, .ps47-mail-form, .psmail-form { display: grid; gap: 13px; margin-top: 22px; }
.auth-field, .psmail-field { display: grid; gap: 7px; color: var(--paper-dim); font-size: 10px; font-weight: 700; }
:is(.auth-field, .psmail-field) :is(input,select,textarea),
.ps51-account-section :is(input:not([type="file"]),select,textarea),
.ps44-dialog :is(input,select,textarea),
.ps27-dialog :is(input,select,textarea) {
  width: 100%;
  min-height: 47px;
  border: 1px solid var(--line-light);
  border-radius: 10px;
  padding: 11px 13px;
  outline: none;
  color: var(--paper);
  background: #0d1012;
  font-size: 12px;
}
:is(.auth-field, .psmail-field) :is(input,select,textarea):focus,
.ps51-account-section :is(input,select,textarea):focus { border-color: var(--signal); box-shadow: 0 0 0 3px rgba(255,112,67,.09); }
.password-control { position: relative; display: block; }
.password-control input { padding-right: 48px !important; }
.password-toggle { position: absolute; top: 50%; right: 8px; display: grid; width: 32px; height: 32px; place-items: center; transform: translateY(-50%); border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: var(--ink-2); }
.ps28-password-host { position: relative !important; }
.ps28-password-host > input { padding-right: 48px !important; }
.ps28-password-host > .ps28-eye { position: absolute !important; z-index: 2; top: 26px !important; right: 8px !important; display: grid !important; width: 32px !important; height: 32px !important; place-items: center !important; overflow: hidden !important; border: 1px solid var(--line) !important; border-radius: 8px !important; padding: 0 !important; color: var(--muted) !important; background: var(--ink-2) !important; }
.ps28-password-host > .ps28-eye svg { position: absolute !important; inset: 6px !important; display: block !important; width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; }
.ps28-password-host > .ps28-eye svg[hidden], .ps28-password-host > .ps28-eye svg.ps47-eye-open { display: none !important; }
.ps28-password-host > .ps28-eye[aria-pressed="true"] .ps47-eye-open { display: block !important; }
.ps28-password-host > .ps28-eye[aria-pressed="true"] .ps47-eye-closed { display: none !important; }
.ps48-remember { display: flex !important; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; }
.ps48-remember input { width: 15px !important; min-height: 15px !important; accent-color: var(--signal); }
.ps55-provider-pair { display: grid !important; gap: 8px !important; }
.ps55-provider-pair > button { width: 100%; }
.ps51-provider-button { display: inline-flex !important; width: 100% !important; min-height: 44px !important; align-items: center !important; justify-content: center !important; gap: 10px !important; overflow: hidden !important; border: 1px solid var(--line-light) !important; border-radius: 10px !important; padding: 0 14px !important; color: var(--paper-dim) !important; background: transparent !important; font: 700 10px var(--body) !important; }
.ps51-provider-button[data-ps48-provider="google"]::after { content: "Google ile devam et"; }
.ps51-provider-button[data-ps48-provider="kick"]::after { content: "Kick ile devam et"; }
.ps51-provider-button .ps61-kick-mark { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; border-radius: 6px !important; font-size: 11px !important; }
:is(.auth-submit, .psmail-submit, .ps44-confirm, .ps27-confirm, .ps51-primary) {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--signal);
  border-radius: 10px;
  padding: 0 16px;
  color: var(--ink);
  background: var(--signal);
  font-size: 11px;
  font-weight: 800;
}
:is(.auth-secondary, .psmail-secondary, .ps44-cancel, .ps27-cancel, .ps51-secondary) {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line-light);
  border-radius: 10px;
  padding: 0 15px;
  color: var(--paper-dim);
  background: transparent;
  font-size: 11px;
  font-weight: 700;
}
:is(.auth-close, .ps47-dialog-close, .ps27-dialog-close, .ps51-account-close, .psmail-close, .ps42-close, .ps15-close) {
  position: absolute;
  z-index: 5;
  top: 14px;
  right: 14px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--line-light);
  border-radius: 9px;
  color: var(--paper-dim);
  background: var(--ink-2);
  font-size: 18px;
}
.auth-divider { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 9px; text-transform: uppercase; }
.auth-divider::before, .auth-divider::after { height: 1px; flex: 1; background: var(--line); content: ""; }
.auth-error, .ps14-error, .ps15-error, .ps27-dialog-error, .psmail-error { min-height: 16px; margin: 0; color: var(--danger) !important; font-size: 10px !important; }
.ps-google-mark, .ps11-google-mark, .ps48-google-mark { display: inline-grid; width: 18px; height: 18px; place-items: center; }

/* Public information and product routes */
#ps49InfoPage {
  position: fixed;
  z-index: 9000;
  inset: 0;
  overflow: auto;
  color: var(--paper);
  background: var(--ink);
}
#ps49InfoPage .ps52-info-shell,
#ps49InfoPage .ps53-products-shell { display: flex; width: 100%; min-height: 100dvh; flex-direction: column; background: var(--ink); }
#ps49InfoPage .landing-nav,
.ps53-products-nav {
  position: sticky;
  z-index: 20;
  top: 0;
  display: flex;
  min-height: 70px;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid var(--line);
  padding: 12px max(24px, calc((100vw - 1240px) / 2));
  background: rgba(11,13,15,.95);
  backdrop-filter: blur(16px);
}
#ps49InfoPage .landing-brand,
.ps53-products-brand { display: inline-flex; align-items: center; gap: 11px; border: 0; color: var(--paper); background: transparent; font: 700 13px var(--display); letter-spacing: .08em; }
#ps49InfoPage .ps14-nav-links { display: flex; gap: 2px; margin-left: 16px; }
#ps49InfoPage .ps14-nav-links button { min-height: 39px; border: 0; border-radius: 9px; padding: 0 12px; color: var(--muted); background: transparent; font-size: 11px; }
#ps49InfoPage .ps14-nav-links button.active { color: var(--paper); background: var(--ink-3); }
#ps49InfoPage .landing-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
#ps49InfoPage .landing-actions > .ps14-language,
#ps49InfoPage .beta-badge { display: none !important; }
#ps49InfoPage .landing-actions button,
.ps53-products-close { display: grid; min-height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 9px; padding: 0 13px; color: var(--paper-dim); background: transparent; }
#ps49InfoPage .landing-actions .ps15-locale-button { width: 40px; padding: 0; }
#ps49InfoPage .landing-actions .ps15-locale-button svg { width: 18px; height: 18px; }
#ps49InfoPage :is(#ps17SystemStatus,.ps17-system-status) { width: 40px; padding: 0; font-size: 0; }
#ps49InfoPage :is(#ps17SystemStatus,.ps17-system-status)::before { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--success); content: ""; }
#ps49InfoPage .ps49-info-content,
.ps53-products-main { width: var(--wrap); margin: 0 auto; padding: clamp(54px,8vw,104px) 0 56px; }
#ps49InfoPage .ps49-info-content > h1 { max-width: 880px; margin: 15px 0 20px; font: 600 clamp(52px,8vw,92px)/.92 var(--display); letter-spacing: -.075em; text-wrap: balance; }
#ps49InfoPage .ps49-info-lead { max-width: 760px; margin: 0; color: var(--paper-dim); font-size: 14px; line-height: 1.75; }
#ps49InfoPage .ps49-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 48px; border: 1px solid var(--line); background: var(--line); }
#ps49InfoPage .ps49-info-card { min-height: 230px; padding: 28px; background: var(--panel); }
#ps49InfoPage .ps49-info-card > span { color: var(--signal); font: 700 10px var(--display); }
#ps49InfoPage .ps49-info-card h2 { margin: 35px 0 9px; font: 600 25px var(--display); letter-spacing: -.04em; }
#ps49InfoPage .ps49-info-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.ps54-subscription-card { display: grid; grid-template-columns: 1.25fr .75fr; gap: 1px; margin-top: 45px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--line); }
.ps54-subscription-copy, .ps-desktop-download { padding: clamp(26px,4vw,44px); background: var(--panel); }
.ps54-subscription-copy > span, .ps-desktop-download > span, .ps54-sites > span { color: var(--signal); font: 700 9px var(--display); letter-spacing: .14em; }
.ps54-subscription-copy h2 { margin: 12px 0; font: 600 clamp(30px,4vw,48px) var(--display); letter-spacing: -.055em; }
.ps54-subscription-copy p, .ps-desktop-download small { color: var(--muted); font-size: 11px; line-height: 1.65; }
.ps-desktop-download { display: flex; flex-direction: column; justify-content: center; }
.ps-desktop-download a, .ps62-download { display: inline-flex; min-height: 47px; align-items: center; justify-content: center; margin: 18px 0 13px; border-radius: 10px; color: var(--ink); background: var(--signal); font-size: 11px; font-weight: 800; text-decoration: none; }
.ps-desktop-boundary { display: grid; grid-template-columns: auto 1fr; gap: 7px 12px; margin-top: 24px; border-top: 1px solid var(--line); padding-top: 18px; }
.ps-desktop-boundary b { color: var(--paper); font-size: 10px; }
.ps-desktop-boundary small { color: var(--muted); font-size: 9px; }
.ps-product-command, .ps-plan-preview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 14px; border: 1px solid var(--line); background: var(--line); }
.ps-product-command article, .ps-plan-preview article { min-height: 170px; padding: 24px; background: var(--panel); }
.ps-product-command span, .ps-plan-preview span { color: var(--signal); font: 700 9px var(--display); letter-spacing: .1em; }
.ps-product-command b, .ps-plan-preview b { display: block; margin: 24px 0 8px; font: 600 20px var(--display); }
.ps-product-command small, .ps-plan-preview small { color: var(--muted); font-size: 10px; line-height: 1.55; }
.ps-product-proof { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.ps-product-proof span { border: 1px solid var(--line); border-radius: 99px; padding: 7px 9px; color: var(--muted); font-size: 8px; font-weight: 700; }
.ps-desktop-release-note { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin-top: 24px; border-left: 3px solid var(--signal); padding: 6px 0 6px 17px; }
.ps-desktop-release-note b { font-size: 10px; }.ps-desktop-release-note span { color: var(--muted); font-size: 10px; line-height: 1.5; }
.ps54-sites { margin-top: 38px; }.ps54-sites-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.ps54-site-card { display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 12px; padding: 15px; text-decoration: none; background: var(--panel); }
.ps54-site-card i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 9px; color: var(--ink); background: var(--signal); font-style: normal; font-weight: 800; }
.ps54-site-card b, .ps54-site-card small { display: block; }.ps54-site-card b { font-size: 11px; }.ps54-site-card small { margin-top: 3px; color: var(--muted); font-size: 9px; }
#ps49InfoPage .landing-footer, .ps53-products-shell .landing-footer { width: var(--wrap); margin: auto auto 0; border-top: 1px solid var(--line); padding: 22px 0 32px; color: var(--muted); font-size: 9px; }

/* Signed-in home */
#psSecondHome.ps20-member-home {
  position: fixed;
  z-index: 100;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  color: var(--paper);
  background: var(--ink);
}
#psSecondHome .ps20-shell { width: var(--wrap); min-height: 100%; margin: 0 auto; padding-bottom: 38px; }
#psSecondHome .ps20-nav {
  position: sticky;
  z-index: 30;
  top: 0;
  display: flex;
  min-height: 72px;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid var(--line);
  background: rgba(11,13,15,.94);
  backdrop-filter: blur(16px);
}
#psSecondHome .ps20-brand { display: inline-flex; align-items: center; gap: 11px; border: 0; padding: 0; color: var(--paper); background: transparent; font: 700 13px var(--display); letter-spacing: .08em; }
#psSecondHome .ps20-logo span { transform: none; }
#psSecondHome .ps20-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
#psSecondHome .ps20-actions button { display: inline-grid; min-width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 9px; padding: 0 12px; color: var(--paper-dim); background: transparent; }
#psSecondHome .ps20-actions .ps20-dashboard { display: inline-flex; gap: 8px; color: var(--ink); background: var(--signal); border-color: var(--signal); font-size: 11px; font-weight: 800; }
#psSecondHome .ps20-release { display: none !important; }
#psSecondHome .ps20-hero { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); gap: clamp(32px,6vw,80px); margin-top: 44px; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: clamp(34px,5vw,68px); background: var(--ink-2); }
#psSecondHome .ps20-hero-copy h1 { max-width: 720px; margin: 16px 0 20px; font: 600 clamp(52px,6vw,82px)/.9 var(--display); letter-spacing: -.075em; }
#psSecondHome .ps20-hero-copy p { max-width: 650px; margin: 0; color: var(--paper-dim); font-size: 13px; line-height: 1.75; }
#psSecondHome .ps49-hero-guide, #psSecondHome .ps20-connections { display: grid; align-content: center; gap: 0; border-top: 1px solid var(--line); }
#psSecondHome .ps49-hero-guide > span { padding: 14px 0; color: var(--signal); font: 700 9px var(--display); letter-spacing: .13em; }
#psSecondHome .ps49-hero-step, #psSecondHome .ps20-connection { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; border-top: 1px solid var(--line); padding: 14px 0; }
#psSecondHome .ps49-hero-step i { color: var(--signal); font: 700 10px var(--display); font-style: normal; }
#psSecondHome .ps49-hero-step b, #psSecondHome .ps49-hero-step small { display: block; }
#psSecondHome .ps49-hero-step b { font-size: 11px; } #psSecondHome .ps49-hero-step small { margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.5; }
#psSecondHome .ps20-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
#psSecondHome .ps20-card { position: relative; grid-column: span 6; min-width: 0; min-height: 270px; border: 1px solid var(--line); border-radius: var(--radius); padding: 25px; background: var(--panel); }
#psSecondHome .ps20-card.wide { grid-column: 1/-1; }
#psSecondHome .ps20-card h2 { margin: 13px 0 9px; font: 600 27px var(--display); letter-spacing: -.045em; }
#psSecondHome .ps20-card > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
#psSecondHome .ps20-update-arrow { position: absolute; top: 20px; right: 20px; display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--line-light); border-radius: 8px; color: var(--paper); background: transparent; }
#psSecondHome .ps20-list { display: grid; gap: 0; margin: 20px 0 0; border-top: 1px solid var(--line); padding: 0; list-style: none; }
#psSecondHome .ps20-list li { border-bottom: 1px solid var(--line); padding: 10px 0; color: var(--paper-dim); font-size: 10px; line-height: 1.5; }
#psSecondHome .ps20-offers, #psSecondHome .ps20-roadmap { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 20px; border: 1px solid var(--line); background: var(--line); }
#psSecondHome .ps20-offers button, #psSecondHome .ps20-roadmap article { min-height: 120px; border: 0; padding: 16px; color: var(--paper); background: var(--ink-2); text-align: left; }
#psSecondHome .ps20-offers strong, #psSecondHome .ps20-offers span, #psSecondHome .ps20-roadmap b, #psSecondHome .ps20-roadmap p { display: block; }
#psSecondHome .ps20-offers strong, #psSecondHome .ps20-roadmap b { font: 600 12px var(--display); }
#psSecondHome .ps20-offers span, #psSecondHome .ps20-roadmap p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
#psSecondHome .ps49-member-story { margin-top: 12px; border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(26px,4vw,42px); background: var(--panel); }
#psSecondHome .ps49-story-head { display: grid; grid-template-columns: 1fr .8fr; gap: 40px; align-items: end; }
#psSecondHome .ps49-story-head span { color: var(--signal); font: 700 9px var(--display); letter-spacing: .13em; }
#psSecondHome .ps49-story-head h2 { margin: 10px 0 0; font: 600 clamp(28px,4vw,44px)/1 var(--display); letter-spacing: -.055em; }
#psSecondHome .ps49-story-head > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
#psSecondHome .ps49-story-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 30px; border: 1px solid var(--line); background: var(--line); }
#psSecondHome .ps49-story-grid article { padding: 18px; background: var(--ink-2); }
#psSecondHome .ps49-story-grid b { font: 600 12px var(--display); } #psSecondHome .ps49-story-grid p { color: var(--muted); font-size: 9px; line-height: 1.55; }
#psSecondHome .ps20-footer { display: flex; justify-content: space-between; gap: 18px; margin-top: 28px; border-top: 1px solid var(--line); padding: 22px 0; color: var(--muted); font-size: 9px; }
#psSecondHome .ps20-footer a { color: var(--paper-dim); text-decoration: none; }

/* Server analytics */
.ps-server-analytics { grid-column: 1/-1; border: 1px solid var(--line); border-radius: var(--radius); padding: 25px; background: var(--panel); }
.ps-server-analytics header, .ps-server-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.ps-server-analytics header span, .ps-server-foot { color: var(--muted); font-size: 9px; }
.ps-server-analytics header b { display: block; margin-top: 6px; font: 600 22px var(--display); letter-spacing: -.035em; }
.ps-server-state { flex: 0 0 auto; border: 1px solid var(--line-light); border-radius: 99px; padding: 8px 10px; color: var(--paper-dim); font-style: normal; font-size: 9px; font-weight: 800; }
.ps-server-state.live { border-color: var(--signal); color: var(--signal-2); }.ps-server-state.error { color: var(--danger); }
.ps-server-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 20px 0 16px; border: 1px solid var(--line); background: var(--line); }
.ps-server-metrics article { min-width: 0; padding: 16px; background: var(--ink-2); }
.ps-server-metrics :is(span,small) { display: block; color: var(--muted); font-size: 9px; }
.ps-server-metrics strong { display: block; overflow: hidden; margin: 9px 0 5px; font: 600 29px/1 var(--display); letter-spacing: -.05em; text-overflow: ellipsis; white-space: nowrap; }
.ps-server-foot strong { color: var(--paper-dim); font-size: 9px; }.ps-server-empty { color: var(--muted); font-size: 10px; }

/* Account center */
#ps51AccountCenter {
  position: fixed;
  z-index: 21000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(6,7,8,.82);
  backdrop-filter: blur(14px);
}
#ps51AccountCenter .ps51-account-shell {
  position: relative;
  display: grid;
  grid-template-columns: 220px minmax(0,1fr);
  width: min(1100px,100%);
  height: min(800px,calc(100dvh - 36px));
  overflow: hidden;
  border: 1px solid var(--line-light);
  border-radius: 20px;
  color: var(--paper);
  background: var(--ink-2);
  box-shadow: 0 36px 90px rgba(0,0,0,.5);
}
#ps51AccountCenter .ps51-account-nav { display: flex; flex-direction: column; gap: 4px; border-right: 1px solid var(--line); padding: 24px 14px; background: #0e1113; }
#ps51AccountCenter .ps51-account-brand { display: flex; align-items: center; gap: 10px; margin: 0 8px 24px; color: var(--paper); font: 700 11px var(--display); letter-spacing: .08em; }
#ps51AccountCenter .ps51-account-nav button { display: flex; width: 100%; min-height: 43px; align-items: center; gap: 10px; border: 0; border-radius: 9px; padding: 0 11px; color: var(--muted); background: transparent; text-align: left; font-size: 10px; font-weight: 700; }
#ps51AccountCenter .ps51-account-nav button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
#ps51AccountCenter .ps51-account-nav button.active { color: var(--paper); background: var(--ink-3); }
#ps51AccountCenter .ps51-account-main { overflow: auto; padding: clamp(30px,5vw,54px); overscroll-behavior: contain; }
#ps51AccountCenter .ps51-account-pane h2 { margin: 10px 0 8px; font: 600 clamp(32px,4vw,48px)/1 var(--display); letter-spacing: -.06em; }
#ps51AccountCenter .ps51-account-lead { margin: 0 0 25px; color: var(--muted); font-size: 11px; line-height: 1.65; }
#ps51AccountCenter .ps51-data-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
#ps51AccountCenter :is(.ps51-data-card, .ps51-account-section, .ps51-kick-card, .ps62-bridge-card, .ps62-device, .ps65-device-card, .ps67-oauth) { border: 1px solid var(--line); border-radius: 12px; padding: 18px; background: var(--panel); }
#ps51AccountCenter .ps51-data-card { position: relative; min-height: 150px; padding-right: 60px; }
#ps51AccountCenter .ps51-data-card > span { display: block; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
#ps51AccountCenter .ps51-data-card > b { display: block; margin-top: 24px; color: var(--paper); font: 600 clamp(30px,4vw,46px)/.9 var(--display); letter-spacing: -.06em; overflow-wrap: anywhere; }
#ps51AccountCenter .ps59-data-expand { position: absolute; top: 14px; right: 14px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--line-light); border-radius: 8px; color: var(--paper-dim); background: transparent; }
#ps51AccountCenter .ps51-account-section { margin-top: 10px; }
#ps51AccountCenter .ps51-account-section h3 { margin: 0 0 6px; font: 600 17px var(--display); }
#ps51AccountCenter .ps51-account-section > p { margin: 0 0 14px; color: var(--muted); font-size: 10px; line-height: 1.55; }
#ps51AccountCenter .ps51-account-section form { display: grid; gap: 11px; }
#ps51AccountCenter .ps51-account-section label { display: grid; gap: 6px; color: var(--paper-dim); font-size: 9px; font-weight: 700; }
#ps51AccountCenter .ps51-account-status { min-height: 16px; margin: 10px 0 0; color: var(--muted); font-size: 9px; font-weight: 700; }
#ps51AccountCenter .ps51-account-status.error { color: var(--danger); }.ps51-account-status.success { color: var(--success); }
#ps51AccountCenter .ps51-kick-card { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 13px; }
#ps51AccountCenter .ps51-kick-mark, .ps61-kick-mark, .ps62-bridge-mark { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 10px; color: var(--ink); background: var(--signal); font: 800 19px var(--display); }
#ps51AccountCenter .ps51-kick-card b, #ps51AccountCenter .ps51-kick-card small { display: block; }
#ps51AccountCenter .ps51-kick-card b { font: 600 13px var(--display); }#ps51AccountCenter .ps51-kick-card small { margin-top: 3px; color: var(--muted); font-size: 9px; }
#ps51AccountCenter .ps51-profile-head { display: flex; align-items: center; gap: 18px; margin-bottom: 20px; }
#ps51AccountCenter .ps51-profile-avatar { display: grid; width: 78px; height: 78px; flex: 0 0 78px; place-items: center; overflow: hidden; border-radius: 18px; background: var(--ink-3); font-size: 35px; }
#ps51AccountCenter .ps51-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
#ps51AccountCenter .ps51-avatar-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
#ps51AccountCenter .ps51-avatar-grid button { min-height: 58px; border: 1px solid var(--line); border-radius: 10px; color: var(--paper); background: var(--ink-2); font-size: 25px; }
#ps51AccountCenter .ps55-delete-zone { margin-top: 24px; border-color: rgba(255,102,117,.3); }
#ps51AccountCenter .ps55-delete-account, #ps51AccountCenter .ps51-danger { border-color: rgba(255,102,117,.42); color: var(--danger); background: transparent; }
.ps62-bridge-head, .ps62-device, .ps65-device-card, .ps67-oauth { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; }
.ps62-bridge-head b, .ps62-bridge-head small, .ps62-device b, .ps62-device small, .ps65-device-card b, .ps65-device-card small { display: block; }
.ps62-bridge-head small, .ps62-device small, .ps65-device-card small, .ps67-oauth-copy { margin-top: 3px; color: var(--muted); font-size: 9px; }
.ps62-device-list, .ps65-device-grid, .ps67-oauth-grid, .ps66-webhook-list { display: grid; gap: 8px; margin-top: 12px; }
.ps62-bridge-actions, .ps62-pairing-actions, .ps65-device-actions, .ps67-oauth-actions, .ps60-security-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.ps62-bridge-actions button, .ps62-pairing-actions button, .ps65-device-actions button, .ps67-oauth-actions button, .ps60-security-actions button, .ps62-copy-button { min-height: 36px; border: 1px solid var(--line-light); border-radius: 8px; padding: 0 11px; color: var(--paper-dim); background: transparent; font-size: 9px; font-weight: 700; }
.ps56-two-factor-card, .ps58-totp-methods, .ps56-recovery-grid { display: grid; gap: 9px; }
.ps58-totp-methods { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ps58-totp-method { border: 1px solid var(--line); border-radius: 11px; padding: 15px; background: var(--ink-2); }
.ps56-recovery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ps56-copy-recovery, .ps56-copy-secret { display: flex; justify-content: space-between; gap: 10px; border: 1px solid var(--line); border-radius: 9px; padding: 11px; color: var(--paper-dim); background: var(--ink-2); font-family: ui-monospace, monospace; font-size: 9px; }
.ps59-chart, .ps69-hourly-chart { display: grid; min-height: 250px; align-items: end; gap: 7px; margin-top: 18px; border-bottom: 1px solid var(--line); padding: 16px 8px; }
.ps59-chart { grid-template-columns: repeat(7,minmax(0,1fr)); }.ps69-hourly-chart { grid-template-columns: repeat(24,minmax(5px,1fr)); }
.ps59-chart-column, .ps69-hour-column { display: flex; height: 100%; flex-direction: column; justify-content: flex-end; gap: 6px; text-align: center; color: var(--muted); font-size: 8px; }
.ps59-chart-track, .ps69-hour-track { display: flex; height: 100%; align-items: end; border-radius: 4px 4px 0 0; background: #20262a; }
.ps59-chart-bar, .ps69-day-bar { width: 100%; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--signal); }
.ps55-ticket-list, .ps55-ticket-messages { display: grid; gap: 8px; }
.ps55-ticket { border: 1px solid var(--line); border-radius: 11px; padding: 14px; background: var(--panel); }
.ps55-ticket-message { max-width: 88%; border-radius: 11px; padding: 11px 13px; color: var(--paper-dim); background: var(--ink-3); font-size: 10px; line-height: 1.55; }
.ps55-ticket-message.solo { margin-left: auto; background: rgba(255,112,67,.12); }

/* Dashboard */
.app {
  width: var(--wrap);
  min-height: 100dvh;
  margin: 0 auto;
  padding: 0 0 38px;
  color: var(--paper);
  background: var(--ink);
}
.app .topbar {
  position: sticky;
  z-index: 25;
  top: 0;
  display: flex;
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
  background: rgba(11,13,15,.94);
  backdrop-filter: blur(16px);
}
.app .brand, .app .actions { display: flex; align-items: center; gap: 8px; }
.app .brand-name { font: 700 13px var(--display); letter-spacing: .08em; }
.app :is(.updates,.icon-btn,.clear,.ps-dashboard-shortcut,#googleAccountBtn) { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 9px; padding: 0 12px; color: var(--paper-dim); background: transparent; font-size: 10px; font-weight: 700; }
.app .updates { width: 40px; padding: 0; border-radius: 50%; }
.app .clear { color: var(--danger); }
.app #googleAccountBtn span, .app #googleAccountBtn strong { display: block; }.app #googleAccountBtn span { color: var(--muted); font-size: 7px; }.app #googleAccountBtn strong { font-size: 9px; }
.app .workspace-tabs { display: inline-flex; gap: 3px; margin: 28px 0 14px; border: 1px solid var(--line); border-radius: 11px; padding: 4px; background: var(--ink-2); }
.app .workspace-tabs button { min-height: 39px; border: 0; border-radius: 8px; padding: 0 15px; color: var(--muted); background: transparent; font-size: 10px; font-weight: 700; }
.app .workspace-tabs button.active { color: var(--ink); background: var(--signal); }
.app .view { display: block; }.app .view[hidden] { display: none; }
.app .ticker { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 14px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 11px; padding: 13px 15px; color: var(--muted); background: var(--ink-2); font-size: 9px; }
.app .ticker b { color: var(--signal); font: 700 9px var(--display); letter-spacing: .1em; }
.app :is(#panelGrid,#statsGrid,.grid) { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 12px; }
.app .card { position: relative; grid-column: span 6; min-width: 0; min-height: 260px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; color: var(--paper); background: var(--panel); }
.app .card.wide, .app .card[data-card="stream"], .app .card[data-card="events"] { grid-column: 1/-1; }
.app .card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.app .card-head h2, .app .card h2, .app .title { margin: 0; color: var(--paper); font: 600 22px var(--display); letter-spacing: -.04em; }
.app .card-head p, .app .stats-desc { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.app .card-body { color: var(--paper-dim); }
.app .count { color: var(--paper); font: 600 clamp(42px,6vw,72px)/.9 var(--display); letter-spacing: -.07em; }
.app .sub-badge, .app .source-badge { display: inline-flex; border-radius: 99px; padding: 6px 8px; color: var(--muted); background: var(--ink-3); font-size: 8px; font-weight: 700; }
.app .period-tabs, .app .period-list { display: flex; flex-wrap: wrap; gap: 5px; margin: 12px 0; }
.app .period-tabs button, .app .period-list button { min-height: 34px; border: 1px solid var(--line); border-radius: 8px; padding: 0 10px; color: var(--muted); background: transparent; font-size: 8px; font-weight: 700; }
.app .period-tabs button.active, .app .period-list button.active { color: var(--ink); background: var(--signal); border-color: var(--signal); }
.app .event-main, .app .rank { display: grid; gap: 7px; }
.app .event-top, .app .rank > * { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); padding: 10px 0; }
.app .event-message, .app .event-foot, .app .event-detail-message { color: var(--muted); font-size: 9px; line-height: 1.5; }
.app .event-expand, .app .expand, .app .close, .app .refresh { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--line-light); border-radius: 8px; color: var(--paper-dim); background: transparent; }
.app .foot { display: flex; justify-content: space-between; gap: 18px; margin: 28px 0 0; border-top: 1px solid var(--line); padding: 22px 0; color: var(--muted); font-size: 9px; }
.app .foot a { color: var(--paper-dim); text-decoration: none; }

/* Floating surfaces, menus, notifications and notices */
:is(.popover, .side-menu, #ps20ConnectionPopover, #ps20Menu, #ps44HomeConnection, #ps44HomeMenu, #ps44StatusPopover, #ps41LocaleMenu, #ps15LocaleMenu, #ps55Notifications, .ps15-locale-menu, .ps66-provider-menu) {
  position: fixed;
  z-index: 24000;
  width: min(340px,calc(100vw - 24px));
  max-height: min(620px,calc(100dvh - 24px));
  overflow: auto;
  border: 1px solid var(--line-light);
  border-radius: 13px;
  padding: 10px;
  color: var(--paper);
  background: #15191d;
  box-shadow: 0 28px 70px rgba(0,0,0,.48);
}
#ps44StatusPopover { width: min(430px,calc(100vw - 24px)); }
#ps55Notifications { width: min(390px,calc(100vw - 24px)); }
:is(.side-menu, #ps20Menu, #ps44HomeMenu, .ps15-locale-menu, .ps66-provider-menu) button { display: flex; width: 100%; min-height: 40px; align-items: center; gap: 9px; border: 0; border-radius: 8px; padding: 0 10px; color: var(--paper-dim); background: transparent; text-align: left; font-size: 10px; }
:is(.side-menu, #ps20Menu, #ps44HomeMenu, .ps15-locale-menu, .ps66-provider-menu) button:hover { color: var(--paper); background: var(--ink-3); }
:is(.side-menu, #ps20Menu, #ps44HomeMenu) button.danger { color: var(--danger); }
.ps21-connection-head, .ps15-locale-title, .ps57-notification-head { display: block; border-bottom: 1px solid var(--line); padding: 9px 8px 13px; color: var(--signal); font: 700 9px var(--display); letter-spacing: .12em; }
.ps21-connection-list, .ps57-notification-list { display: grid; gap: 6px; margin-top: 8px; }
.ps21-connection-card, .ps55-notification-item { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 10px; padding: 10px; background: var(--ink-2); }
.ps21-platform-logo { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; color: var(--ink); background: var(--signal); font-weight: 800; }
.ps21-connection-copy b, .ps21-connection-copy small { display: block; }.ps21-connection-copy b { font-size: 10px; }.ps21-connection-copy small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.ps21-connection-state { color: var(--success); font-style: normal; }.ps22-connect-kick { width: 32px; height: 32px; border: 1px solid var(--line-light); border-radius: 8px; color: var(--paper); background: transparent; }
.ps55-notification-button { position: relative; }.ps55-notification-badge { position: absolute; top: -4px; right: -4px; display: grid; min-width: 16px; height: 16px; place-items: center; border-radius: 99px; color: var(--ink); background: var(--signal); font-size: 7px; font-weight: 900; }
.ps57-notification-copy b, .ps57-notification-copy small { display: block; }.ps57-notification-copy b { font-size: 10px; }.ps57-notification-copy small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.ps57-notification-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); }
.notice { min-width: 260px; max-width: min(380px,calc(100vw - 36px)); border: 1px solid var(--line-light); border-radius: 12px; padding: 14px; color: var(--paper); background: var(--panel-raised); box-shadow: 0 24px 60px rgba(0,0,0,.42); }
#ps46Tooltip { position: fixed; z-index: 50000; max-width: 240px; border: 1px solid var(--line-light); border-radius: 7px; padding: 7px 9px; color: var(--paper-dim); background: #1c2125; font-size: 8px; pointer-events: none; }
#ps46Support, .ps46-support-widget { position: fixed; z-index: 8000; right: 18px; bottom: 18px; width: 48px; height: 48px; pointer-events: none; }
#ps46Support .ps46-support-copy, #ps46Support .ps46-support-arrow { display: none !important; }
.ps46-support-link { display: flex; align-items: center; gap: 9px; border: 1px solid var(--line-light); border-radius: 12px; padding: 11px 13px; color: var(--paper); background: var(--panel-raised); text-decoration: none; box-shadow: 0 20px 50px rgba(0,0,0,.35); }
#ps46Support .ps46-support-link { width: 48px; height: 48px; justify-content: center; padding: 0; pointer-events: auto; }
#ps46Support .ps46-support-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
body.ps-v7-dialog-open #ps46Support { opacity: .25; pointer-events: none; }
.ps46-support-copy b, .ps46-support-copy small { display: block; }.ps46-support-copy b { font-size: 10px; }.ps46-support-copy small { color: var(--muted); font-size: 8px; }
.ps70-google-render-probe, body.ps28-stable-loaders .ps14-loader { display: none !important; }
.overlay:not(#authOverlay) { position: fixed; z-index: 18000; inset: 0; display: grid; place-items: center; overflow: auto; padding: 18px; background: rgba(6,7,8,.82); backdrop-filter: blur(14px); }
.overlay:not(#authOverlay) :is(.dialog,.ps11-dialog,.ps14-dialog,.psmail-dialog,.ps-release-dialog) { position: relative; width: min(620px,100%); max-height: calc(100dvh - 36px); overflow: auto; border: 1px solid var(--line-light); border-radius: 18px; padding: 28px; color: var(--paper); background: var(--panel); box-shadow: 0 36px 90px rgba(0,0,0,.48); }
.dialog h2, .ps11-dialog h2, .ps14-dialog h2 { margin: 8px 0; font: 600 28px var(--display); letter-spacing: -.045em; }
.dialog p, .ps11-dialog p, .ps14-dialog p { color: var(--muted); font-size: 11px; line-height: 1.6; }
.ps48-update-history { display: grid; gap: 8px; margin-top: 18px; }
.ps11-update, .ps-release-note { border: 1px solid var(--line); border-radius: 11px; padding: 14px; background: var(--ink-2); }
.ps11-update h3, .ps-release-note h3 { margin: 0; font: 600 15px var(--display); }
.ps11-update p, .ps-release-note p { margin: 5px 0 0; color: var(--muted); font-size: 9px; }
.ps69-play-bot { margin-top: 12px; border: 1px solid var(--line); border-radius: 11px; padding: 13px; background: var(--ink-2); }
.ps69-play-bot-body { display: grid; gap: 7px; margin-top: 10px; }
.ps69-play-bot-body article { display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line); padding-top: 8px; color: var(--muted); font-size: 9px; }
.ps69-play-bot-refresh { min-height: 34px; border: 1px solid var(--line-light); border-radius: 8px; padding: 0 10px; color: var(--paper-dim); background: transparent; font-size: 9px; }
.empty, .ps23-empty, .ps55-ticket-empty, .ps62-device-empty, .ps65-device-empty, .ps66-empty { display: grid; min-height: 110px; place-items: center; border: 1px dashed var(--line-light); border-radius: 11px; padding: 18px; color: var(--muted); text-align: center; font-size: 10px; }

@media (max-width: 1000px) {
  #psSecondHome .ps20-hero { grid-template-columns: 1fr; }
  #psSecondHome .ps20-card, .app .card { grid-column: 1/-1; }
  #ps51AccountCenter .ps51-account-shell { grid-template-columns: 1fr; }
  #ps51AccountCenter .ps51-account-nav { display: grid; grid-template-columns: repeat(6,1fr); border-right: 0; border-bottom: 1px solid var(--line); padding: 12px 52px 10px 10px; }
  #ps51AccountCenter .ps51-account-brand { display: none; }
  #ps51AccountCenter .ps51-account-nav button { justify-content: center; padding: 0 6px; }
  #ps51AccountCenter .ps51-account-nav button svg { display: none; }
}

@media (max-width: 1000px) {
  #authOverlay .ps14-nav-links { display: none; }
  #authOverlay .landing-main { grid-template-columns: 1fr; }
  #authOverlay .landing-card { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  #authOverlay .landing-product { min-height: 530px; }
  #authOverlay .product-window { min-height: 500px; }
}
@media (max-width: 700px) {
  :root { --wrap: calc(100% - 24px); }
  #authOverlay .landing-nav { min-height: 62px; padding: 9px 12px; }
  #authOverlay .landing-brand > span:not(.brand-logo) { display: none; }
  #authOverlay .landing-actions { gap: 4px; }
  #authOverlay .landing-actions > button { min-height: 38px; padding: 0 9px; font-size: 10px; }
  #authOverlay .landing-main { margin-top: 14px; border-radius: 17px; }
  #authOverlay .landing-card { padding: 32px 20px 46px; }
  #authOverlay .landing-card::after { display: none; }
  #authOverlay .landing-card h1 { font-size: clamp(45px,15vw,64px); }
  #authOverlay .landing-points { grid-template-columns: 1fr; }
  #authOverlay .landing-product { display: none; }
  #authOverlay .ps61-site-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #authOverlay .ps61-metric:nth-of-type(2) { border-right: 0; }
  #authOverlay .landing-update-card { padding: 23px 19px; }
  #authOverlay .landing-update-card header { flex-direction: column; }
  #authOverlay .landing-update-card ul { grid-template-columns: 1fr; }
  #authOverlay .landing-footer { flex-direction: column; margin-top: 24px; }
  #ps49InfoPage .landing-nav, .ps53-products-nav { min-height: 62px; padding: 9px 12px; }
  #ps49InfoPage .ps14-nav-links { display: none; }
  #ps49InfoPage .landing-brand > span:not(.brand-logo) { display: none; }
  #ps49InfoPage .ps49-info-content, .ps53-products-main { padding: 40px 0; }
  #ps49InfoPage .ps49-info-content > h1 { font-size: clamp(46px,14vw,64px); }
  #ps49InfoPage .ps49-info-grid, .ps54-subscription-card, .ps-product-command, .ps-plan-preview { grid-template-columns: 1fr; }
  .ps54-sites-grid { grid-template-columns: 1fr; }
  #psSecondHome .ps20-shell { width: calc(100% - 24px); }
  #psSecondHome .ps20-nav { min-height: 62px; }
  #psSecondHome .ps20-brand > span:last-child { display: none; }
  #psSecondHome .ps20-actions { gap: 4px; }
  #psSecondHome .ps20-actions button { min-width: 38px; height: 38px; padding: 0 9px; }
  #psSecondHome .ps20-actions .ps20-dashboard { font-size: 0; }
  #psSecondHome .ps20-actions .ps20-dashboard::after { font-size: 15px; content: "↗"; }
  #psSecondHome .ps20-hero { margin-top: 14px; border-radius: 17px; padding: 30px 20px; }
  #psSecondHome .ps20-hero-copy h1 { font-size: 48px; }
  #psSecondHome .ps20-card { padding: 20px; }
  #psSecondHome .ps20-offers, #psSecondHome .ps20-roadmap, #psSecondHome .ps49-story-grid { grid-template-columns: 1fr; }
  #psSecondHome .ps49-story-head { grid-template-columns: 1fr; gap: 16px; }
  #psSecondHome .ps20-footer { flex-direction: column; }
  .ps-server-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ps-server-analytics { padding: 19px; }
  .ps-server-analytics header, .ps-server-foot { align-items: flex-start; flex-direction: column; }
  #ps51AccountCenter { padding: 8px; }
  #ps51AccountCenter .ps51-account-shell { width: 100%; height: calc(100dvh - 16px); border-radius: 15px; }
  #ps51AccountCenter .ps51-account-nav { grid-template-columns: repeat(3,1fr); padding: 10px 48px 8px 8px; }
  #ps51AccountCenter .ps51-account-nav button { min-height: 34px; font-size: 8px; }
  #ps51AccountCenter .ps51-account-main { padding: 22px 14px; }
  #ps51AccountCenter .ps51-data-grid, .ps58-totp-methods, .ps56-recovery-grid { grid-template-columns: 1fr; }
  #ps51AccountCenter .ps51-avatar-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #ps51AccountCenter .ps51-kick-card, .ps62-bridge-head, .ps62-device, .ps65-device-card, .ps67-oauth { grid-template-columns: 42px minmax(0,1fr); }
  #ps51AccountCenter .ps51-kick-card > button, .ps62-bridge-actions, .ps65-device-actions, .ps67-oauth-actions { grid-column: 1/-1; }
  .app { width: calc(100% - 24px); }
  .app .topbar { min-height: 62px; }
  .app .brand-name { display: none; }
  .app .actions { gap: 4px; }
  .app :is(.updates,.icon-btn,.clear,.ps-dashboard-shortcut,#googleAccountBtn) { min-height: 38px; padding: 0 9px; font-size: 9px; }
  .app .workspace-tabs { width: 100%; margin-top: 14px; }
  .app .workspace-tabs button { flex: 1; padding: 0 8px; }
  .app .ticker { grid-template-columns: 1fr; }
  .app .card { min-height: 220px; padding: 18px; }
  .app .foot { flex-direction: column; }
  #ps46Support, .ps46-support-widget { right: 12px; bottom: 12px; }
  .ps46-support-copy { display: none; }
}
/* 9.0 — One premium product language across public, member, account,
   verification, dashboard, menus and system-health surfaces. */
html[data-ps-site-version="9"] {
  --ps9-black: #050505;
  --ps9-panel: rgba(15,15,15,.88);
  --ps9-panel-solid: #101010;
  --ps9-raised: #171717;
  --ps9-white: #f5f5f2;
  --ps9-soft: #b8b8b3;
  --ps9-muted: #767674;
  --ps9-line: rgba(255,255,255,.12);
  --ps9-line-strong: rgba(255,255,255,.25);
  --ps9-pointer-x: 50%;
  --ps9-pointer-y: 45%;
  --ps9-drift-x: 0px;
  --ps9-drift-y: 0px;
  --ps9-page-scroll: 0px;
  background: var(--ps9-black);
}
body.ps-v9 {
  min-height: 100dvh;
  color: var(--ps9-white);
  background:
    radial-gradient(circle at var(--ps9-pointer-x) var(--ps9-pointer-y),rgba(255,255,255,.055),transparent 26rem),
    #050505;
}
body.ps-v9 :is(.brand-logo,.ps20-logo,.ps51-account-brand i,.ps53-products-brand i) {
  width: 46px;
  height: 46px;
  flex-basis: 46px;
  background: transparent url("./play-streamers-ps-logo.svg?v=10.12") center/contain no-repeat !important;
  filter: drop-shadow(0 9px 20px rgba(0,0,0,.38));
}
#ps9Ambient {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: .74;
}
#ps9Ambient::before,
#ps9Ambient::after {
  position: absolute;
  inset: -25%;
  content: "";
}
#ps9Ambient::before {
  background-image:
    radial-gradient(circle,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,255,255,.62) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(255,255,255,.35) 0 .8px,transparent 1.2px);
  background-position: 11px 27px,53px 81px,97px 14px;
  background-size: 121px 137px,173px 191px,89px 107px;
  transform: translate3d(calc(var(--ps9-drift-x) * -.38),calc(var(--ps9-drift-y) * -.38 + var(--ps9-page-scroll) * -.2),0);
  animation: ps9-star-cruise 13s linear infinite;
}
#ps9Ambient::after {
  opacity: .28;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size: 84px 84px;
  mask-image: radial-gradient(circle at center,#000,transparent 75%);
  transform: translate3d(var(--ps9-drift-x),var(--ps9-drift-y),0) perspective(600px) rotateX(65deg) scale(1.25);
  transform-origin: 50% 78%;
}
#ps9Ambient > i {
  position: absolute;
  top: -20%;
  width: 1px;
  height: 150px;
  background: linear-gradient(transparent,#fff,transparent);
  opacity: 0;
  transform: rotate(38deg);
  animation: ps9-meteor 5.4s linear infinite;
}
#ps9Ambient > i:nth-child(1) { left: 14%; animation-delay: -1.2s; }
#ps9Ambient > i:nth-child(2) { left: 58%; height: 220px; animation-delay: -3.8s; animation-duration: 7.2s; }
#ps9Ambient > i:nth-child(3) { left: 88%; animation-delay: -5.1s; animation-duration: 6.1s; }
#ps9Ambient > span {
  position: absolute;
  width: min(34vw,520px);
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.07);
  transform: rotate(45deg);
  animation: ps9-orbit 26s linear infinite;
}
#ps9Ambient > span:nth-of-type(1) { top: 15%; left: -18%; }
#ps9Ambient > span:nth-of-type(2) { right: -20%; bottom: -6%; animation-direction: reverse; animation-duration: 19s; }
#ps9Ambient > b {
  position: absolute;
  top: var(--ps9-pointer-y);
  left: var(--ps9-pointer-x);
  width: 34rem;
  height: 34rem;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(255,255,255,.055),transparent 66%);
  transform: translate(-50%,-50%);
  transition: top .12s linear,left .12s linear;
}
body.ps-v9 > :is(.app,#authOverlay,#psSecondHome,#ps49InfoPage,#ps53ProductsPage) { position: relative; z-index: 1; }

@keyframes ps9-star-cruise { to { background-position: 132px 164px,226px 272px,186px 121px; } }
@keyframes ps9-meteor { 0%,70% { opacity:0; transform:translate3d(-10vw,-18vh,0) rotate(38deg); } 74% { opacity:.72; } 100% { opacity:0; transform:translate3d(38vw,118vh,0) rotate(38deg); } }
@keyframes ps9-orbit { to { transform:rotate(405deg); } }
@keyframes ps9-surface-in { from { opacity:0; transform:translateY(16px) scale(.985); filter:blur(7px); } to { opacity:1; transform:none; filter:none; } }
@keyframes ps9-sheen { from { transform:translateX(-140%) skewX(-18deg); } to { transform:translateX(340%) skewX(-18deg); } }
@keyframes ps9-scan { 0%,100% { transform:translateX(-120%); opacity:0; } 15%,78% { opacity:1; } 90% { transform:translateX(420%); opacity:0; } }
@keyframes ps9-chip-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes ps9-pulse { 0%,100% { box-shadow:0 0 0 0 rgba(255,255,255,.16); } 50% { box-shadow:0 0 0 9px rgba(255,255,255,0); } }
.ps9-surface-enter { animation: ps9-surface-in .48s cubic-bezier(.2,.8,.2,1) both !important; }

/* Shared glass and navigation geometry. */
body.ps-v9 :is(#authOverlay .landing-nav,#psSecondHome .ps20-nav,.app .topbar,#ps49InfoPage .landing-nav,.ps53-products-nav) {
  border-color: var(--ps9-line) !important;
  background: rgba(5,5,5,.78) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter: blur(22px) saturate(125%) !important;
}
body.ps-v9 :is(.landing-actions button,.ps14-nav-links button,.ps20-actions button,.app .actions button,.workspace-tabs button) {
  transition: color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease !important;
}
body.ps-v9 :is(.landing-actions button,.ps20-actions button,.app .actions button):hover {
  border-color: var(--ps9-line-strong) !important;
  background: rgba(255,255,255,.055) !important;
  transform: none !important;
}
body.ps-v9 :is(.landing-actions .signup,.ps20-dashboard,.workspace-tabs button.active) {
  color: #050505 !important;
  border-color: #f5f5f2 !important;
  background: #f5f5f2 !important;
  box-shadow: 0 10px 30px rgba(255,255,255,.08) !important;
}

/* Public home additions. */
body.ps-v9 #authOverlay .ps8-home { background:#050505; }
body.ps-v9 #authOverlay .ps81-hero::after {
  background: radial-gradient(circle at var(--ps82-x,50%) var(--ps82-y,42%),rgba(255,255,255,.1),transparent 25rem);
}
.ps9-float-chip {
  position: absolute;
  z-index: 7;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  padding: 9px 12px;
  color: #dededa;
  background: rgba(10,10,10,.82);
  box-shadow: 0 14px 35px rgba(0,0,0,.45);
  backdrop-filter: blur(14px);
  font: 700 9px var(--display);
  letter-spacing: .08em;
  animation: ps9-chip-float 3.8s ease-in-out infinite;
}
.ps9-float-chip i { width:7px;height:7px;border-radius:50%;background:#fff;animation:ps9-pulse 1.8s ease-in-out infinite; }
.ps9-float-chip b { display:grid;width:23px;height:23px;place-items:center;border-radius:6px;color:#050505;background:#fff;font-size:8px; }
.ps9-chip-left { left:4%; bottom:24%; }
.ps9-chip-right { right:2%; top:25%; animation-delay:-1.7s; }
.ps9-scan-line { position:relative;overflow:hidden;margin-top:30px;border:1px solid #2b2b2b;border-radius:9px;padding:13px;color:#bdbdb8;background:#0a0a0a;font-size:9px;letter-spacing:.12em; }
.ps9-scan-line i { position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);animation:ps9-scan 2.7s ease-in-out infinite; }
.ps9-scan-line b { position:relative; }
body.ps-v9 .ps8-feature-grid { grid-template-columns:repeat(12,minmax(0,1fr)); }
body.ps-v9 .ps8-feature-grid > article:nth-child(1) { grid-column:span 8; }
body.ps-v9 .ps8-feature-grid > article:nth-child(2) { grid-column:span 4; }
body.ps-v9 .ps8-feature-grid > article:nth-child(n+3) { grid-column:span 3; }

/* Member home. */
body.ps-v9 #psSecondHome {
  color:var(--ps9-white) !important;
  background:transparent !important;
}
body.ps-v9 #psSecondHome .ps20-shell { width:min(1380px,calc(100% - 48px)) !important; }
body.ps-v9 #psSecondHome .ps20-hero {
  position:relative;
  overflow:hidden;
  border:1px solid var(--ps9-line) !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,rgba(24,24,24,.92),rgba(7,7,7,.94)) !important;
  box-shadow:0 40px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.ps-v9 #psSecondHome .ps20-hero::after {
  position:absolute;right:-12%;bottom:-65%;width:60%;aspect-ratio:1;border:1px solid rgba(255,255,255,.11);transform:rotate(45deg);content:"";pointer-events:none;animation:ps9-orbit 34s linear infinite;
}
body.ps-v9 #psSecondHome :is(.ps20-card,.ps49-story-card,.ps-server-analytics) {
  border:1px solid var(--ps9-line) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(20,20,20,.88),rgba(9,9,9,.9)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 60px rgba(0,0,0,.18) !important;
}
body.ps-v9 #psSecondHome :is(.ps20-card,.ps49-story-card):hover { border-color:var(--ps9-line-strong) !important; transform:none !important; }

/* Dashboard. */
body.ps-v9 .app { width:min(1480px,calc(100% - 48px)) !important;background:transparent !important; }
body.ps-v9 .app .workspace-tabs { border:1px solid var(--ps9-line) !important;background:rgba(12,12,12,.82) !important; }
body.ps-v9 .app .ticker { border:1px solid var(--ps9-line) !important;background:rgba(14,14,14,.84) !important; }
body.ps-v9 .app :is(#panelGrid,#statsGrid,.grid) { gap:16px !important; }
body.ps-v9 .app .card {
  border:1px solid var(--ps9-line) !important;
  border-radius:18px !important;
  background:linear-gradient(148deg,rgba(22,22,22,.9),rgba(9,9,9,.92)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 65px rgba(0,0,0,.2) !important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease !important;
}
body.ps-v9 .app .card:hover { border-color:var(--ps9-line-strong) !important;transform:none !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 70px rgba(0,0,0,.28) !important; }
body.ps-v9 .app :is(.count,.card h2,.title) { color:var(--ps9-white) !important; }
body.ps-v9 .app :is(.card p,.stats-desc,.event-message,.event-foot) { color:var(--ps9-soft) !important; }

/* Authentication, verification and account center. */
body.ps-v9 :is(.landing-auth-modal,.account-blocker,.ps15-info,.ps15-email-missing,.ps15-kick-setup,.ps44-dialog-layer,.ps27-dialog-layer,#ps30Modal,#ps51AccountCenter) {
  background:rgba(3,3,3,.84) !important;
  backdrop-filter:blur(24px) saturate(120%) !important;
}
body.ps-v9 :is(.auth-dialog,.ps44-dialog,.ps27-dialog,.ps15-info section,.ps15-email-missing section,.ps15-kick-setup section,#ps30Modal .ps30-dialog) {
  border:1px solid var(--ps9-line-strong) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,#181818,#0d0d0d) !important;
  box-shadow:0 38px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.ps-v9 :is(.auth-field,.psmail-field) :is(input,select,textarea),
body.ps-v9 .ps51-account-section :is(input:not([type="file"]),select,textarea) {
  border-color:var(--ps9-line) !important;
  background:#090909 !important;
}
body.ps-v9 :is(.auth-field,.psmail-field) :is(input,select,textarea):focus,
body.ps-v9 .ps51-account-section :is(input,select,textarea):focus { border-color:#f5f5f2 !important;box-shadow:0 0 0 3px rgba(255,255,255,.08) !important; }
body.ps-v9 #ps51AccountCenter .ps51-account-shell {
  border:1px solid var(--ps9-line-strong) !important;
  border-radius:24px !important;
  background:#0a0a0a !important;
  box-shadow:0 45px 130px rgba(0,0,0,.62) !important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-nav { border-color:var(--ps9-line) !important;background:#0d0d0d !important; }
body.ps-v9 #ps51AccountCenter .ps51-account-nav button { border-radius:10px !important;color:var(--ps9-soft) !important; }
body.ps-v9 #ps51AccountCenter .ps51-account-nav button.active { color:#050505 !important;background:#f5f5f2 !important; }
body.ps-v9 #ps51AccountCenter .ps51-account-main { background:radial-gradient(circle at 90% 0,rgba(255,255,255,.055),transparent 24rem),#080808 !important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-data-card,.ps51-account-section,.ps51-kick-card,.ps62-device,.ps65-device-card,.ps67-oauth-card) { border-color:var(--ps9-line) !important;background:#101010 !important; }

/* Public information, products and legal navigation. */
body.ps-v9 #ps49InfoPage,
body.ps-v9 .ps53-products-shell { color:var(--ps9-white) !important;background:#050505 !important; }
body.ps-v9 #ps49InfoPage .ps49-info-content > :is(article,section),
body.ps-v9 .ps53-products-shell .ps49-info-content > :is(article,section) { border-color:var(--ps9-line) !important;background:linear-gradient(145deg,#151515,#090909) !important; }
.ps73-privacy-slot { display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px; }
.ps72-terms-link { color:inherit;text-decoration:none; }
.ps72-terms-link:hover { color:#fff; }

/* Menus, status and SW Bot. */
body.ps-v9 :is(.popover,.side-menu,#ps20ConnectionPopover,#ps20Menu,#ps44HomeConnection,#ps44HomeMenu,#ps44StatusPopover,#ps41LocaleMenu,#ps15LocaleMenu,#ps55Notifications,.ps15-locale-menu,.ps66-provider-menu) {
  border:1px solid var(--ps9-line-strong) !important;
  border-radius:16px !important;
  background:rgba(15,15,15,.96) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(22px) !important;
}
body.ps-v9 :is(#ps20Menu,#ps44HomeMenu,.side-menu) :is(button,.ps44-menu-button) { border-radius:10px !important;color:var(--ps9-soft) !important; }
body.ps-v9 :is(#ps20Menu,#ps44HomeMenu,.side-menu) :is(button,.ps44-menu-button):hover { color:#fff !important;background:rgba(255,255,255,.06) !important; }
body.ps-v9 .ps69-play-bot { border:1px solid var(--ps9-line) !important;border-radius:14px !important;background:#090909 !important; }
body.ps-v9 .ps69-play-bot header b { color:#fff !important; }
body.ps-v9 .ps69-play-bot-body li { border-color:var(--ps9-line) !important;background:#111 !important; }
body.ps-v9 .ps69-play-bot-body li :is(b,small) { color:var(--ps9-soft) !important; }
body.ps-v9 .ps69-play-bot-refresh { border-color:var(--ps9-line-strong) !important;color:#fff !important;background:#171717 !important; }
.ps9-sw-ai-summary { display:grid;gap:5px;margin-top:8px;border-left:2px solid #fff;padding:9px 11px;color:var(--ps9-soft);background:rgba(255,255,255,.035);font-size:9px;line-height:1.55; }
.ps9-sw-ai-summary b { color:#fff;font-size:9px;letter-spacing:.08em; }

@media (max-width: 900px) {
  body.ps-v9 .ps8-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.ps-v9 .ps8-feature-grid > article:nth-child(n) { grid-column:span 1; }
  body.ps-v9 .ps8-feature-grid > article:first-child,
  body.ps-v9 .ps8-feature-grid > article:last-child { grid-column:1/-1; }
  .ps9-chip-left { left:2%;bottom:18%; }
}
@media (max-width: 700px) {
  body.ps-v9 #psSecondHome .ps20-shell,body.ps-v9 .app { width:calc(100% - 24px) !important; }
  body.ps-v9 .ps8-feature-grid { grid-template-columns:1fr; }
  body.ps-v9 .ps8-feature-grid > article:nth-child(n) { grid-column:auto; }
  .ps9-float-chip { display:none; }
  body.ps-v9 #psSecondHome .ps20-hero { border-radius:20px !important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-shell { border-radius:18px !important; }
  body.ps-v9 :is(.auth-dialog,.ps44-dialog,.ps27-dialog) { border-radius:18px !important; }
}
/* 8.0 — Monochrome creator system. The public page is intentionally isolated
   from the older landing-card/product-window layers. */
html[data-ps-site-version="8"] { background: #050505; }
body.ps-v8 { background: #050505; }
body.ps-v8 ::selection { color: #050505; background: #f5f5f2; }
body.ps-v8 :is(button,a,input,select,textarea):focus-visible { outline-color: #f5f5f2 !important; }

body.ps-v8 :is(.brand-logo,.ps20-logo,.ps51-account-brand i,.ps53-products-brand i) {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  border-radius: 0;
  color: transparent !important;
  background: transparent url("./play-streamers-ps-logo.svg?v=10.12") center/contain no-repeat !important;
  font-size: 0 !important;
  box-shadow: none !important;
}
body.ps-v8 .eyebrow,
body.ps-v8 .ps20-kicker,
body.ps-v8 .ps49-info-kicker,
body.ps-v8 .ps51-account-kicker,
body.ps-v8 .preview-kicker { color: #f5f5f2; }

body.ps-v8 #authOverlay {
  color: #f5f5f2;
  background: #050505;
}
body.ps-v8 #authOverlay::before {
  opacity: .45;
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.025) 50%, transparent calc(50% + .5px)),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 100% 100%, 100% 120px;
}
body.ps-v8 #authOverlay .landing-nav {
  min-height: 76px;
  gap: 26px;
  border-color: rgba(255,255,255,.12);
  padding-inline: max(24px,calc((100vw - 1360px)/2));
  background: rgba(5,5,5,.82);
  backdrop-filter: blur(24px) saturate(120%);
}
body.ps-v8 #authOverlay .landing-brand {
  gap: 13px;
  color: #f5f5f2;
  font-size: 12px;
  letter-spacing: .14em;
}
body.ps-v8 #authOverlay .ps14-nav-links { margin-left: auto; }
body.ps-v8 #authOverlay .ps14-nav-links button,
body.ps-v8 #authOverlay .landing-actions > button {
  min-height: 42px;
  border-radius: 999px;
  color: #8d8d8a;
  background: transparent;
}
body.ps-v8 #authOverlay .ps14-nav-links button:hover,
body.ps-v8 #authOverlay .ps14-nav-links button.active { color: #f5f5f2; background: #141414; }
body.ps-v8 #authOverlay .landing-actions { margin-left: 0; }
body.ps-v8 #authOverlay .landing-actions > button { border-color: #292929; }
body.ps-v8 #authOverlay .landing-actions > button:hover { color: #f5f5f2; border-color: #555; }
body.ps-v8 #authOverlay .landing-actions > .signup { color: #050505; border-color: #f5f5f2; background: #f5f5f2; }
body.ps-v8 #authOverlay .landing-actions > .signup:hover { color: #050505; background: #fff; }
body.ps-v8 #authOverlay :is(#ps17SystemStatus,.ps17-system-status)::before { background: #f5f5f2; box-shadow: 0 0 0 4px rgba(255,255,255,.08); }

body.ps-v8 #authOverlay .landing-main.ps8-home {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #050505;
}
.ps8-home :is(h1,h2,h3,p) { margin-top: 0; }
.ps8-home a { text-decoration: none; }
.ps8-home button { color: inherit; }

.ps8-hero {
  position: relative;
  display: grid;
  width: min(1360px,calc(100% - 48px));
  min-height: 760px;
  grid-template-columns: minmax(420px,.82fr) minmax(520px,1.18fr);
  align-items: center;
  gap: clamp(38px,5vw,86px);
  margin: 0 auto;
  padding: 72px 0 86px;
}
.ps8-dot-field {
  position: absolute;
  z-index: 0;
  top: 6%;
  right: -13%;
  width: 76%;
  height: 88%;
  opacity: .35;
  pointer-events: none;
  background-image: radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.25px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse at center,#000 12%,transparent 70%);
}
.ps8-hero-copy,.ps8-app-stage { position: relative; z-index: 1; min-width: 0; }
.ps8-version {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #aaa;
  font: 700 9px/1.2 var(--display);
  letter-spacing: .18em;
}
.ps8-version i { width: 7px; height: 7px; border-radius: 50%; background: #f5f5f2; box-shadow: 0 0 0 5px rgba(255,255,255,.07); }
.ps8-hero h1 {
  display: grid;
  margin: 22px 0 25px;
  color: #f5f5f2;
  font: 700 clamp(58px,6.3vw,96px)/.82 var(--display);
  letter-spacing: -.075em;
}
.ps8-hero h1 span { display: block; }
.ps8-hero h1 .ps8-outline { color: transparent; -webkit-text-stroke: 1.5px #777; text-stroke: 1.5px #777; }
.ps8-hero-copy > p { max-width: 620px; margin-bottom: 29px; color: #aaa; font: 500 14px/1.75 var(--body); }
.ps8-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ps8-download {
  display: grid;
  min-width: 250px;
  min-height: 64px;
  grid-template-columns: 27px minmax(0,1fr) auto;
  align-items: center;
  gap: 13px;
  border-radius: 8px;
  padding: 9px 16px;
  color: #050505;
  background: #f5f5f2;
  transition: transform .18s ease,background .18s ease;
}
.ps8-download:hover { transform: translateY(-2px); background: #fff; }
.ps8-download svg { width: 27px; fill: currentColor; }
.ps8-download span { display: grid; gap: 2px; }
.ps8-download b { font: 700 12px var(--body); }
.ps8-download small { color: #555; font-size: 9px; }
.ps8-download > i { font: 500 20px var(--display); font-style: normal; }
.ps8-account {
  min-height: 64px;
  border: 1px solid #303030;
  border-radius: 8px;
  padding: 0 18px;
  color: #d1d1cd !important;
  background: #0c0c0c;
  font: 700 10px var(--body);
  transition: border-color .18s ease,transform .18s ease;
}
.ps8-account:hover { border-color: #696969; transform: translateY(-2px); }
.ps8-account span { margin-left: 12px; }
.ps8-proof { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 31px; color: #747474; font-size: 9px; }
.ps8-proof span { display: inline-flex; align-items: baseline; gap: 6px; }
.ps8-proof b { color: #f5f5f2; font: 600 19px var(--display); }

.ps8-app-stage { min-height: 570px; perspective: 1200px; }
.ps8-app-halo { position: absolute; inset: 5% 0 0 8%; border-radius: 50%; background: radial-gradient(circle,rgba(255,255,255,.12),transparent 68%); filter: blur(34px); }
.ps8-app-window {
  position: absolute;
  z-index: 2;
  top: 47px;
  right: 0;
  width: min(690px,100%);
  min-height: 485px;
  overflow: hidden;
  border: 1px solid #3b3b3b;
  border-radius: 14px;
  background: #0b0b0b;
  box-shadow: 0 50px 120px rgba(0,0,0,.75),0 0 0 8px rgba(255,255,255,.018);
  transform: rotateY(-4deg) rotateX(1deg);
}
.ps8-app-window > header { display: flex; height: 52px; align-items: center; justify-content: space-between; border-bottom: 1px solid #292929; padding: 0 17px; background: #111; }
.ps8-window-brand { display: flex; align-items: center; gap: 9px; color: #d9d9d5; font: 700 8px var(--display); letter-spacing: .12em; }
.ps8-window-brand img { width: 24px; }
.ps8-window-controls { color: #656565; font: 500 10px var(--display); letter-spacing: .45em; }
.ps8-app-body { display: grid; min-height: 432px; grid-template-columns: 58px minmax(0,1fr); }
.ps8-app-body aside { display: flex; flex-direction: column; align-items: center; gap: 19px; border-right: 1px solid #242424; padding-top: 22px; background: #080808; }
.ps8-app-body aside i { width: 17px; height: 17px; border: 1px solid #3a3a3a; border-radius: 5px; }
.ps8-app-body aside i.active { border-color: #f5f5f2; background: #f5f5f2; box-shadow: inset 0 0 0 4px #080808; }
.ps8-app-content { min-width: 0; padding: 22px; }
.ps8-app-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.ps8-app-top > span { display: grid; gap: 4px; }
.ps8-app-top small,.ps8-app-grid small { color: #757575; font: 700 7px var(--display); letter-spacing: .16em; }
.ps8-app-top b { color: #eee; font: 600 19px var(--display); }
.ps8-app-top em { border: 1px solid #3b3b3b; border-radius: 99px; padding: 6px 9px; color: #d0d0cc; font: 700 7px var(--display); font-style: normal; letter-spacing: .12em; }
.ps8-app-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.ps8-app-grid article { min-width: 0; min-height: 118px; border: 1px solid #282828; border-radius: 9px; padding: 15px; background: #111; }
.ps8-app-grid article.wide { grid-column: 1/-1; }
.ps8-app-grid article > b { display: block; margin: 12px 0 2px; color: #f5f5f2; font: 600 31px var(--display); letter-spacing: -.05em; }
.ps8-app-grid article > span { color: #707070; font-size: 8px; }
.ps8-chart { display: flex; height: 55px; align-items: end; gap: 7px; margin-top: -41px; margin-left: 45%; }
.ps8-chart i { flex: 1; min-height: 15%; border-radius: 2px 2px 0 0; background: #d9d9d5; opacity: .75; }
.ps8-chart i:nth-child(1){height:28%}.ps8-chart i:nth-child(2){height:43%}.ps8-chart i:nth-child(3){height:35%}.ps8-chart i:nth-child(4){height:62%}.ps8-chart i:nth-child(5){height:55%}.ps8-chart i:nth-child(6){height:84%}.ps8-chart i:nth-child(7){height:72%}
.ps8-flow { min-height: 85px !important; }
.ps8-flow > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.ps8-flow > div span { border: 1px solid #333; border-radius: 99px; padding: 7px 10px; color: #aaa; font-size: 8px; }
.ps8-float { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; border: 1px solid #3a3a3a; border-radius: 8px; padding: 11px 13px; color: #bdbdb9; background: rgba(15,15,15,.92); box-shadow: 0 18px 50px rgba(0,0,0,.5); backdrop-filter: blur(12px); font-size: 8px; }
.ps8-float-top { top: 22px; right: 6%; }
.ps8-float-top i { width: 7px; height: 7px; border-radius: 50%; background: #f5f5f2; }
.ps8-float-bottom { right: 2%; bottom: 13px; }
.ps8-float-bottom b { color: #fff; font: 600 20px var(--display); }

.ps8-marquee { width: 100%; overflow: hidden; border-block: 1px solid #282828; background: #0b0b0b; }
.ps8-marquee > div { display: flex; width: max-content; align-items: center; gap: 29px; min-height: 62px; padding-inline: 30px; color: #9a9a97; font: 700 9px var(--display); letter-spacing: .15em; }
.ps8-marquee i { color: #f5f5f2; font-style: normal; }

.ps8-boundary { color: #090909; background: #f1f1ed; padding: clamp(75px,9vw,132px) max(24px,calc((100vw - 1360px)/2)); }
.ps8-section-head { display: grid; grid-template-columns: .75fr 1.15fr .8fr; align-items: end; gap: 35px; margin-bottom: 58px; }
.ps8-section-head > span,.ps8-features > header > span,.ps8-steps > div > span { align-self: start; color: #6e6e6b; font: 700 9px var(--display); letter-spacing: .18em; }
.ps8-section-head h2 { margin-bottom: 0; font: 650 clamp(48px,6vw,82px)/.9 var(--display); letter-spacing: -.065em; }
.ps8-section-head p { margin-bottom: 4px; color: #585856; font: 500 12px/1.7 var(--body); }
.ps8-boundary-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.ps8-boundary-grid article { display: flex; min-height: 360px; flex-direction: column; border: 1px solid #cdcdca; border-radius: 10px; padding: clamp(28px,4vw,48px); }
.ps8-boundary-grid article > span { color: #777; font: 700 8px var(--display); letter-spacing: .17em; }
.ps8-boundary-grid h3 { max-width: 520px; margin: 58px 0 15px; font: 600 clamp(33px,4vw,53px)/.95 var(--display); letter-spacing: -.055em; }
.ps8-boundary-grid p { max-width: 500px; color: #5d5d5a; font-size: 11px; line-height: 1.7; }
.ps8-boundary-grid :is(button,a) { display: flex; min-height: 48px; align-items: center; justify-content: space-between; margin-top: auto; border: 0; border-top: 1px solid #c8c8c4; padding: 14px 0 0; color: #080808; background: transparent; font: 700 10px var(--body); text-align: left; }
.ps8-boundary-grid article.dark { color: #f5f5f2; border-color: #202020; background: #080808; }
.ps8-boundary-grid article.dark > span,.ps8-boundary-grid article.dark p { color: #858583; }
.ps8-boundary-grid article.dark a { color: #f5f5f2; border-color: #303030; }
.ps8-boundary-grid :is(button,a) i { font: 500 18px var(--display); font-style: normal; }

.ps8-features { width: min(1360px,calc(100% - 48px)); margin: 0 auto; padding: clamp(80px,10vw,145px) 0; }
.ps8-features > header { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 36px; margin-bottom: 55px; }
.ps8-features > header h2 { max-width: 840px; margin: 0; font: 600 clamp(45px,5.5vw,78px)/.94 var(--display); letter-spacing: -.065em; }
.ps8-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.ps8-feature-grid article { position: relative; min-height: 290px; overflow: hidden; border: 1px solid #262626; border-radius: 10px; padding: 28px; background: #0b0b0b; }
.ps8-feature-grid article > span { color: #696969; font: 700 8px var(--display); letter-spacing: .16em; }
.ps8-feature-grid h3 { max-width: 430px; margin: 37px 0 13px; font: 600 25px/1.05 var(--display); letter-spacing: -.045em; }
.ps8-feature-grid p { max-width: 470px; color: #858583; font-size: 10px; line-height: 1.7; }
.ps8-feature-large { grid-column: span 2; }
.ps8-feature-wide { grid-column: span 2; }
.ps8-signal { position: absolute; right: 28px; bottom: 27px; left: 48%; display: flex; height: 75px; align-items: end; gap: 8px; }
.ps8-signal i { flex: 1; border-radius: 2px 2px 0 0; background: #dadad6; opacity: .75; }
.ps8-signal i:nth-child(1){height:24%}.ps8-signal i:nth-child(2){height:37%}.ps8-signal i:nth-child(3){height:31%}.ps8-signal i:nth-child(4){height:58%}.ps8-signal i:nth-child(5){height:46%}.ps8-signal i:nth-child(6){height:79%}.ps8-signal i:nth-child(7){height:68%}.ps8-signal i:nth-child(8){height:94%}
.ps8-big-number { position: absolute; right: 25px; bottom: 18px; color: #ecece8; font: 600 72px var(--display); letter-spacing: -.08em; }
.ps8-big-number small { font-size: 25px; }
.ps8-connect { position: absolute; right: 28px; bottom: 28px; left: 28px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #282828; padding-top: 15px; }
.ps8-connect i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #eee; border-radius: 8px; color: #eee; font: 700 10px var(--display); font-style: normal; }
.ps8-connect b { color: #8e8e8b; font: 700 8px var(--body); text-transform: uppercase; }
.ps8-tags { position: absolute; right: 28px; bottom: 28px; left: 28px; display: flex; flex-wrap: wrap; gap: 6px; }
.ps8-tags i { border: 1px solid #303030; border-radius: 99px; padding: 7px 9px; color: #888; font: 700 7px var(--display); font-style: normal; letter-spacing: .09em; }
.ps8-feature-wide button { position: absolute; right: 28px; bottom: 28px; left: 28px; display: flex; align-items: center; justify-content: space-between; border: 0; border-top: 1px solid #2c2c2c; padding: 14px 0 0; color: #d6d6d2; background: transparent; font: 700 9px var(--body); }
.ps8-feature-wide button i { font: 500 18px var(--display); font-style: normal; }

.ps8-steps { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(45px,8vw,125px); border-block: 1px solid #282828; padding: clamp(75px,8vw,120px) max(24px,calc((100vw - 1360px)/2)); background: #090909; }
.ps8-steps h2 { margin: 22px 0 0; font: 600 clamp(46px,5vw,72px)/.92 var(--display); letter-spacing: -.065em; }
.ps8-steps ol { margin: 0; padding: 0; list-style: none; }
.ps8-steps li { display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 20px; border-top: 1px solid #2c2c2c; padding: 25px 0; }
.ps8-steps li:last-child { border-bottom: 1px solid #2c2c2c; }
.ps8-steps li > i { color: #686868; font: 700 9px var(--display); font-style: normal; letter-spacing: .13em; }
.ps8-steps li span { display: grid; gap: 7px; }
.ps8-steps li b { font: 600 20px var(--display); }
.ps8-steps li small { color: #777; font-size: 10px; }

.ps8-final-cta { display: flex; min-height: 720px; flex-direction: column; align-items: center; justify-content: center; padding: 90px 24px; text-align: center; background: radial-gradient(circle at 50% 45%,#151515 0,transparent 45%),#050505; }
.ps8-final-cta > img { width: 66px; margin-bottom: 25px; }
.ps8-final-cta > span { color: #787878; font: 700 8px var(--display); letter-spacing: .19em; }
.ps8-final-cta h2 { margin: 20px 0; font: 650 clamp(54px,7.5vw,105px)/.86 var(--display); letter-spacing: -.075em; }
.ps8-final-cta > p { max-width: 650px; color: #8c8c89; font: 500 12px/1.7 var(--body); }
.ps8-final-cta > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 22px; }
.ps8-final-cta > div :is(a,button) { display: flex; min-height: 55px; align-items: center; justify-content: center; gap: 25px; border: 1px solid #353535; border-radius: 8px; padding: 0 19px; color: #d7d7d3; background: #0c0c0c; font: 700 10px var(--body); }
.ps8-final-cta > div a { color: #050505; border-color: #f5f5f2; background: #f5f5f2; }
.ps8-final-cta > div i { font: 500 18px var(--display); font-style: normal; }
.ps8-final-cta > small { max-width: 580px; margin-top: 17px; color: #555; font-size: 8px; line-height: 1.5; }

body.ps-v8 #authOverlay .ps61-site-metrics {
  width: 100%;
  grid-template-columns: 1.25fr repeat(3,1fr);
  margin: 0;
  border: 0;
  border-block: 1px solid #292929;
  border-radius: 0;
  padding-inline: max(24px,calc((100vw - 1360px)/2));
  background: #0a0a0a;
}
body.ps-v8 #authOverlay .ps61-metrics-head { grid-column: auto; flex-direction: column; justify-content: center; border: 0; border-right: 1px solid #292929; padding: 25px 28px 25px 0; }
body.ps-v8 #authOverlay .ps61-metric { display: grid; min-height: 112px; align-content: center; padding: 20px 28px; }
body.ps-v8 #authOverlay .ps61-metric b { font-size: 29px; }
body.ps-v8 #authOverlay .landing-update-preview { display: none !important; }
body.ps-v8 #authOverlay .landing-footer { width: min(1360px,calc(100% - 48px)); margin-top: 0; padding-block: 27px; }

@media (max-width: 1120px) {
  .ps8-hero { grid-template-columns: minmax(350px,.85fr) minmax(430px,1.15fr); gap: 30px; }
  .ps8-app-window { transform: none; }
  .ps8-section-head { grid-template-columns: .5fr 1.2fr .8fr; }
}
@media (max-width: 900px) {
  body.ps-v8 #authOverlay .ps14-nav-links { display: none; }
  .ps8-hero { min-height: auto; grid-template-columns: 1fr; padding-top: 65px; }
  .ps8-hero-copy { max-width: 720px; }
  .ps8-hero h1 { font-size: clamp(64px,12vw,96px); }
  .ps8-app-stage { min-height: 560px; }
  .ps8-app-window { left: 0; width: 100%; }
  .ps8-section-head { grid-template-columns: 1fr; gap: 20px; }
  .ps8-section-head p { max-width: 620px; }
  .ps8-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ps8-feature-large,.ps8-feature-wide { grid-column: span 2; }
  body.ps-v8 #authOverlay .ps61-site-metrics { grid-template-columns: repeat(3,1fr); }
  body.ps-v8 #authOverlay .ps61-metrics-head { grid-column: 1/-1; border-right: 0; border-bottom: 1px solid #292929; padding: 20px 0; }
}
@media (max-width: 680px) {
  body.ps-v8 #authOverlay .landing-nav { min-height: 66px; padding: 10px 12px; }
  body.ps-v8 #authOverlay .landing-brand > span:not(.brand-logo) { display: none; }
  body.ps-v8 #authOverlay .landing-actions > :is(.ps17-system-status,.ps15-locale-button) { display: none !important; }
  body.ps-v8 #authOverlay .landing-actions > button { min-height: 38px; padding-inline: 10px; font-size: 9px; }
  body.ps-v8 :is(.brand-logo,.ps20-logo,.ps51-account-brand i,.ps53-products-brand i) { width: 40px; height: 40px; flex-basis: 40px; }
  .ps8-hero { width: calc(100% - 28px); padding: 52px 0 60px; }
  .ps8-dot-field { right: -40%; width: 130%; }
  .ps8-hero h1 { font-size: clamp(51px,16vw,76px); }
  .ps8-hero-copy > p { font-size: 12px; }
  .ps8-hero-actions { display: grid; }
  .ps8-download,.ps8-account { width: 100%; }
  .ps8-proof { gap: 14px; }
  .ps8-proof b { font-size: 16px; }
  .ps8-app-stage { min-height: 430px; margin-top: 15px; }
  .ps8-app-window { top: 38px; min-height: 372px; }
  .ps8-app-window > header { height: 43px; }
  .ps8-app-body { min-height: 328px; grid-template-columns: 42px minmax(0,1fr); }
  .ps8-app-body aside { gap: 14px; padding-top: 17px; }
  .ps8-app-body aside i { width: 13px; height: 13px; }
  .ps8-app-content { padding: 14px; }
  .ps8-app-grid { gap: 7px; margin-top: 13px; }
  .ps8-app-grid article { min-height: 88px; padding: 10px; }
  .ps8-app-grid article > b { margin-top: 8px; font-size: 22px; }
  .ps8-chart { height: 38px; margin-left: 48%; }
  .ps8-flow { min-height: 70px !important; }
  .ps8-flow > div { margin-top: 9px; }
  .ps8-flow > div span { padding: 5px 7px; font-size: 6px; }
  .ps8-float-top { right: 5px; }
  .ps8-float-bottom { display: none; }
  .ps8-boundary { padding-inline: 14px; }
  .ps8-boundary-grid { grid-template-columns: 1fr; }
  .ps8-boundary-grid article { min-height: 310px; }
  .ps8-features { width: calc(100% - 28px); }
  .ps8-features > header { grid-template-columns: 1fr; gap: 19px; }
  .ps8-feature-grid { grid-template-columns: 1fr; }
  .ps8-feature-large,.ps8-feature-wide { grid-column: auto; }
  .ps8-feature-grid article { min-height: 285px; padding: 23px; }
  .ps8-signal { left: 30%; }
  .ps8-steps { grid-template-columns: 1fr; padding-inline: 14px; }
  .ps8-final-cta { min-height: 620px; }
  body.ps-v8 #authOverlay .ps61-site-metrics { grid-template-columns: 1fr; padding-inline: 14px; }
  body.ps-v8 #authOverlay .ps61-metric { min-height: 88px; border-right: 0; border-bottom: 1px solid #292929; padding-inline: 0; }
  body.ps-v8 #authOverlay .landing-footer { width: calc(100% - 28px); }
}
@media (max-width: 420px) {
  body.ps-v8 #authOverlay .landing-actions > button:not(.signup) { display: none !important; }
  .ps8-hero h1 { font-size: 48px; }
  .ps8-app-stage { min-height: 380px; }
  .ps8-app-window { min-height: 330px; }
  .ps8-app-body { min-height: 287px; }
  .ps8-app-grid article:nth-child(3) { display: none; }
  .ps8-app-grid article:nth-child(2) { grid-column: 1/-1; }
  .ps8-final-cta > div { display: grid; width: 100%; }
}

/* 8.1 — Cinematic centered product presentation. */
body.ps-v8 #authOverlay .ps81-nav-download {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 13px;
  border: 1px solid #3c3c3c;
  border-radius: 9px;
  padding: 0 14px;
  color: #f5f5f2;
  background: linear-gradient(180deg,#1b1b1b,#111);
  font: 700 9px var(--body);
  text-decoration: none;
  transition: border-color .18s ease,transform .18s ease,background .18s ease;
}
body.ps-v8 #authOverlay .ps81-nav-download:hover { border-color: #777; background: #202020; transform: translateY(-1px); }
body.ps-v8 #authOverlay .ps81-nav-download i { color: #aaa; font: 500 15px var(--display); font-style: normal; }

.ps8-hero.ps81-hero {
  position: relative;
  display: flex;
  width: 100%;
  max-width: none;
  min-height: max(720px,calc(100dvh - 76px));
  align-items: center;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  padding: 90px 24px 110px;
  background:
    radial-gradient(circle at 50% 37%,rgba(255,255,255,.065),transparent 28%),
    radial-gradient(ellipse at 50% 55%,#111 0,transparent 58%),
    #030303;
}
.ps81-hero .ps8-dot-field { display: none; }
.ps81-star-layer { position: absolute; inset: -10%; pointer-events: none; }
.ps81-stars-one {
  opacity: .72;
  background-image:
    radial-gradient(circle,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,255,255,.68) 0 1.4px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.42) 0 .8px,transparent 1.3px);
  background-position: 17px 29px,71px 13px,39px 77px;
  background-size: 137px 151px,211px 193px,97px 113px;
  mask-image: radial-gradient(ellipse at center,#000 10%,rgba(0,0,0,.85) 47%,transparent 83%);
  animation: ps81-star-drift 28s linear infinite alternate;
}
.ps81-stars-two {
  opacity: .36;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(255,255,255,.48) 0 .7px,transparent 1.2px);
  background-position: 53px 31px,11px 67px;
  background-size: 263px 219px,149px 167px;
  mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
  animation: ps81-star-twinkle 5s ease-in-out infinite alternate;
}
@keyframes ps81-star-drift { to { transform: translate3d(24px,-17px,0) scale(1.035); } }
@keyframes ps81-star-twinkle { to { opacity: .62; } }
.ps81-hero .ps8-hero-copy {
  z-index: 2;
  display: flex;
  width: min(1120px,100%);
  max-width: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ps81-hero .ps8-version {
  border: 1px solid #3a3a3a;
  border-radius: 999px;
  padding: 8px 12px;
  color: #b6b6b3;
  background: rgba(16,16,16,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(8px);
}
.ps81-hero .ps8-version i { width: 5px; height: 5px; box-shadow: 0 0 15px rgba(255,255,255,.8); }
.ps81-hero h1 {
  display: block;
  margin: 28px 0 16px;
  color: #f8f8f5;
  font: 700 clamp(72px,9.4vw,142px)/.84 var(--display);
  letter-spacing: -.075em;
  text-shadow: 0 0 34px rgba(255,255,255,.13),0 20px 90px rgba(0,0,0,.8);
  white-space: nowrap;
}
.ps81-hero h1 span { display: inline; color: #777; }
.ps81-hero h2 { margin: 16px 0 14px; color: #b5b5b2; font: 500 clamp(17px,2.2vw,28px)/1.25 var(--display); letter-spacing: .11em; }
.ps81-hero .ps8-hero-copy > p { max-width: 720px; margin: 0; color: #777; font: 600 10px/1.7 var(--body); letter-spacing: .08em; }
.ps81-hero .ps8-hero-actions { justify-content: center; margin-top: 38px; }
.ps81-hero .ps8-download {
  min-width: 282px;
  min-height: 70px;
  border: 1px solid #5a5a5a;
  border-radius: 11px;
  box-shadow: 0 22px 70px rgba(0,0,0,.62),0 0 0 7px rgba(255,255,255,.025);
}
.ps81-hero .ps8-download:hover { box-shadow: 0 28px 80px rgba(0,0,0,.75),0 0 0 7px rgba(255,255,255,.045); }
.ps81-hero .ps8-proof { align-items: center; gap: 10px; margin-top: 24px; color: #696969; font: 600 9px var(--body); }
.ps81-hero .ps8-proof span { color: #888; }
.ps81-hero .ps8-proof i { color: #434343; font-style: normal; }
.ps81-hero-account { margin-top: 24px; border: 0; padding: 5px; color: #777 !important; background: transparent; font: 600 9px var(--body); }
.ps81-hero-account:hover { color: #f5f5f2 !important; }
.ps81-hero-account span { margin-left: 8px; }
.ps81-scroll-cue { position: absolute; z-index: 2; bottom: 24px; left: 50%; display: grid; place-items: center; gap: 8px; color: #4f4f4f; font: 700 7px var(--display); letter-spacing: .18em; transform: translateX(-50%); }
.ps81-scroll-cue i { width: 1px; height: 28px; background: linear-gradient(#777,transparent); animation: ps81-scroll 1.8s ease-in-out infinite; }
@keyframes ps81-scroll { 50% { transform: translateY(5px); opacity: .45; } }

.ps81-showcase {
  position: relative;
  width: min(1360px,calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(90px,10vw,150px) 0 clamp(70px,8vw,120px);
}
.ps81-showcase > header { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.ps81-showcase > header > span { color: #6d6d6b; font: 700 9px var(--display); letter-spacing: .2em; }
.ps81-showcase > header h2 { margin: 18px 0 14px; font: 650 clamp(49px,6.3vw,88px)/.92 var(--display); letter-spacing: -.07em; }
.ps81-showcase > header p { max-width: 650px; margin-inline: auto; color: #838381; font: 500 12px/1.75 var(--body); }
.ps81-showcase .ps8-app-stage { min-height: 650px; }
.ps81-showcase .ps8-app-halo { inset: 0 8%; background: radial-gradient(circle,rgba(255,255,255,.13),transparent 65%); }
.ps81-showcase .ps8-app-window {
  top: 42px;
  right: auto;
  left: 50%;
  width: min(960px,100%);
  min-height: 555px;
  border-color: #424242;
  box-shadow: 0 70px 150px rgba(0,0,0,.78),0 0 0 9px rgba(255,255,255,.018);
  transform: translateX(-50%) rotateX(1deg);
}
.ps81-showcase .ps8-app-body { min-height: 502px; }
.ps81-showcase .ps8-float-top { top: 18px; right: max(2%,calc((100% - 960px)/2 - 24px)); }
.ps81-showcase .ps8-float-bottom { right: max(1%,calc((100% - 960px)/2 - 34px)); bottom: 22px; }

/* Dark premium sections instead of the editorial white block. */
.ps8-boundary {
  color: #f5f5f2;
  border-block: 1px solid #252525;
  background:
    radial-gradient(circle at 21% 5%,rgba(255,255,255,.04),transparent 28%),
    #090909;
}
.ps8-section-head > span,.ps8-section-head p { color: #737371; }
.ps8-boundary-grid article { color: #f5f5f2; border-color: #2a2a2a; background: linear-gradient(145deg,#111,#0b0b0b); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.ps8-boundary-grid article.light { color: #f5f5f2; background: linear-gradient(145deg,#171717,#0d0d0d); }
.ps8-boundary-grid article > span,.ps8-boundary-grid article.light p { color: #777; }
.ps8-boundary-grid :is(button,a) { color: #f5f5f2; border-color: #303030; }
.ps8-boundary-grid article.dark { border-color: #383838; background: linear-gradient(145deg,#1b1b1b,#080808); }
.ps8-features { padding-top: clamp(100px,11vw,160px); }
.ps8-features > header { display: block; max-width: 860px; margin: 0 auto 60px; text-align: center; }
.ps8-features > header > span { display: block; margin-bottom: 18px; }
.ps8-features > header h2 { margin-inline: auto; }
.ps8-feature-grid article { border-color: #2b2b2b; background: linear-gradient(145deg,#111,#090909); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.ps8-feature-grid article:hover { border-color: #505050; background: linear-gradient(145deg,#161616,#0a0a0a); transform: translateY(-3px); }
.ps8-steps { background: radial-gradient(circle at 20% 25%,rgba(255,255,255,.035),transparent 25%),#080808; }
.ps8-final-cta { background: radial-gradient(circle at 50% 45%,#191919 0,transparent 43%),#030303; }

@media (max-width: 1040px) {
  body.ps-v8 #authOverlay .ps81-nav-download { display: none; }
  .ps81-hero h1 { font-size: clamp(68px,10vw,104px); }
}
@media (max-width: 760px) {
  .ps8-hero.ps81-hero { min-height: 720px; padding-inline: 14px; }
  .ps81-hero h1 { max-width: 100%; font-size: clamp(48px,14.7vw,78px); line-height: .88; white-space: normal; overflow-wrap: normal; }
  .ps81-hero h1 span { display: inline; }
  .ps81-hero h2 { max-width: 350px; font-size: 14px; line-height: 1.5; letter-spacing: .08em; }
  .ps81-hero .ps8-hero-copy > p { max-width: 330px; font-size: 8px; }
  .ps81-hero .ps8-download { width: min(320px,100%); min-width: 0; }
  .ps81-showcase { width: calc(100% - 28px); }
  .ps81-showcase .ps8-app-stage { min-height: 455px; }
  .ps81-showcase .ps8-app-window { top: 28px; min-height: 390px; transform: translateX(-50%); }
  .ps81-showcase .ps8-app-body { min-height: 347px; }
  .ps81-showcase .ps8-float-top { right: 0; }
  .ps8-boundary { padding-inline: 14px; }
}
@media (max-width: 420px) {
  .ps81-hero h1 { font-size: 45px; }
  .ps81-hero .ps8-version { font-size: 7px; }
  .ps81-showcase > header h2 { font-size: 48px; }
  .ps81-showcase .ps8-app-stage { min-height: 395px; }
  .ps81-showcase .ps8-app-window { min-height: 345px; }
  .ps81-showcase .ps8-app-body { min-height: 302px; }
}

/* 8.2 — Visible motion system; transforms and opacity only for low overhead. */
.ps81-hero { --ps82-x: 50%; --ps82-y: 42%; }
.ps81-hero::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle 280px at var(--ps82-x) var(--ps82-y),rgba(255,255,255,.075),transparent 72%);
  content: "";
  transition: background-position .18s ease;
}
.ps81-stars-one { animation-duration: 8.5s; }
.ps81-stars-two { animation-duration: 1.65s; }
.ps82-motion-field { position: absolute; z-index: 1; inset: -4%; overflow: hidden; pointer-events: none; transform: translate3d(var(--ps83-px,0px),calc(var(--ps83-py,0px) + var(--ps83-scroll,0px)),0); transition: transform .16s ease-out; }
.ps82-motion-field > i {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px rgba(255,255,255,.85),0 0 24px rgba(255,255,255,.28);
  animation: ps82-particle-float 4.2s ease-in-out infinite alternate;
}
.ps82-motion-field > i:nth-child(1) { top: 18%; left: 12%; animation-delay: -1s; }
.ps82-motion-field > i:nth-child(2) { top: 29%; right: 17%; width: 4px; height: 4px; animation-delay: -4s; animation-duration: 5.3s; }
.ps82-motion-field > i:nth-child(3) { right: 30%; bottom: 21%; animation-delay: -2s; animation-duration: 3.7s; }
.ps82-motion-field > i:nth-child(4) { bottom: 26%; left: 22%; width: 2px; height: 2px; animation-delay: -5s; animation-duration: 4.8s; }
.ps82-motion-field > i:nth-child(5) { top: 13%; left: 58%; width: 2px; height: 2px; animation-delay: -3s; }
@keyframes ps82-particle-float {
  0% { opacity: .25; transform: translate3d(-4px,8px,0) scale(.7); }
  55% { opacity: 1; }
  100% { opacity: .45; transform: translate3d(9px,-13px,0) scale(1.3); }
}
.ps82-motion-field > span {
  position: absolute;
  top: -12%;
  left: -20%;
  width: 150px;
  height: 1px;
  opacity: 0;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  filter: drop-shadow(0 0 5px rgba(255,255,255,.55));
  transform: rotate(-32deg);
  animation: ps82-meteor 4.8s cubic-bezier(.22,.7,.22,1) infinite;
}
.ps82-motion-field > span:last-child { top: 8%; left: 42%; width: 105px; animation-delay: -2.4s; animation-duration: 7s; }
@keyframes ps82-meteor {
  0%,64% { opacity: 0; transform: translate3d(0,0,0) rotate(-32deg); }
  67% { opacity: .85; }
  80%,100% { opacity: 0; transform: translate3d(115vw,78vh,0) rotate(-32deg); }
}
.ps82-orbits { position: absolute; z-index: 0; top: 50%; left: 50%; width: min(920px,82vw); aspect-ratio: 1; pointer-events: none; transform: translate3d(calc(-50% + var(--ps83-px,0px)),calc(-50% + var(--ps83-py,0px) + var(--ps83-scroll,0px)),0); transition: transform .2s ease-out; }
.ps82-orbits i { position: absolute; inset: 10%; border: 1px solid rgba(255,255,255,.025); border-radius: 50%; animation: ps82-orbit 18s linear infinite; }
.ps82-orbits i::before { position: absolute; top: 20%; right: 8%; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.4); box-shadow: 0 0 13px rgba(255,255,255,.35); content: ""; }
.ps82-orbits i:last-child { inset: 24%; animation-direction: reverse; animation-duration: 12s; }
.ps82-orbits i:last-child::before { top: auto; right: auto; bottom: 12%; left: 16%; width: 3px; height: 3px; }
@keyframes ps82-orbit { to { transform: rotate(360deg); } }

.ps8-marquee > .ps82-marquee-track {
  display: flex;
  width: max-content;
  min-height: 62px;
  gap: 0;
  padding: 0;
  animation: ps82-marquee 18s linear infinite;
  will-change: transform;
}
.ps82-marquee-group { display: flex; flex: 0 0 auto; align-items: center; gap: 29px; padding-right: 29px; color: #90908d; font: 700 9px var(--display); letter-spacing: .15em; }
.ps82-marquee-group b { font: inherit; white-space: nowrap; }
.ps82-marquee-group i { color: #f5f5f2; font-style: normal; }
@keyframes ps82-marquee { to { transform: translateX(-50%); } }

.ps82-reveal {
  opacity: 0;
  transform: translate3d(0,28px,0) scale(.985);
  transition: opacity .72s ease var(--ps82-delay,0ms),transform .72s cubic-bezier(.2,.7,.2,1) var(--ps82-delay,0ms);
}
.ps82-reveal.is-visible { opacity: 1; transform: translate3d(0,0,0) scale(1); }
.ps81-showcase .ps8-app-window { animation: ps82-window-float 6s ease-in-out infinite; will-change: transform; }
@keyframes ps82-window-float {
  0%,100% { transform: translate3d(-50%,0,0) rotateX(1deg); }
  50% { transform: translate3d(-50%,-9px,0) rotateX(.35deg); }
}
.ps81-showcase .ps8-float-top { animation: ps82-pill-top 4.5s ease-in-out infinite; }
.ps81-showcase .ps8-float-bottom { animation: ps82-pill-bottom 5.2s ease-in-out infinite; }
@keyframes ps82-pill-top { 50% { transform: translate3d(0,-7px,0); } }
@keyframes ps82-pill-bottom { 50% { transform: translate3d(0,8px,0); } }
.ps81-showcase .ps8-chart i,.ps8-signal i { transform-origin: center bottom; animation: ps82-bar-pulse 2.8s ease-in-out infinite alternate; }
.ps81-showcase .ps8-chart i:nth-child(2n),.ps8-signal i:nth-child(2n) { animation-delay: -.9s; }
.ps81-showcase .ps8-chart i:nth-child(3n),.ps8-signal i:nth-child(3n) { animation-delay: -1.7s; }
@keyframes ps82-bar-pulse { to { opacity: 1; transform: scaleY(.72); } }
.ps81-hero .ps8-download > i { animation: ps82-download-arrow 1.6s ease-in-out infinite; }
@keyframes ps82-download-arrow { 50% { transform: translateY(4px); } }
body.ps-v8 #authOverlay .landing-brand:hover .brand-logo { transform: rotate(-3deg) scale(1.04); filter: drop-shadow(0 0 11px rgba(255,255,255,.17)); }
body.ps-v8 #authOverlay .landing-brand .brand-logo { transition: transform .22s ease,filter .22s ease; }

/* 8.3 — denser motion and layout repairs from the live visual audit. */
.ps81-hero h1 {
  color: transparent;
  background: linear-gradient(105deg,#f8f8f5 0%,#f8f8f5 38%,#777 47%,#fff 53%,#f8f8f5 62%,#f8f8f5 100%);
  background-size: 230% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: ps83-title-scan 5.4s ease-in-out infinite;
}
.ps81-hero h1 span { color: transparent; }
@keyframes ps83-title-scan {
  0%,24% { background-position: 100% 50%; }
  68%,100% { background-position: -90% 50%; }
}
.ps81-hero .ps8-download { animation: ps83-download-halo 2.8s ease-in-out infinite; }
@keyframes ps83-download-halo {
  0%,100% { box-shadow: 0 22px 70px rgba(0,0,0,.62),0 0 0 7px rgba(255,255,255,.025); }
  50% { box-shadow: 0 26px 76px rgba(0,0,0,.7),0 0 0 10px rgba(255,255,255,.055); }
}
.ps81-showcase { padding-bottom: clamp(52px,6vw,82px); }
.ps8-boundary { padding-top: clamp(72px,7vw,104px); }
.ps8-feature-grid { grid-template-columns: repeat(12,minmax(0,1fr)); }
.ps8-feature-grid > article:nth-child(1) { grid-column: span 8; }
.ps8-feature-grid > article:nth-child(2) { grid-column: span 4; }
.ps8-feature-grid > article:nth-child(3),
.ps8-feature-grid > article:nth-child(4),
.ps8-feature-grid > article:nth-child(5) { grid-column: span 4; }
.ps8-feature-grid > article:nth-child(5) h3 { max-width: 330px; }
.ps8-feature-grid > article:nth-child(5) p { max-width: 370px; }
#authOverlay .ps61-site-metrics.ps83-metrics-empty { display: none !important; }

@media (max-width: 900px) {
  .ps8-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ps8-feature-grid > article:nth-child(1) { grid-column: 1/-1; }
  .ps8-feature-grid > article:nth-child(2),
  .ps8-feature-grid > article:nth-child(3),
  .ps8-feature-grid > article:nth-child(4) { grid-column: span 1; }
  .ps8-feature-grid > article:nth-child(5) { grid-column: 1/-1; }
}

@media (max-width: 760px) {
  .ps82-orbits { width: 150vw; }
  .ps82-motion-field > span { animation-duration: 9.5s; }
  .ps82-marquee-group { gap: 24px; padding-right: 24px; }
  .ps81-showcase .ps8-app-window { animation-name: ps82-window-float-mobile; }
  .ps81-showcase .ps8-float-top { top: -6px; right: 4px; padding: 8px 10px; font-size: 7px; }
  .ps8-boundary-grid article { min-height: 278px; padding: 25px; }
  .ps8-boundary-grid h3 { margin-top: 42px; }
  body.ps-v8.auth-locked #ps46Support { top: 13px; right: 12px; bottom: auto; width: 40px; height: 40px; opacity: .78; }
  body.ps-v8.auth-locked #ps46Support:hover,
  body.ps-v8.auth-locked #ps46Support:focus-within { opacity: 1; }
  .ps8-feature-grid { grid-template-columns: 1fr; }
  .ps8-feature-grid > article:nth-child(n) { grid-column: auto; }
  @keyframes ps82-window-float-mobile {
    0%,100% { transform: translate3d(-50%,0,0); }
    50% { transform: translate3d(-50%,-6px,0); }
  }
}
/* Site 9.0 final cascade: keep the shared premium layer above every legacy
   compatibility rule that still ships for existing accounts. */
html[data-ps-site-version="9"] body.ps-v9 :is(.brand-logo,.ps20-logo,.ps51-account-brand i,.ps53-products-brand i) {
  width:46px !important;height:46px !important;flex-basis:46px !important;border:0 !important;border-radius:0 !important;
  color:transparent !important;background:transparent url("./play-streamers-ps-logo.svg?v=10.12") center/contain no-repeat !important;
  box-shadow:none !important;filter:drop-shadow(0 9px 20px rgba(0,0,0,.38)) !important;font-size:0 !important;
}
html[data-ps-site-version="9"] body.ps-v9 :is(#authOverlay .landing-nav,#psSecondHome .ps20-nav,.app .topbar,#ps49InfoPage .landing-nav,.ps53-products-nav) {
  border-color:rgba(255,255,255,.12) !important;background:rgba(5,5,5,.8) !important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.025) !important;backdrop-filter:blur(22px) saturate(125%) !important;
}
html[data-ps-site-version="9"] body.ps-v9 #psSecondHome .ps20-hero {
  border:1px solid rgba(255,255,255,.12) !important;border-radius:28px !important;background:linear-gradient(135deg,rgba(24,24,24,.94),rgba(7,7,7,.96)) !important;box-shadow:0 40px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-ps-site-version="9"] body.ps-v9 #psSecondHome :is(.ps20-card,.ps49-story-card,.ps-server-analytics),
html[data-ps-site-version="9"] body.ps-v9 .app .card {
  border-color:rgba(255,255,255,.12) !important;border-radius:18px !important;background:linear-gradient(148deg,rgba(22,22,22,.92),rgba(9,9,9,.94)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 65px rgba(0,0,0,.2) !important;
}
html[data-ps-site-version="9"] body.ps-v9 :is(.auth-dialog,.ps44-dialog,.ps27-dialog,.ps15-info section,.ps15-email-missing section,.ps15-kick-setup section,#ps30Modal .ps30-dialog) {
  border:1px solid rgba(255,255,255,.25) !important;border-radius:22px !important;background:linear-gradient(145deg,#181818,#0d0d0d) !important;box-shadow:0 38px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html[data-ps-site-version="9"] body.ps-v9 #ps51AccountCenter .ps51-account-shell { border-color:rgba(255,255,255,.25) !important;border-radius:24px !important;background:#0a0a0a !important; }
html[data-ps-site-version="9"] body.ps-v9 #ps51AccountCenter .ps51-account-nav { border-color:rgba(255,255,255,.12) !important;background:#0d0d0d !important; }
html[data-ps-site-version="9"] body.ps-v9 #ps51AccountCenter .ps51-account-main { background:radial-gradient(circle at 90% 0,rgba(255,255,255,.055),transparent 24rem),#080808 !important; }
html[data-ps-site-version="9"] body.ps-v9 :is(.popover,.side-menu,#ps20ConnectionPopover,#ps20Menu,#ps44HomeConnection,#ps44HomeMenu,#ps44StatusPopover,#ps41LocaleMenu,#ps15LocaleMenu,#ps55Notifications,.ps15-locale-menu,.ps66-provider-menu) {
  border-color:rgba(255,255,255,.25) !important;border-radius:16px !important;background:rgba(15,15,15,.97) !important;box-shadow:0 30px 90px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html[data-ps-site-version="9"] body.ps-v9 .ps44-menu-button {
  display:flex;width:100%;min-height:42px;align-items:center;border:0;border-radius:10px;padding:10px 12px;color:#d7d7d2;background:transparent;font:700 13px/1.3 "Plus Jakarta Sans","Segoe UI",sans-serif;text-align:left;text-decoration:none;cursor:pointer;
}
html[data-ps-site-version="9"] body.ps-v9 .ps44-menu-button:hover,
html[data-ps-site-version="9"] body.ps-v9 .ps44-menu-button:focus-visible {
  color:#fff;background:rgba(255,255,255,.075);outline:none;
}
html[data-ps-site-version="9"] body.ps-v9 #authOverlay .landing-footer a {
  display:inline-flex;min-height:28px;align-items:center;
}
html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid { grid-template-columns:repeat(12,minmax(0,1fr)) !important; }
html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid > article:nth-child(1) { grid-column:span 8 !important; }
html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid > article:nth-child(2) { grid-column:span 4 !important; }
html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid > article:nth-child(n+3) { grid-column:span 3 !important; }
@media(max-width:900px){
  html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid > article:nth-child(n) { grid-column:span 1 !important; }
  html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid > article:first-child,
  html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid > article:last-child { grid-column:1/-1 !important; }
}
@media(max-width:700px){
  html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid { grid-template-columns:1fr !important; }
  html[data-ps-site-version="9"] body.ps-v9 .ps8-feature-grid > article:nth-child(n) { grid-column:auto !important; }
}


/* Site 9.1 — homepage-native information sections and reliable vertical flow. */
html[data-ps-site-version="9"] body.auth-locked:not(.ps-v7-dialog-open):not(.ps54-account-open) { overflow: hidden !important; }
html[data-ps-site-version="9"] body.auth-locked #authOverlay {
  position: fixed !important;
  z-index: 120 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
#ps8-about,#ps8-products,#ps8-how { scroll-margin-top: 98px; }
#authOverlay .ps14-nav-links button[aria-current="location"] { color:#fff !important;background:rgba(255,255,255,.09) !important; }
.ps8-about {
  position: relative;
  width: min(1280px,calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(90px,10vw,150px) 0 clamp(86px,9vw,138px);
}
.ps8-about::before {
  position:absolute;inset:12% -10% auto;width:58%;height:68%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.055),transparent 67%);filter:blur(14px);content:"";
}
.ps8-about > header {
  position:relative;display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1.08fr);gap:clamp(28px,7vw,100px);align-items:start;margin-bottom:52px;
}
.ps8-about > header > span,.ps8-about-grid article > span { color:#8c8c88;font:700 10px/1.3 var(--display);letter-spacing:.17em; }
.ps8-about > header h2 { max-width:820px;margin:0;color:#f7f7f4;font:600 clamp(46px,6.2vw,86px)/.94 var(--display);letter-spacing:-.065em;text-wrap:balance; }
.ps8-about > header p { grid-column:2;max-width:690px;margin:0;color:#888884;font-size:13px;line-height:1.75; }
.ps8-about-grid { position:relative;display:grid;grid-template-columns:1.18fr .82fr;gap:1px;border:1px solid #292929;border-radius:24px;overflow:hidden;background:#292929;box-shadow:0 38px 100px rgba(0,0,0,.34); }
.ps8-about-grid article { position:relative;min-height:470px;padding:clamp(26px,4vw,48px);overflow:hidden;background:linear-gradient(145deg,#111,#080808); }
.ps8-about-manifesto h3 { max-width:670px;margin:88px 0 22px;color:#f4f4f1;font:600 clamp(28px,3.3vw,48px)/1.02 var(--display);letter-spacing:-.05em; }
.ps8-about-manifesto p { max-width:610px;margin:0;color:#858581;font-size:12px;line-height:1.75; }
.ps8-about-manifesto > div { display:flex;flex-wrap:wrap;gap:8px;margin-top:54px; }
.ps8-about-manifesto > div b { border:1px solid #333;border-radius:999px;padding:9px 12px;color:#c6c6c1;background:#0c0c0c;font:700 8px var(--display);letter-spacing:.11em; }
.ps8-about-system { display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 43%,#202020,transparent 42%),#0b0b0b !important; }
.ps8-about-system > p { position:relative;z-index:2;max-width:390px;margin:0;color:#999994;font-size:11px;line-height:1.7; }
.ps8-about-orbit { position:relative;width:min(310px,80%);aspect-ratio:1;margin:auto;border:1px solid #343434;border-radius:50%;animation:ps91-orbit-drift 18s linear infinite; }
.ps8-about-orbit::before,.ps8-about-orbit::after { position:absolute;border:1px solid #272727;border-radius:50%;content:""; }
.ps8-about-orbit::before { inset:17%; }
.ps8-about-orbit::after { inset:34%;background:#090909;box-shadow:0 0 70px rgba(255,255,255,.08); }
.ps8-about-orbit i { position:absolute;z-index:3;inset:50% auto auto 50%;display:grid;width:68px;height:68px;place-items:center;border:1px solid #f3f3ef;clip-path:polygon(13% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 13%);color:#050505;background:#f3f3ef;font:800 19px var(--display);letter-spacing:-.08em;transform:translate(-50%,-50%); }
.ps8-about-orbit b { position:absolute;border:1px solid #3b3b3b;border-radius:999px;padding:7px 9px;color:#d0d0cb;background:#0b0b0b;font:700 7px var(--display);letter-spacing:.09em;animation:ps91-label-counter 18s linear infinite; }
.ps8-about-orbit b:nth-of-type(1){top:7%;left:14%}.ps8-about-orbit b:nth-of-type(2){top:47%;right:-7%}.ps8-about-orbit b:nth-of-type(3){bottom:5%;left:7%}
@keyframes ps91-orbit-drift { to { transform:rotate(360deg); } }
@keyframes ps91-label-counter { to { transform:rotate(-360deg); } }
@media(max-width:820px){
  .ps8-about { width:calc(100% - 28px);padding-block:76px; }
  .ps8-about > header { grid-template-columns:1fr;gap:20px;margin-bottom:34px; }
  .ps8-about > header p { grid-column:auto; }
  .ps8-about-grid { grid-template-columns:1fr; }
  .ps8-about-grid article { min-height:390px; }
  .ps8-about-manifesto h3 { margin-top:52px; }
  .ps8-about-system { min-height:470px !important; }
}
@media(max-width:520px){
  #authOverlay .landing-nav { position:sticky !important; }
  .ps8-about > header h2 { font-size:clamp(39px,12vw,58px); }
  .ps8-about-grid { border-radius:18px; }
  .ps8-about-grid article { padding:24px; }
  .ps8-about-manifesto h3 { font-size:30px; }
}

/* Site 9.2 — forward-motion star tunnel and fluid monochrome glass. The site
   owns its animation preference so Windows' global setting cannot freeze it. */
html[data-ps-site-version="9"] {
  --ps92-glass: rgba(17,17,18,.58);
  --ps92-glass-strong: rgba(24,24,26,.74);
  --ps92-glass-soft: rgba(255,255,255,.045);
  --ps92-glass-line: rgba(255,255,255,.16);
  --ps92-glass-highlight: rgba(255,255,255,.24);
  --ps92-shadow: 0 32px 90px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.035);
  scroll-behavior: smooth;
}

body.ps-v9 #authOverlay .landing-main.ps8-home {
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.065),transparent 28%),
    linear-gradient(180deg,#030304 0%,#070708 46%,#020203 100%);
}

body.ps-v9 #authOverlay .landing-nav,
body.ps-v9 #psSecondHome .ps20-nav,
body.ps-v9 .app .topbar,
body.ps-v9 #ps49InfoPage .landing-nav,
body.ps-v9 .ps53-products-nav {
  border:1px solid rgba(255,255,255,.14) !important;
  border-top-color:rgba(255,255,255,.24) !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,rgba(28,28,31,.68),rgba(8,8,10,.56)) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.15) !important;
  -webkit-backdrop-filter:blur(28px) saturate(145%) !important;
  backdrop-filter:blur(28px) saturate(145%) !important;
}

.ps8-hero.ps81-hero {
  isolation:isolate;
  width:100%;
  min-height:max(780px,100svh);
  overflow:hidden;
  padding-inline:max(24px,calc((100vw - 1360px)/2));
}
.ps8-hero.ps81-hero::before {
  position:absolute;
  z-index:0;
  inset:-18%;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.085) 0 1px,transparent 2px),
    repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.018) 0deg,transparent 1.5deg 8deg);
  mask-image:radial-gradient(circle at center,#000 0 20%,transparent 72%);
  content:"";
  animation:ps92-depth-breathe 3.8s ease-in-out infinite;
}
@keyframes ps92-depth-breathe {
  50% { opacity:.68; transform:scale(1.08) rotate(.4deg); }
}
.ps92-warp-field {
  position:absolute;
  z-index:1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  perspective:700px;
  mask-image:radial-gradient(circle at 50% 49%,transparent 0 7%,#000 23% 82%,transparent 100%);
}
.ps92-warp-field i {
  position:absolute;
  top:49%;
  left:50%;
  width:var(--ps92-length);
  height:1px;
  border-radius:999px;
  opacity:0;
  background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.95));
  box-shadow:0 0 8px rgba(255,255,255,.8),0 0 22px rgba(255,255,255,.25);
  transform-origin:left center;
  will-change:transform,opacity;
  animation:ps92-warp var(--ps92-duration) linear var(--ps92-delay) infinite;
}
@keyframes ps92-warp {
  0% { opacity:0; transform:translate3d(0,0,-120px) rotate(var(--ps92-rot)) scaleX(.02); }
  9% { opacity:.2; }
  58% { opacity:.92; }
  100% { opacity:0; transform:translate3d(var(--ps92-tx),var(--ps92-ty),240px) rotate(var(--ps92-rot)) scaleX(1.9); }
}
.ps81-stars-one { animation-duration:4.8s !important; }
.ps81-stars-two { animation-duration:1.1s !important; }
.ps8-dot-field { opacity:.5; animation:ps92-dot-zoom 4s linear infinite; }
@keyframes ps92-dot-zoom { to { background-size:44px 44px; transform:scale(1.18); } }

.ps81-hero .ps8-hero-copy { z-index:4; width:min(1320px,100%); }
.ps81-hero h1 {
  display:flex;
  width:max-content;
  max-width:100%;
  justify-content:center;
  gap:.18em;
  margin-inline:auto;
  padding:.08em .12em .12em;
  overflow:visible;
  font-size:clamp(68px,8.55vw,132px);
  line-height:.82;
  letter-spacing:-.064em;
  white-space:nowrap;
}
.ps81-hero h1 span { display:inline-block; flex:0 0 auto; padding-right:.025em; color:transparent; }
.ps81-hero h1 span:last-child { padding-right:.12em; }

.ps8-marquee {
  position:relative;
  z-index:3;
  border-color:rgba(255,255,255,.14);
  background:rgba(12,12,14,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 50px rgba(0,0,0,.26);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  backdrop-filter:blur(22px) saturate(130%);
}
.ps8-marquee > .ps82-marquee-track { animation-name:ps92-marquee; animation-duration:22s; }
.ps82-marquee-group { box-sizing:border-box; min-width:100vw; justify-content:space-around; padding:0 29px; }
@keyframes ps92-marquee { to { transform:translate3d(-50%,0,0); } }

.ps81-showcase .ps8-app-window,
.ps8-about-grid article,
.ps8-feature-grid article,
.ps8-steps li,
.ps8-final-cta,
body.ps-v9 :is(.app .card,.app .ticker,.app .workspace-tabs,#psSecondHome .ps20-card,#ps51AccountCenter .ps51-account-pane,.auth-dialog,.ps44-dialog,.ps27-dialog,.psmail-dialog,#ps44StatusPopover,#ps44HomeMenu,#ps44HomeConnection) {
  border-color:var(--ps92-glass-line) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 42%,rgba(5,5,7,.66)) !important;
  box-shadow:var(--ps92-shadow) !important;
  -webkit-backdrop-filter:blur(26px) saturate(140%) !important;
  backdrop-filter:blur(26px) saturate(140%) !important;
}
.ps81-showcase .ps8-app-window,
.ps8-about-grid,
.ps8-about-grid article,
.ps8-feature-grid article,
.ps8-final-cta { border-radius:28px; }
.ps8-about-grid { gap:10px; overflow:visible; border:0; background:transparent; box-shadow:none; }
.ps8-about-grid article { border:1px solid var(--ps92-glass-line); }
.ps8-about-grid article::before,
.ps8-feature-grid article::before,
.ps92-plan-panel article::before {
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at 22% 0,rgba(255,255,255,.13),transparent 35%);
  content:"";
  opacity:.7;
}
.ps8-about-system { background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.12),transparent 40%),rgba(10,10,12,.52) !important; }
.ps8-about-orbit i {
  width:84px;
  height:84px;
  border:1px solid rgba(255,255,255,.32);
  clip-path:none;
  border-radius:26px;
  padding:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.055));
  box-shadow:0 20px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.34);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.ps8-about-orbit i img { display:block; width:100%; height:100%; object-fit:contain; }
.ps8-about-orbit b { border-color:rgba(255,255,255,.17); background:rgba(12,12,14,.62); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter:blur(14px); }

.ps92-plans {
  position:relative;
  overflow:hidden;
  color:#f5f5f2;
  background:
    radial-gradient(circle at 78% 8%,rgba(255,255,255,.08),transparent 26%),
    radial-gradient(circle at 20% 76%,rgba(255,255,255,.045),transparent 32%),
    #050506;
}
.ps92-plans::before {
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.03) 39%,transparent 58%);
  content:"";
  animation:ps92-section-shine 7s ease-in-out infinite;
}
@keyframes ps92-section-shine { 50% { transform:translateX(18%); opacity:.45; } }
.ps92-plans > * { position:relative; z-index:1; }
.ps92-plan-tabs {
  display:grid;
  width:min(760px,100%);
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:0 auto 34px;
  border:1px solid rgba(255,255,255,.17);
  border-top-color:rgba(255,255,255,.3);
  border-radius:999px;
  padding:7px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.17);
  -webkit-backdrop-filter:blur(26px) saturate(150%);
  backdrop-filter:blur(26px) saturate(150%);
}
.ps92-plan-tabs button {
  min-height:54px;
  border:1px solid transparent;
  border-radius:999px;
  color:#888885;
  background:transparent;
  font:700 10px var(--display);
  letter-spacing:.07em;
  transition:color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease;
}
.ps92-plan-tabs button:hover { color:#fff; transform:translateY(-1px); }
.ps92-plan-tabs button.active {
  border-color:rgba(255,255,255,.36);
  color:#060607;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(218,218,216,.86));
  box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px 0 #fff;
}
.ps92-plan-panel {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  animation:ps92-panel-in .55s cubic-bezier(.2,.75,.2,1) both;
}
.ps92-plan-panel[hidden] { display:none !important; }
@keyframes ps92-panel-in { from { opacity:0; transform:translateY(18px) scale(.985); } }
.ps92-plan-panel article {
  position:relative;
  display:flex;
  min-height:390px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--ps92-glass-line);
  border-top-color:rgba(255,255,255,.28);
  border-radius:30px;
  padding:clamp(25px,3.5vw,40px);
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02) 46%,rgba(3,3,5,.72));
  box-shadow:var(--ps92-shadow);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
  backdrop-filter:blur(28px) saturate(145%);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.ps92-plan-panel article:hover { transform:translateY(-7px); border-color:rgba(255,255,255,.34); box-shadow:0 42px 110px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.2); }
.ps92-plan-panel article.featured { background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.035) 48%,rgba(4,4,6,.8)); }
.ps92-plan-panel article > * { position:relative; z-index:1; }
.ps92-plan-panel article > span { color:#a8a8a5; font:700 9px var(--display); letter-spacing:.18em; }
.ps92-plan-panel h3 { margin:68px 0 18px; color:#f7f7f4; font:620 clamp(30px,3vw,43px)/.96 var(--display); letter-spacing:-.055em; }
.ps92-plan-panel p { margin:0; color:#92928f; font:500 11px/1.75 var(--body); }
.ps92-plan-panel article > b { margin-top:26px; color:#d7d7d3; font:700 9px var(--display); letter-spacing:.1em; text-transform:uppercase; }
.ps92-plan-panel :is(button,a) {
  display:flex;
  min-height:50px;
  align-items:center;
  justify-content:space-between;
  margin-top:auto;
  border:1px solid rgba(255,255,255,.17);
  border-radius:17px;
  padding:0 17px;
  color:#f6f6f3;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  font:700 10px var(--body);
  text-align:left;
}
.ps92-plan-panel :is(button,a):hover { border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.12); }
.ps92-plan-panel :is(button,a) i { font:500 18px var(--display); font-style:normal; }
.ps92-brand-directory {
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:12px;
  margin-top:28px;
}
.ps92-brand-directory a { color:#f7f7f4; text-decoration:none; }
.ps92-swcreate-link {
  position:relative;
  display:grid;
  min-height:220px;
  align-content:end;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-top-color:rgba(255,255,255,.36);
  border-radius:32px;
  padding:32px;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 48%,rgba(2,2,4,.76));
  box-shadow:var(--ps92-shadow);
  backdrop-filter:blur(30px) saturate(150%);
}
.ps92-swcreate-link::before { position:absolute; inset:-50%; background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.13),transparent 28%); content:""; animation:ps92-directory-spin 9s linear infinite; }
@keyframes ps92-directory-spin { to { transform:rotate(360deg); } }
.ps92-swcreate-link > * { position:relative; z-index:1; }
.ps92-swcreate-link span { color:#8f8f8c; font:700 9px var(--display); letter-spacing:.18em; }
.ps92-swcreate-link b { margin-top:12px; font:650 clamp(55px,7vw,102px)/.8 var(--display); letter-spacing:-.075em; }
.ps92-swcreate-link i { position:absolute; z-index:2; top:28px; right:31px; font:500 24px var(--display); font-style:normal; }
.ps92-brand-directory > div { display:grid; gap:8px; }
.ps92-brand-directory > div a { display:flex; min-height:68px; align-items:center; justify-content:space-between; border:1px solid rgba(255,255,255,.14); border-radius:21px; padding:0 19px; background:rgba(255,255,255,.045); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); backdrop-filter:blur(22px); font:700 10px var(--body); }
.ps92-brand-directory > div a:hover { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.09); }
.ps92-brand-directory > div i { font-size:16px; font-style:normal; }

.ps8-feature-grid article > h3 { margin-top:54px; }
.ps8-feature-grid article:hover { transform:translateY(-7px) scale(1.006); }
.ps8-steps li { margin-bottom:10px; border:1px solid var(--ps92-glass-line); border-radius:22px; padding:22px !important; }
.ps8-final-cta { width:min(1320px,calc(100% - 48px)); margin:clamp(60px,8vw,110px) auto; border:1px solid var(--ps92-glass-line); overflow:hidden; }

@media(max-width:900px) {
  .ps92-plan-panel { grid-template-columns:1fr; }
  .ps92-plan-panel article { min-height:330px; }
  .ps92-brand-directory { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  .ps8-hero.ps81-hero { width:100%; min-height:720px; padding-inline:14px; }
  .ps81-hero h1 { gap:.13em; padding-inline:.04em .13em; font-size:clamp(44px,12.1vw,72px); letter-spacing:-.055em; }
  .ps92-plan-tabs { border-radius:25px; }
  .ps92-plan-tabs button { min-height:58px; border-radius:19px; padding-inline:8px; font-size:8px; }
  .ps92-plan-panel article { min-height:310px; border-radius:24px; }
  .ps92-plan-panel h3 { margin-top:44px; }
  .ps92-swcreate-link { min-height:180px; border-radius:25px; padding:25px; }
  .ps92-swcreate-link b { font-size:clamp(48px,15vw,74px); }
  .ps8-final-cta { width:calc(100% - 28px); }
}

/* Site 10.3 — stable live surfaces, compact support and locale-safe identity UI. */
#authOverlay .ps10-hero-metrics { contain:layout paint; transform:translateZ(0); backface-visibility:hidden; }
#authOverlay .ps10-hero-metrics .ps61-metric { transform:none !important; transition:border-color .18s ease,background .18s ease !important; }
#authOverlay .ps10-hero-metrics .ps61-metric:hover { transform:none !important; }
#authOverlay .ps10-hero-metrics :is(strong,span) { contain:layout style; }

#ps47MailDialog .ps44-dialog.ps68-resizable-dialog {
  display:flex !important;
  min-width:0 !important;
  min-height:0 !important;
  max-height:min(92dvh,820px) !important;
  box-sizing:border-box !important;
  flex-direction:column;
  overflow:hidden !important;
  resize:none !important;
  scrollbar-gutter:auto !important;
}
#ps47MailDialog .ps47-mail-form {
  min-height:0;
  max-height:calc(92dvh - 190px);
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:0 9px 4px 0 !important;
}
#ps47MailDialog .ps49-file-drop {
  min-height:72px !important;
  max-height:82px !important;
  box-sizing:border-box !important;
  place-items:center !important;
  padding:10px 16px !important;
}
#ps47MailDialog .ps49-file-drop > span { display:grid; grid-template-columns:24px minmax(0,1fr); column-gap:10px; align-items:center; width:100%; text-align:left; }
#ps47MailDialog .ps49-file-drop svg { grid-row:1/3; width:22px !important; height:22px !important; margin:0 !important; }
#ps47MailDialog .ps49-file-drop b { align-self:end; }
#ps47MailDialog .ps49-file-drop small { align-self:start; margin-top:2px !important; }

.ps102-kick-logo { width:24px !important; height:28px !important; }
.ps102-sw-logo { width:36px !important; height:36px !important; filter:drop-shadow(0 0 8px rgba(32,255,194,.2)); }
.ps-identity-providers [data-provider="sw"] { overflow:hidden; }
.ps-identity-providers [data-provider="sw"] .ps102-sw-logo { transform:scale(1.08); }

.ps28-password-host > .ps28-eye { overflow:visible !important; }
.ps28-password-host > .ps28-eye::before { position:absolute; inset:-7px; border:1px solid rgba(255,255,255,.0); border-radius:50%; content:""; pointer-events:none; }
.ps28-password-host > .ps28-eye.is-switching { animation:ps103-eye-orbit .48s cubic-bezier(.2,.78,.2,1) !important; }
.ps28-password-host > .ps28-eye.is-switching::before { animation:ps103-eye-ripple .48s ease-out; }
.ps28-password-host > .ps28-eye.is-switching svg { animation:ps103-eye-lid .48s cubic-bezier(.2,.8,.2,1); }
@keyframes ps103-eye-orbit { 0%{filter:none} 45%{filter:drop-shadow(0 0 8px rgba(255,255,255,.6));transform:rotate(-8deg) scale(.9)} 100%{filter:none;transform:none} }
@keyframes ps103-eye-ripple { 0%{border-color:rgba(255,255,255,.5);opacity:.8;transform:scale(.55)} 100%{border-color:rgba(255,255,255,0);opacity:0;transform:scale(1.25)} }
@keyframes ps103-eye-lid { 0%,100%{transform:scaleY(1)} 48%{transform:scaleY(.08)} }

html[data-ps-live-locale]:not([data-ps-live-locale="tr"]) :is(h1,h2,h3,p,button,a,label,small,span) { overflow-wrap:anywhere; }
html[data-ps-live-locale="de"] #authOverlay :is(.ps8-hero-copy h1,.ps8-section-head h2),
html[data-ps-live-locale="ru"] #authOverlay :is(.ps8-hero-copy h1,.ps8-section-head h2) { font-size:clamp(38px,6vw,92px) !important; letter-spacing:-.055em !important; }
html[data-ps-live-locale="ar"] body { direction:ltr; }
html[data-ps-live-locale="ar"] :is(p,button,a,label,small,span,h1,h2,h3) { line-height:1.55; }
html[data-ps-live-locale="ja"] :is(h1,h2,h3) { line-height:1.16 !important; letter-spacing:-.03em !important; }

@media(max-width:760px) {
  .ps10-astronaut-visitor { bottom:44px !important; }
  #ps47MailDialog { padding:9px !important; }
  #ps47MailDialog .ps44-dialog.ps68-resizable-dialog { width:calc(100vw - 18px) !important; max-height:calc(100dvh - 18px) !important; border-radius:25px !important; padding:22px 18px !important; }
  #ps47MailDialog .ps47-mail-form { max-height:calc(100dvh - 170px); padding-right:6px !important; }
  #ps47MailDialog h2 { font-size:clamp(31px,10vw,44px) !important; }
}

/* Site 10.0 — SW Identity, organic deep-space motion and denser liquid glass. */
html[lang="ar"],html[lang="ar"] body { direction:ltr !important; }
html[lang="ar"] :is(p,h1,h2,h3,span,b,small,label,input,button,a) { unicode-bidi:plaintext; }

body.ps-v9 :is(.ps8-about-grid article,.ps8-feature-grid article,.ps92-plan-panel article,.ps8-steps li,.ps8-final-cta,.ps61-site-metrics,.ps20-card,.card,.ps51-account-pane) {
  background:
    linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.026) 42%,rgba(2,2,4,.78)) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.23),inset 0 -1px 0 rgba(255,255,255,.045) !important;
  -webkit-backdrop-filter:blur(32px) saturate(160%) contrast(108%) !important;
  backdrop-filter:blur(32px) saturate(160%) contrast(108%) !important;
}
body.ps-v9 :is(.ps8-about-grid article,.ps8-feature-grid article,.ps92-plan-panel article,.ps8-steps li,.ps8-final-cta,.ps20-card,.card,.ps51-account-pane)::after {
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,.12),transparent 24% 72%,rgba(255,255,255,.055));
  content:"";
  mix-blend-mode:screen;
  opacity:.62;
}

.ps92-warp-field { z-index:1; perspective:none; opacity:.9; filter:none; }
.ps92-warp-field::before,.ps92-warp-field::after {
  position:absolute;
  width:44vw;
  height:44vw;
  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;
  content:"";
  animation:ps10-space-orbit 34s linear infinite;
}
.ps92-warp-field::before { left:-18vw; top:12%; }
.ps92-warp-field::after { right:-23vw; bottom:-20%; animation-direction:reverse; animation-duration:46s; }
.ps92-warp-field i {
  position:absolute;
  left:var(--ps10-x) !important;
  top:var(--ps10-y) !important;
  width:var(--ps10-size) !important;
  height:var(--ps10-size) !important;
  border-radius:50% !important;
  background:#f7f7f4 !important;
  box-shadow:0 0 8px rgba(255,255,255,.7),0 0 22px rgba(255,255,255,.18) !important;
  transform:none;
  opacity:.18;
  animation:ps10-natural-star var(--ps10-duration) ease-in-out var(--ps10-delay) infinite !important;
}
@keyframes ps10-natural-star {
  0%,100% { opacity:.12; transform:translate3d(0,0,0) scale(.65); }
  40% { opacity:.95; transform:translate3d(var(--ps10-drift),-18px,0) scale(1.1); }
  70% { opacity:.28; transform:translate3d(0,-32px,0) scale(.8); }
}
@keyframes ps10-space-orbit { to { transform:rotate(360deg) scale(1.06); } }

.ps81-hero::after {
  position:absolute;
  z-index:1;
  inset:8% 4% 6%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 18% 34%,rgba(255,255,255,.055),transparent 23%),
    radial-gradient(ellipse at 83% 68%,rgba(255,255,255,.04),transparent 27%),
    conic-gradient(from 210deg at 50% 58%,transparent,rgba(255,255,255,.022),transparent 19%);
  content:"";
  filter:blur(14px);
  animation:ps10-nebula-breathe 13s ease-in-out infinite alternate;
}
@keyframes ps10-nebula-breathe { to { opacity:.58; transform:scale(1.055) translateY(-1.2%); } }

.ps10-hero-metrics {
  position:absolute !important;
  z-index:6 !important;
  top:22px !important;
  right:24px !important;
  bottom:auto !important;
  left:auto !important;
  display:grid !important;
  width:min(410px,calc(100% - 32px)) !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:1px !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:20px !important;
  padding:7px !important;
  background:rgba(8,8,10,.48) !important;
  -webkit-backdrop-filter:blur(28px) saturate(150%) !important;
  backdrop-filter:blur(28px) saturate(150%) !important;
}
.ps10-hero-metrics .ps61-metric { min-width:0; border:0 !important; padding:10px 9px !important; background:transparent !important; }
.ps10-hero-metrics .ps61-metric + .ps61-metric { border-left:1px solid rgba(255,255,255,.1) !important; }
.ps10-hero-metrics .ps61-metric :is(strong,b) { font-size:17px !important; }
.ps10-hero-metrics .ps61-metric :is(span,small) { font-size:6px !important; letter-spacing:.08em !important; }
.ps10-hero-metrics .ps61-metrics-head { grid-column:1/-1 !important; min-height:0 !important; margin:0 !important; padding:5px 9px 7px !important; }
.ps10-hero-metrics .ps61-metrics-head > :is(b,small) { display:none !important; }
.ps10-hero-metrics .ps61-metrics-head > span { font-size:7px !important; letter-spacing:.16em !important; }

.ps10-astronaut-visitor {
  position:absolute;
  z-index:8;
  left:50%;
  top:calc(50% + 168px);
  width:96px;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-50%,-75vh,0) rotate(-5deg) scale(.8);
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.62));
}
.ps10-astronaut-visitor.is-visible { animation:ps10-astronaut-arrive 7.5s cubic-bezier(.18,.72,.16,1) forwards,ps10-astronaut-idle 5.4s ease-in-out 7.5s infinite; }
.ps10-astronaut-visitor svg { display:block; width:96px; height:118px; image-rendering:pixelated; }
.ps10-astronaut-bubble {
  position:absolute;
  right:auto;
  left:78px;
  bottom:72px;
  width:max-content;
  max-width:230px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px 18px 4px 18px;
  padding:12px 15px;
  color:#c8c8c4;
  background:rgba(12,12,15,.72);
  box-shadow:0 22px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
  font:650 10px/1.5 var(--body);
  letter-spacing:.02em;
  opacity:0;
  transform:translateY(8px) scale(.95);
  animation:ps10-bubble-in .55s ease 7.7s forwards;
}
.ps10-astronaut-bubble b { color:#fff; font-size:12px; }
@keyframes ps10-astronaut-arrive {
  0% { opacity:0; transform:translate3d(-50%,-72vh,0) rotate(-8deg) scale(.75); }
  14% { opacity:1; }
  70% { transform:translate3d(-46%,-38px,0) rotate(5deg) scale(1); }
  86% { transform:translate3d(-52%,-7px,0) rotate(-2deg) scale(1); }
  100% { opacity:1; transform:translate3d(-50%,0,0) rotate(0) scale(1); }
}
@keyframes ps10-astronaut-idle { 50% { transform:translate3d(-50%,-5px,0) rotate(1.2deg); } }
@keyframes ps10-bubble-in { to { opacity:1; transform:none; } }

.ps-identity-auth { overflow-x:hidden !important; opacity:1; animation:ps10-auth-layer-in .25s ease both; }
.ps-identity-auth.ps-identity-auth-closing { animation:ps10-auth-layer-out .22s ease both; }
.ps-identity-auth .auth-dialog {
  width:min(470px,calc(100vw - 28px)) !important;
  overflow:hidden;
  border-color:rgba(255,255,255,.2) !important;
  border-radius:32px !important;
  padding:32px !important;
  background:
    radial-gradient(circle at 12% 0,rgba(255,255,255,.17),transparent 30%),
    linear-gradient(145deg,rgba(27,27,30,.87),rgba(5,5,7,.82)) !important;
  box-shadow:0 46px 130px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.25) !important;
  -webkit-backdrop-filter:blur(40px) saturate(165%) !important;
  backdrop-filter:blur(40px) saturate(165%) !important;
}
.ps-identity-wordmark { display:flex; align-items:center; gap:11px; margin:-3px 0 26px; }
.ps-identity-wordmark img { width:38px; height:38px; object-fit:contain; }
.ps-identity-wordmark span { position:relative; overflow:hidden; color:#f7f7f4; font:680 19px/1 var(--display); letter-spacing:-.045em; }
.ps-identity-wordmark span::after { position:absolute; inset:-30% auto -30% -45%; width:28%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); content:""; transform:skewX(-18deg); animation:ps10-wordmark-shine 3.2s ease-in-out infinite; }
.ps-identity-auth .eyebrow { color:#aaa !important; letter-spacing:.17em !important; }
.ps-identity-auth h2 { font-size:clamp(30px,7vw,42px) !important; }
.ps-identity-auth > .auth-dialog > p { margin-bottom:21px; }
.ps-identity-remember { width:max-content; margin:4px 0 15px !important; border:1px solid rgba(255,255,255,.1); border-radius:999px; padding:7px 11px !important; background:rgba(255,255,255,.035); transition:border-color .22s ease,background .22s ease !important; }
.ps-identity-remember:has(input:checked) { border-color:rgba(255,255,255,.32); background:rgba(255,255,255,.085); }
.ps-sw-identity-submit { display:flex !important; width:100%; min-height:60px !important; align-items:center; gap:12px; border-radius:18px !important; }
.ps-sw-identity-submit b { flex:1; text-align:left; font:750 11px var(--body); }
.ps-sw-identity-submit i { font:500 18px var(--display); font-style:normal; }
.ps-sw-shield { display:grid; width:34px; height:34px; place-items:center; clip-path:polygon(50% 0,91% 15%,91% 55%,78% 79%,50% 100%,22% 79%,9% 55%,9% 15%); color:#08080a; background:#fff; font:850 8px var(--display); }
.ps-identity-auth .auth-divider { display:flex; align-items:center; gap:10px; margin:18px 0 12px; color:#777; font:700 7px var(--body); letter-spacing:.1em; text-transform:uppercase; }
.ps-identity-auth .auth-divider::before,.ps-identity-auth .auth-divider::after { height:1px; flex:1; background:rgba(255,255,255,.1); content:""; }
.ps-identity-providers { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.ps-identity-providers button { display:grid; min-height:52px; place-items:center; border:1px solid rgba(255,255,255,.15); border-radius:16px; background:rgba(255,255,255,.045); transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.ps-identity-providers button:hover { border-color:rgba(255,255,255,.36); background:rgba(255,255,255,.095); box-shadow:inset 0 1px 0 rgba(255,255,255,.17); }
.ps-identity-providers svg { width:24px; height:24px; }
#modalKick svg { height:26px; fill:#53fc18; }
.ps-identity-trust { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:18px; color:#777; font:650 7px var(--body); letter-spacing:.08em; text-transform:uppercase; }
.ps-identity-trust i { width:6px; height:6px; border-radius:50%; background:#ddd; box-shadow:0 0 12px rgba(255,255,255,.6); }
.ps10-identity-handoff { display:grid; gap:13px; overflow:hidden; }
.ps10-identity-handoff::before { position:absolute; inset:-60% -20%; pointer-events:none; background:conic-gradient(from 180deg,transparent,rgba(255,255,255,.09),transparent 24%); content:""; animation:ps92-directory-spin 12s linear infinite; }
.ps10-identity-handoff > * { position:relative; z-index:1; }
.ps10-identity-handoff .ps51-primary { display:flex; width:max-content; min-height:45px; align-items:center; gap:18px; text-decoration:none; }
.ps10-identity-handoff > small { color:#777; font-size:8px; line-height:1.55; }
.ps51-profile-avatar img,.ps51-account-brand i img { display:block; width:100%; height:100%; object-fit:contain; }
.ps51-account-brand i:has(img) { overflow:hidden; border-radius:11px; padding:3px; background:rgba(255,255,255,.055); }
.ps51-account-brand span small { display:block; margin-top:3px; color:#777; font-size:6px; letter-spacing:.12em; }
@keyframes ps10-auth-layer-in { from { opacity:0; } to { opacity:1; } }
@keyframes ps10-auth-layer-out { to { opacity:0; } }
@keyframes ps10-wordmark-shine { 0%,38% { left:-45%; } 72%,100% { left:122%; } }

.ps28-password-host > .ps28-eye { border-radius:50% 42% 50% 42% !important; background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.12),rgba(10,10,12,.9)) !important; transition:border-color .16s ease,background .16s ease !important; }
.ps28-password-host > .ps28-eye:active { transform:none !important; }
input[type="date"] { color-scheme:dark; border-color:rgba(255,255,255,.18) !important; border-radius:13px !important; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) !important; }
input[type="date"]::-webkit-calendar-picker-indicator { width:20px; height:20px; border:1px solid rgba(255,255,255,.14); border-radius:8px; padding:5px; background-color:rgba(255,255,255,.08); filter:invert(1); cursor:pointer; }

.ps15-locale-button,.ps41-locale-button,.ps15-locale-menu button { transform:none !important; translate:none !important; transition:color .18s ease,background .18s ease,border-color .18s ease !important; }
.ps15-locale-button:hover,.ps41-locale-button:hover,.ps15-locale-menu button:hover { transform:none !important; translate:none !important; }
.ps10-brand-return { animation:ps10-brand-return .62s cubic-bezier(.2,.8,.2,1); }
#authOverlay .landing-brand { border:1px solid transparent; border-radius:16px; padding:4px 7px; outline:none; }
#authOverlay .landing-brand:focus-visible { border-color:rgba(255,255,255,.22); box-shadow:0 0 0 4px rgba(255,255,255,.055); }
@keyframes ps10-brand-return { 45% { filter:brightness(1.7) drop-shadow(0 0 16px rgba(255,255,255,.32)); transform:translateX(5px); } }

@media(max-width:760px) {
  .ps10-hero-metrics { top:auto !important; right:14px !important; bottom:18px !important; left:14px !important; width:auto !important; }
  .ps10-astronaut-visitor { top:calc(50% + 148px); transform:translate3d(-50%,-75vh,0) scale(.72); }
  .ps10-astronaut-bubble { right:61px; left:auto; max-width:190px; font-size:8px; }
  .ps-identity-auth .auth-dialog { padding:26px 22px !important; border-radius:25px !important; }
}

/* Site 10.1 — richer space scene, stable system surfaces and complete SW Identity forms. */
#authOverlay .ps61-site-metrics,
#authOverlay .ps61-site-metrics.ps83-metrics-empty {
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}
#authOverlay .ps61-site-metrics.is-loading .ps61-metric :is(strong,b) {
  min-width:34px;
  color:transparent !important;
  border-radius:7px;
  background:linear-gradient(100deg,rgba(255,255,255,.045),rgba(255,255,255,.17),rgba(255,255,255,.045));
  background-size:220% 100%;
  animation:ps101-metric-loading 1.5s linear infinite;
}
@keyframes ps101-metric-loading { to { background-position:-220% 0; } }

.ps10-space-detail { position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; }
.ps10-moon { position:absolute; top:16%; left:7%; width:clamp(78px,10vw,150px); aspect-ratio:1; border:1px solid rgba(255,255,255,.13); border-radius:50%; background:radial-gradient(circle at 33% 29%,rgba(255,255,255,.17) 0 3%,transparent 4%),radial-gradient(circle at 65% 59%,rgba(255,255,255,.08) 0 8%,transparent 9%),radial-gradient(circle at 42% 70%,rgba(255,255,255,.06) 0 5%,transparent 6%),linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.012) 58%); box-shadow:inset -22px -20px 42px rgba(0,0,0,.72),0 0 90px rgba(255,255,255,.045); opacity:.72; animation:ps101-moon-float 17s ease-in-out infinite; }
.ps10-orbital-ring { position:absolute; top:12%; left:2%; width:clamp(150px,19vw,280px); height:clamp(70px,9vw,132px); border:1px solid rgba(255,255,255,.11); border-radius:50%; transform:rotate(-24deg); animation:ps101-ring-drift 23s ease-in-out infinite alternate; }
.ps10-constellation { position:absolute; top:17%; right:8%; width:170px; height:105px; opacity:.48; transform:rotate(-8deg); }
.ps10-constellation::before,.ps10-constellation::after { position:absolute; height:1px; background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.4),rgba(255,255,255,.05)); content:""; transform-origin:left; }
.ps10-constellation::before { top:25px; left:20px; width:125px; transform:rotate(22deg); }
.ps10-constellation::after { top:70px; left:40px; width:102px; transform:rotate(-31deg); }
.ps10-constellation b { position:absolute; width:4px; height:4px; border-radius:50%; background:#fff; box-shadow:0 0 14px rgba(255,255,255,.8); animation:ps101-twinkle 2.8s ease-in-out infinite alternate; }
.ps10-constellation b:nth-child(1){left:18px;top:23px}.ps10-constellation b:nth-child(2){left:76px;top:46px;animation-delay:-.7s}.ps10-constellation b:nth-child(3){right:20px;top:72px;animation-delay:-1.1s}.ps10-constellation b:nth-child(4){left:38px;bottom:14px;animation-delay:-1.8s}.ps10-constellation b:nth-child(5){right:6px;top:17px;animation-delay:-2.2s}
.ps10-spacecraft { position:absolute; right:12%; bottom:24%; width:46px; height:17px; animation:ps101-spacecraft 22s linear infinite; opacity:.58; }
.ps10-spacecraft i { position:absolute; inset:4px 10px 3px 0; clip-path:polygon(0 50%,22% 0,100% 22%,100% 78%,22% 100%); background:linear-gradient(90deg,#666,#eee 62%,#555); }
.ps10-spacecraft b { position:absolute; right:0; top:0; width:13px; height:17px; clip-path:polygon(0 0,100% 30%,100% 70%,0 100%); background:rgba(255,255,255,.28); }
.ps10-nebula { position:absolute; right:-12%; bottom:-22%; width:58%; height:62%; border-radius:50%; background:radial-gradient(ellipse,rgba(255,255,255,.085),rgba(255,255,255,.024) 30%,transparent 66%); filter:blur(32px); animation:ps101-nebula 14s ease-in-out infinite alternate; }
@keyframes ps101-moon-float { 50% { transform:translate3d(12px,-16px,0) rotate(4deg); } }
@keyframes ps101-ring-drift { to { transform:translate3d(18px,-9px,0) rotate(-16deg); } }
@keyframes ps101-twinkle { to { opacity:.25; transform:scale(.55); } }
@keyframes ps101-spacecraft { 0% { transform:translate3d(35vw,13vh,0) rotate(-8deg); opacity:0; } 12%,82% { opacity:.58; } 100% { transform:translate3d(-105vw,-28vh,0) rotate(-8deg); opacity:0; } }
@keyframes ps101-nebula { to { transform:translate3d(-5%,-4%,0) scale(1.12); opacity:.55; } }

.ps10-astronaut-visitor {
  width:118px !important;
  height:auto !important;
  border:0 !important;
  padding:0 !important;
  color:inherit !important;
  background:transparent !important;
  cursor:pointer;
  isolation:isolate;
}
.ps10-astronaut-visitor img { position:relative; z-index:2; display:block; width:118px; height:auto; image-rendering:pixelated; filter:drop-shadow(0 18px 24px rgba(0,0,0,.7)); }
.ps10-astronaut-rope { position:absolute; z-index:1; bottom:calc(100% - 13px); left:50%; width:2px; height:110vh; background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.72),rgba(255,255,255,.12)); box-shadow:0 0 8px rgba(255,255,255,.18); transform:translateX(-50%); }
.ps10-astronaut-visitor.is-visible { pointer-events:auto; animation:ps101-astronaut-descend 2.35s cubic-bezier(.2,.76,.24,1) forwards,ps101-astronaut-idle 4.8s ease-in-out 2.35s infinite !important; }
.ps10-astronaut-visitor.is-departing { pointer-events:none; animation:ps101-astronaut-ascend 2.05s cubic-bezier(.58,.02,.83,.31) forwards !important; }
.ps10-astronaut-visitor.is-departing .ps10-astronaut-bubble { animation:ps101-bubble-out .2s ease forwards !important; }
.ps10-astronaut-bubble { z-index:3; left:96px; bottom:86px; animation:ps10-bubble-in .48s ease 2.45s forwards !important; }
@keyframes ps101-astronaut-descend { 0% { opacity:0; transform:translate3d(-50%,-88vh,0) rotate(-5deg) scale(.88); } 12% { opacity:1; } 78% { transform:translate3d(-48%,-14px,0) rotate(3deg) scale(1); } 100% { opacity:1; transform:translate3d(-50%,0,0) rotate(0) scale(1); } }
@keyframes ps101-astronaut-idle { 50% { transform:translate3d(-50%,-7px,0) rotate(1.4deg); } }
@keyframes ps101-astronaut-ascend { 0% { opacity:1; transform:translate3d(-50%,0,0) rotate(0); } 16% { transform:translate3d(-53%,8px,0) rotate(-2deg); } 100% { opacity:0; transform:translate3d(-50%,-92vh,0) rotate(4deg); } }
@keyframes ps101-bubble-out { to { opacity:0; transform:translateY(-10px) scale(.92); } }

.ps-identity-auth .auth-dialog { max-height:min(92vh,860px); overflow-y:auto !important; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.28) transparent; }
.ps-identity-credential-form { display:grid; gap:11px; margin-top:18px; }
.ps-identity-auth .ps27-social-row { display:none !important; }
.ps-identity-credential-form .auth-field { display:grid; gap:6px; color:#aaa; font:700 8px var(--body); letter-spacing:.07em; text-transform:uppercase; }
.ps-identity-credential-form .auth-field input { width:100%; min-height:49px; border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:0 14px; color:#fff; background:rgba(255,255,255,.045); outline:none; font:600 12px var(--body); letter-spacing:0; text-transform:none; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.ps-identity-credential-form .auth-field input:focus { border-color:rgba(255,255,255,.42); background:rgba(255,255,255,.075); box-shadow:0 0 0 4px rgba(255,255,255,.05); }
.ps-identity-credential-form .auth-error { min-height:17px; margin:0; color:#ff9c9c; font-size:9px; }
.ps-identity-form-submit { min-height:54px !important; border-radius:16px !important; }
.ps-identity-form-submit:disabled { cursor:wait; opacity:.68; }
.ps-identity-honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; }
.ps-identity-providers.has-sw-provider { grid-template-columns:repeat(3,1fr); }
.ps-identity-providers [data-provider="sw"] .ps-sw-shield { width:31px; height:31px; }
.ps-identity-remember input { transition:transform .22s cubic-bezier(.2,.9,.3,1.4),filter .22s ease; }
.ps-identity-remember:has(input:checked) input { transform:scale(1.16) rotate(-5deg); filter:drop-shadow(0 0 7px rgba(255,255,255,.45)); }

#ps44StatusPopover { width:min(440px,calc(100vw - 24px)) !important; max-height:min(76vh,650px) !important; overflow:hidden !important; }
#ps44StatusPopover > p { margin-bottom:8px !important; }
.ps69-play-bot { display:flex; min-height:0; max-height:min(56vh,470px); flex-direction:column; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(8,8,10,.88)) !important; backdrop-filter:blur(28px) saturate(150%); }
.ps69-play-bot header { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:12px; }
.ps69-play-bot header > span { display:flex; align-items:center; gap:8px; }
.ps69-play-bot header > span::before { width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 13px rgba(255,255,255,.62); content:""; }
.ps69-play-bot-body { min-height:76px; overflow-y:auto; overscroll-behavior:contain; padding-right:5px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.27) transparent; }
.ps69-play-bot-body::-webkit-scrollbar { width:6px; }.ps69-play-bot-body::-webkit-scrollbar-thumb { border-radius:99px; background:rgba(255,255,255,.24); }
.ps69-play-bot-refresh { position:relative; flex:0 0 auto; }
.ps69-play-bot.is-refreshing .ps69-play-bot-refresh { padding-right:28px; opacity:.76; pointer-events:none; }
.ps69-play-bot.is-refreshing .ps69-play-bot-refresh::after { position:absolute; top:50%; right:9px; width:10px; height:10px; margin-top:-5px; border:1px solid rgba(255,255,255,.26); border-top-color:#fff; border-radius:50%; content:""; animation:ps101-refresh-spin .65s linear infinite; }
@keyframes ps101-refresh-spin { to { transform:rotate(360deg); } }

#ps46Support { width:auto !important; height:auto !important; }
#ps46Support .ps46-support-link { position:relative; width:56px; height:56px; border:1px solid rgba(255,255,255,.22); border-radius:19px; color:#fff; background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(9,9,11,.78)); box-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.22); backdrop-filter:blur(26px) saturate(150%); transition:transform .22s ease,border-color .22s ease,background .22s ease !important; }
#ps46Support .ps46-support-link::before { position:absolute; inset:-5px; border:1px solid rgba(255,255,255,.08); border-radius:23px; content:""; animation:ps101-support-pulse 3.3s ease-out infinite; }
#ps46Support .ps46-support-link:hover { transform:translateY(-4px) !important; border-color:rgba(255,255,255,.42); background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(12,12,14,.86)); }
#ps47MailDialog .ps44-dialog { background:radial-gradient(circle at 8% 0,rgba(255,255,255,.15),transparent 30%),linear-gradient(145deg,rgba(25,25,28,.9),rgba(5,5,7,.88)) !important; box-shadow:0 48px 130px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.22) !important; backdrop-filter:blur(38px) saturate(155%) !important; }
#ps47MailDialog .ps47-mail-form :is(input,textarea) { border-radius:14px !important; background:rgba(255,255,255,.045) !important; }
#ps47MailDialog .ps49-file-drop { border-style:dashed !important; background:rgba(255,255,255,.035) !important; }
@keyframes ps101-support-pulse { 70%,100% { opacity:0; transform:scale(1.24); } }

.ps15-locale-button,.ps41-locale-button { width:42px !important; min-width:42px !important; height:42px !important; min-height:42px !important; flex:0 0 42px !important; contain:layout paint; backface-visibility:hidden; filter:none !important; }
.ps15-locale-button:hover,.ps41-locale-button:hover { filter:none !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.15) !important; }

body.ps-v9 :is(.landing-nav,.ps8-hero-copy,.ps8-app-window,.ps8-float,.ps9-float-chip,.ps92-plan-tabs,#ps44StatusPopover,#ps44HomeMenu,#ps44HomeConnection,.auth-dialog,.ps44-dialog,.ps27-dialog,.ps20-member-header,.app .topbar,.workspace-tabs) {
  border-color:rgba(255,255,255,.17) !important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.025) 46%,rgba(4,4,6,.78)) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.22) !important;
  -webkit-backdrop-filter:blur(30px) saturate(155%) !important;
  backdrop-filter:blur(30px) saturate(155%) !important;
}

@media(max-width:760px) {
  body.ps-v8 #authOverlay .landing-actions > #landingLogin { display:inline-flex !important; align-items:center; justify-content:center; }
  .ps10-space-detail .ps10-constellation { right:-35px; transform:scale(.72) rotate(-8deg); }
  .ps10-moon { top:13%; left:-30px; }
  .ps10-astronaut-visitor,.ps10-astronaut-visitor img { width:92px !important; }
  .ps10-astronaut-bubble { right:70px; left:auto; bottom:70px; }
  #ps44StatusPopover { max-height:calc(100dvh - 28px) !important; }
}

/* Site 10.2 — gerçek sıvı cam, yeni pentagon marka ve etkileşim onarımları. */
:root { --ps102-glass-edge:rgba(255,255,255,.25); --ps102-glass-shadow:0 28px 74px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(255,255,255,.06); }
body.ps-v9 #authOverlay .ps81-hero::after,
body.ps-v9 #authOverlay .ps81-hero .ps8-hero-copy::before,
body.ps-v9 #authOverlay .ps81-hero .ps8-hero-copy::after { display:none !important; content:none !important; }
body.ps-v9 #authOverlay .ps81-hero .ps8-hero-copy { overflow:visible !important; border:0 !important; background:none !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.ps-v9 :is(.landing-nav,.ps61-site-metrics,.ps8-app-window,.ps8-float,.ps9-float-chip,.ps92-plan-tabs,.ps8-about-grid article,.ps8-feature-grid article,.ps92-plan-panel article,.ps8-steps li,.ps8-final-cta,#ps44StatusPopover,#ps44HomeMenu,#ps44HomeConnection,.auth-dialog,.ps44-dialog,.ps27-dialog,.ps20-member-header,.ps20-card,.card,.ps51-account-pane,.app .topbar,.workspace-tabs) {
  border:1px solid var(--ps102-glass-edge) !important;
  background:radial-gradient(145% 95% at 4% -8%,rgba(255,255,255,.25),transparent 34%),radial-gradient(100% 130% at 102% 110%,rgba(255,255,255,.105),transparent 48%),linear-gradient(138deg,rgba(255,255,255,.115),rgba(255,255,255,.025) 46%,rgba(255,255,255,.075)) !important;
  box-shadow:var(--ps102-glass-shadow) !important;
  -webkit-backdrop-filter:blur(26px) saturate(190%) contrast(112%) !important;
  backdrop-filter:blur(26px) saturate(190%) contrast(112%) !important;
}
body.ps-v9 :is(.landing-nav,.ps61-site-metrics,.ps8-app-window,.ps92-plan-tabs,.auth-dialog,.ps44-dialog,.ps27-dialog,.ps20-member-header,.ps20-card,.card,.ps51-account-pane) { position:relative; isolation:isolate; }
body.ps-v9 :is(.landing-nav,.ps61-site-metrics,.ps8-app-window,.ps92-plan-tabs,.auth-dialog,.ps44-dialog,.ps27-dialog,.ps20-member-header,.ps20-card,.card,.ps51-account-pane)::before { position:absolute; z-index:-1; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(108deg,rgba(255,255,255,.24),rgba(255,255,255,.045) 15%,transparent 34%),radial-gradient(60% 38% at 76% 2%,rgba(255,255,255,.19),transparent 72%); box-shadow:inset 1px 1px 0 rgba(255,255,255,.19),inset -1px -1px 0 rgba(255,255,255,.03); content:""; }
body.ps-v9 :is(button,.ps51-primary,.ps8-download,.ps81-nav-download):not(.ps10-astronaut-visitor) { -webkit-backdrop-filter:blur(15px) saturate(175%); backdrop-filter:blur(15px) saturate(175%); }
body.ps-v9 :is(.landing-brand img,.ps-identity-wordmark img,.ps8-window-brand img,.ps8-about-orbit img) { filter:drop-shadow(0 0 12px rgba(255,255,255,.16)); }

#authOverlay .ps10-hero-metrics { position:absolute !important; z-index:12 !important; top:22px !important; right:24px !important; bottom:auto !important; left:auto !important; display:grid !important; width:min(390px,calc(100vw - 48px)) !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important; overflow:hidden !important; border-radius:23px !important; padding:8px !important; }
#authOverlay .ps10-hero-metrics .ps61-metrics-head { display:flex !important; min-height:26px !important; align-items:center !important; grid-column:1/-1 !important; padding:2px 8px 7px !important; }
#authOverlay .ps10-hero-metrics .ps61-metrics-head > span { display:flex; align-items:center; gap:7px; color:#d9d9dc !important; }
#authOverlay .ps10-hero-metrics .ps61-metrics-head > span::before { width:6px; height:6px; border-radius:50%; background:#fff; box-shadow:0 0 13px rgba(255,255,255,.85); content:""; animation:ps102-live-pulse 1.8s ease-in-out infinite; }
#authOverlay .ps10-hero-metrics .ps61-metrics-head > :is(b,small) { display:none !important; }
#authOverlay .ps10-hero-metrics .ps61-metric { display:grid !important; min-width:0 !important; min-height:57px !important; align-content:center !important; gap:5px !important; border:0 !important; border-radius:14px !important; padding:8px 10px !important; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)) !important; }
#authOverlay .ps10-hero-metrics .ps61-metric + .ps61-metric { margin-left:5px !important; border-left:0 !important; }
#authOverlay .ps10-hero-metrics .ps61-metric strong { color:#fff !important; font:760 19px/1 var(--display) !important; }
#authOverlay .ps10-hero-metrics .ps61-metric span { overflow:hidden; color:#999 !important; font:720 6px/1.25 var(--body) !important; letter-spacing:.08em !important; text-overflow:ellipsis; white-space:nowrap; }
@keyframes ps102-live-pulse { 50% { opacity:.35; transform:scale(.72); } }

.ps10-astronaut-visitor { position:absolute !important; top:auto !important; width:112px !important; transform:translate3d(-50%,-92vh,0) scale(.88); }
.ps10-astronaut-visitor img { width:112px !important; }
.ps10-astronaut-rope { bottom:calc(100% - 11px) !important; left:50% !important; width:6px !important; height:112vh !important; border-radius:5px; background:repeating-linear-gradient(45deg,#ece8dc 0 3px,#716d63 3px 6px,#c9c4b7 6px 9px) !important; box-shadow:inset 1px 0 rgba(255,255,255,.7),inset -1px 0 rgba(0,0,0,.45),0 0 7px rgba(255,255,255,.14) !important; transform:translateX(-50%); transform-origin:top center; }
.ps10-astronaut-rope::after { position:absolute; right:50%; bottom:-19px; width:14px; height:18px; border:4px solid #f6f4eb; border-top:0; border-radius:0 0 12px 12px; content:""; filter:drop-shadow(0 2px 3px #000); transform:translateX(52%) rotate(-24deg); }
.ps10-astronaut-visitor.is-visible { animation:ps102-astronaut-descend 2.35s cubic-bezier(.18,.77,.22,1) forwards,ps102-astronaut-idle 4.8s ease-in-out 2.35s infinite !important; }
.ps10-astronaut-visitor.is-settled:not(.is-hook-returning):not(.is-departing) .ps10-astronaut-rope { animation:ps102-rope-retract .8s ease-in forwards; }
.ps10-astronaut-visitor.is-leaving-message .ps10-astronaut-bubble { opacity:1 !important; animation:ps102-bubble-answer .35s ease both !important; }
.ps10-astronaut-visitor.is-hook-returning:not(.is-departing) .ps10-astronaut-rope { animation:ps102-hook-return 1s cubic-bezier(.2,.72,.2,1) forwards !important; }
.ps10-astronaut-visitor.is-departing { animation:ps102-astronaut-ascend 2.25s cubic-bezier(.55,.02,.82,.3) forwards !important; }
.ps10-astronaut-bubble { right:auto !important; bottom:84px !important; left:99px !important; width:max-content; max-width:230px !important; border:1px solid rgba(255,255,255,.3) !important; border-radius:18px 18px 18px 5px !important; padding:12px 14px !important; color:#fff !important; background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(15,15,18,.64)) !important; box-shadow:0 18px 44px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.28) !important; -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%); }
@keyframes ps102-astronaut-descend { 0%{opacity:0;transform:translate3d(-50%,-92vh,0) rotate(-5deg) scale(.88)} 10%{opacity:1} 82%{transform:translate3d(-48%,-12px,0) rotate(3deg)} 100%{opacity:1;transform:translate3d(-50%,0,0) rotate(0)} }
@keyframes ps102-astronaut-idle { 50%{transform:translate3d(-50%,-7px,0) rotate(1.2deg)} }
@keyframes ps102-rope-retract { to{opacity:0;transform:translateX(-50%) scaleY(0)} }
@keyframes ps102-hook-return { from{opacity:1;transform:translateX(-50%) scaleY(0)} to{opacity:1;transform:translateX(-50%) scaleY(1)} }
@keyframes ps102-astronaut-ascend { 0%{opacity:1;transform:translate3d(-50%,0,0)} 14%{transform:translate3d(-52%,8px,0)} 100%{opacity:0;transform:translate3d(-50%,-96vh,0) rotate(4deg)} }
@keyframes ps102-bubble-answer { from{transform:translateY(5px) scale(.94)} to{transform:none} }

#ps47MailDialog { padding:20px !important; background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.08),transparent 36%),rgba(0,0,0,.72) !important; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
#ps47MailDialog .ps44-dialog { width:min(760px,calc(100vw - 32px)) !important; max-height:min(92vh,880px) !important; overflow-x:hidden !important; overflow-y:auto !important; resize:none !important; border-radius:34px !important; padding:clamp(24px,4vw,42px) !important; }
#ps47MailDialog .ps44-dialog::after { position:absolute; z-index:-1; top:-38%; right:-18%; width:54%; aspect-ratio:1; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.1),transparent 64%); content:""; }
#ps47MailDialog .ps44-panel-title { display:inline-flex; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:7px 11px; background:rgba(255,255,255,.06); }
#ps47MailDialog h2 { margin-top:18px !important; font-size:clamp(34px,6vw,58px) !important; letter-spacing:-.065em !important; }
#ps47MailDialog .ps47-mail-form { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px !important; margin-top:26px !important; }
#ps47MailDialog .ps47-mail-form > label { display:grid; gap:7px; min-width:0; color:#a9a9ad; font:720 8px var(--body); letter-spacing:.08em; text-transform:uppercase; }
#ps47MailDialog .ps47-mail-form > label:nth-of-type(n+3),#ps47MailDialog .ps49-file-list,#ps47MailDialog .ps49-mail-status,#ps47MailDialog .ps44-dialog-actions { grid-column:1/-1; }
#ps47MailDialog .ps47-mail-form :is(input,textarea) { width:100%; border:1px solid rgba(255,255,255,.19) !important; border-radius:16px !important; padding:14px 15px !important; color:#fff; background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)) !important; box-shadow:inset 0 1px rgba(255,255,255,.13); outline:0; }
#ps47MailDialog .ps47-mail-form textarea { min-height:150px; resize:vertical; }
#ps47MailDialog .ps47-mail-form :is(input,textarea):focus { border-color:rgba(255,255,255,.5) !important; box-shadow:0 0 0 4px rgba(255,255,255,.065),inset 0 1px rgba(255,255,255,.18) !important; }
#ps47MailDialog .ps49-file-drop { min-height:118px; place-items:center; border:1px dashed rgba(255,255,255,.31) !important; border-radius:21px !important; background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015)) !important; }
#ps47MailDialog .ps49-file-drop:hover { border-color:rgba(255,255,255,.58) !important; background:rgba(255,255,255,.09) !important; }

.ps102-provider-logo { display:block; max-width:48px; max-height:32px; object-fit:contain; }
.ps102-kick-logo { width:47px; }
.ps102-sw-logo { width:34px; height:34px; }
.ps-identity-credential-form.is-sw-selected { animation:ps102-sw-focus .55s ease; }
@keyframes ps102-sw-focus { 50%{filter:drop-shadow(0 0 18px rgba(255,255,255,.2));transform:translateY(-2px)} }
.ps28-password-host > .ps28-eye svg { transform-origin:center; transition:opacity .24s ease,transform .34s cubic-bezier(.2,.9,.2,1.25); }
.ps28-password-host > .ps28-eye .ps47-eye-closed { opacity:1; transform:scale(1) rotate(0); }
.ps28-password-host > .ps28-eye .ps47-eye-open { opacity:0; transform:scale(.48) rotate(-18deg); }
.ps28-password-host > .ps28-eye.is-open .ps47-eye-closed { opacity:0; transform:scale(.5) rotate(18deg); }
.ps28-password-host > .ps28-eye.is-open .ps47-eye-open { opacity:1; transform:scale(1) rotate(0); }
.ps28-password-host > .ps28-eye.is-switching { animation:ps102-eye-blink .34s ease; }
@keyframes ps102-eye-blink { 50%{transform:scaleY(.25)} }

.ps102-date-field { position:relative; }
.ps102-date-field > input { padding-right:48px !important; cursor:pointer; }
.ps102-date-field::after { position:absolute; right:15px; bottom:15px; width:17px; height:17px; border:1px solid rgba(255,255,255,.5); border-radius:5px; content:""; pointer-events:none; box-shadow:inset 0 4px 0 rgba(255,255,255,.16); }
.ps102-calendar { position:absolute; z-index:40; top:calc(100% + 9px); left:0; width:min(312px,calc(100vw - 76px)); border:1px solid rgba(255,255,255,.28); border-radius:22px; padding:14px; color:#fff; background:radial-gradient(circle at 10% 0,rgba(255,255,255,.2),transparent 35%),linear-gradient(145deg,rgba(32,32,38,.86),rgba(7,7,10,.82)); box-shadow:0 28px 70px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.28); -webkit-backdrop-filter:blur(32px) saturate(190%); backdrop-filter:blur(32px) saturate(190%); text-transform:none; }
.ps102-calendar[hidden] { display:none !important; }
.ps102-calendar header { display:grid; grid-template-columns:36px 1fr 36px; align-items:center; gap:8px; margin-bottom:12px; }
.ps102-calendar header strong { text-align:center; font:700 12px var(--body); text-transform:capitalize; }
.ps102-calendar header button { width:36px; height:36px; border:1px solid rgba(255,255,255,.16); border-radius:12px; color:#fff; background:rgba(255,255,255,.06); }
.ps102-calendar-week,.ps102-calendar-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.ps102-calendar-week span { padding:5px 0; color:#7e7e84; font:700 7px var(--body); text-align:center; }
.ps102-calendar-grid :is(button,i) { aspect-ratio:1; }
.ps102-calendar-grid button { border:1px solid transparent; border-radius:10px; color:#d7d7da; background:rgba(255,255,255,.035); font:650 9px var(--body); }
.ps102-calendar-grid button:hover,.ps102-calendar-grid button.is-selected { border-color:rgba(255,255,255,.45); color:#050506; background:#fff; }
.ps102-calendar-grid button:disabled { opacity:.2; pointer-events:none; }

@media(max-width:760px) {
  #authOverlay .ps10-hero-metrics { top:88px !important; right:12px !important; bottom:auto !important; left:12px !important; width:auto !important; }
  .ps10-astronaut-visitor { left:62px !important; bottom:18px !important; }
  .ps10-astronaut-bubble { right:auto !important; left:88px !important; max-width:180px !important; font-size:8px !important; }
  #ps47MailDialog .ps47-mail-form { grid-template-columns:1fr; }
  #ps47MailDialog .ps47-mail-form > label { grid-column:1 !important; }
}

/* Site 10.3 final precedence layer. */
#authOverlay .ps10-hero-metrics{contain:layout paint;transform:translateZ(0);backface-visibility:hidden}
#authOverlay .ps10-hero-metrics .ps61-metric,#authOverlay .ps10-hero-metrics .ps61-metric:hover{transform:none!important;transition:border-color .18s ease,background .18s ease!important}
#ps47MailDialog .ps44-dialog.ps68-resizable-dialog{display:flex!important;min-width:0!important;min-height:0!important;max-height:min(92dvh,820px)!important;box-sizing:border-box!important;flex-direction:column;overflow:hidden!important;resize:none!important;scrollbar-gutter:auto!important}
#ps47MailDialog .ps47-mail-form{min-height:0;max-height:calc(92dvh - 190px);overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 9px 4px 0!important}
#ps47MailDialog .ps49-file-drop{min-height:72px!important;max-height:82px!important;box-sizing:border-box!important;place-items:center!important;padding:10px 16px!important}
#ps47MailDialog .ps49-file-drop>span{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;align-items:center;width:100%;text-align:left}
#ps47MailDialog .ps49-file-drop svg{grid-row:1/3;width:22px!important;height:22px!important;margin:0!important}
#ps47MailDialog .ps49-file-drop small{margin-top:2px!important}
#ps47MailDialog label.ps49-file-drop>input[type="file"]{position:absolute!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;border:0!important;padding:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}
.ps102-kick-logo{width:24px!important;height:28px!important}.ps102-sw-logo{width:36px!important;height:36px!important;filter:drop-shadow(0 0 8px rgba(32,255,194,.2))}
.ps28-password-host>.ps28-eye.is-switching{animation:ps103-eye-orbit .48s cubic-bezier(.2,.78,.2,1)!important}.ps28-password-host>.ps28-eye.is-switching::before{animation:ps103-eye-ripple .48s ease-out}.ps28-password-host>.ps28-eye.is-switching svg{animation:ps103-eye-lid .48s cubic-bezier(.2,.8,.2,1)}
html[data-ps-site-version="9"] body.ps-v9 .brand-logo:has(>.ps103-brand-image),html[data-ps-site-version="9"] body.ps-v9 .brand-logo[data-ps15-source="PS"],#psSecondHome .ps20-logo:has(>.ps103-brand-image),#psSecondHome .ps-second-brand>b:has(>.ps103-brand-image),#psSecondHome #ps12HomeBrand>b:has(>.ps103-brand-image),.ps30-brand-mark:has(>.ps103-brand-image),.ps44-auth-logo:has(>.ps103-brand-image){background:none!important}
.brand-logo>.ps103-brand-image,#psSecondHome .ps20-logo>.ps103-brand-image,#psSecondHome .ps-second-brand>b>.ps103-brand-image,#psSecondHome #ps12HomeBrand>b>.ps103-brand-image,.ps30-brand-mark>.ps103-brand-image,.ps44-auth-logo>.ps103-brand-image{display:block!important;width:70%!important;height:70%!important;margin:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.16))}

/* 10.4 — tek marka katmanı ve hafif gerçek sıvı cam. Yalnız destekleyen
   tarayıcılarda kırılma/renk karışımı etkinleşir; eski GPU'lar sade camı korur. */
@supports (backdrop-filter:blur(1px)) {
  body.ps-v9 :is(.ps92-plan-tabs,.ps92-plan-panel article,.ps8-feature-grid article,.ps51-account-shell,.ps44-dialog,.ps69-play-bot,.ps61-site-metrics){
    background:
      linear-gradient(118deg,rgba(255,255,255,.13),transparent 25% 72%,rgba(255,255,255,.05)),
      rgba(10,10,12,.62)!important;
    box-shadow:0 24px 68px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.06)!important;
    -webkit-backdrop-filter:blur(22px) saturate(145%) contrast(108%)!important;
    backdrop-filter:blur(22px) saturate(145%) contrast(108%)!important;
  }
}

/* Ortak geçiş yükleyicisi video yerine hızlı, erişilebilir bir cam portal
   kullanır. Böylece ilk karede medya çözme maliyeti ve eski yeşil animasyon yoktur. */
#ps28Loader,#ps20Loader,.ps14-loader{background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.08),transparent 26%),rgba(0,0,0,.84)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}
#ps28Loader .ps28-loader-card,#ps28Loader>div,#ps20Loader>div,.ps14-loader-box{position:relative;border:1px solid rgba(255,255,255,.2)!important;border-radius:28px!important;padding:30px 36px!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(7,7,9,.72))!important;box-shadow:0 34px 90px #000b,inset 0 1px 0 rgba(255,255,255,.28)!important;overflow:hidden}
#ps28Loader .ps28-loader-card::before,#ps28Loader>div::before,#ps20Loader>div::before,.ps14-loader-box::before{display:block;width:58px;height:58px;margin:0 auto 18px;background:url('./play-streamers-ps-logo.svg?v=10.12') center/contain no-repeat;content:"";animation:ps104-loader-orbit 1.35s cubic-bezier(.45,.05,.3,1) infinite}
#ps28Loader :is(video,.ps14-loader-mark),#ps20Loader i{display:none!important}
#ps28Loader b,#ps20Loader span,.ps14-loader-box span{color:#fff!important;font:800 10px/1.3 "Space Grotesk","Segoe UI",sans-serif!important;letter-spacing:.22em!important}
@keyframes ps104-loader-orbit{50%{filter:drop-shadow(0 0 18px rgba(255,255,255,.34));transform:translateY(-5px) rotate(3deg)}100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){#ps28Loader .ps28-loader-card::before,#ps28Loader>div::before,#ps20Loader>div::before,.ps14-loader-box::before{animation:none}}
@media(max-width:760px){.ps10-astronaut-visitor{bottom:44px!important}#ps47MailDialog{padding:9px!important}#ps47MailDialog .ps44-dialog.ps68-resizable-dialog{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;border-radius:25px!important;padding:22px 18px!important}#ps47MailDialog .ps47-mail-form{max-height:calc(100dvh - 170px);padding-right:6px!important}}

/* Site 10.5 — okunaklı sıvı cam, sabit kontroller ve daha düşük GPU yükü. */
:root {
  --ps105-glass:linear-gradient(132deg,rgba(255,255,255,.145),rgba(255,255,255,.035) 42%,rgba(255,255,255,.075));
  --ps105-glass-edge:rgba(255,255,255,.24);
  --ps105-glass-shadow:0 22px 58px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.055);
}
body.ps-v9 #authOverlay .ps81-hero::after {
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:var(--ps82-y,42%)!important;
  left:var(--ps82-x,50%)!important;
  width:min(650px,72vw)!important;
  height:min(650px,72vw)!important;
  inset:auto!important;
  border-radius:50%!important;
  opacity:1!important;
  background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,.07) 28%,transparent 70%)!important;
  mix-blend-mode:screen;
  transform:translate3d(-50%,-50%,0)!important;
  transition:none!important;
  content:""!important;
  pointer-events:none!important;
  will-change:transform;
}
#ps9Ambient>b {
  width:min(42rem,88vw)!important;
  height:min(42rem,88vw)!important;
  opacity:.9!important;
  background:radial-gradient(circle,rgba(255,255,255,.125),rgba(255,255,255,.04) 38%,transparent 70%)!important;
}
body.ps-v9 :is(button,.ps51-primary,.ps8-download,.ps81-nav-download):not(.ps10-astronaut-visitor) {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ps-v9 :is(.ps92-plan-panel article,.ps8-about-grid article,.ps8-feature-grid article,.ps8-steps li,.ps8-final-cta,.ps20-card,.card,.ps51-account-pane,.ps61-site-metrics) {
  border-color:var(--ps105-glass-edge)!important;
  background:radial-gradient(110% 90% at 4% 0,rgba(255,255,255,.16),transparent 36%),var(--ps105-glass)!important;
  box-shadow:var(--ps105-glass-shadow)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ps-v9 :is(.landing-nav,.app .topbar,.auth-dialog,.ps44-dialog,#ps44StatusPopover,#ps44HomeMenu,#ps44HomeConnection,#ps41LocaleMenu,#ps15LocaleMenu,.ps15-locale-menu) {
  border-color:var(--ps105-glass-edge)!important;
  background:radial-gradient(120% 100% at 0 0,rgba(255,255,255,.17),transparent 38%),rgba(8,8,10,.76)!important;
  box-shadow:var(--ps105-glass-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
}
#authOverlay :is(.ps81-showcase,.ps8-about,.ps8-boundary,.ps8-features,.ps8-steps,.ps8-final-cta) {
  content-visibility:auto;
  contain-intrinsic-size:auto 760px;
}
.ps15-locale-button,.ps41-locale-button,#ps66MemberLocale,#ps66DashboardLocale {
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  flex:0 0 42px!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  contain:layout paint!important;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease!important;
}
.ps15-locale-button:hover,.ps41-locale-button:hover,#ps66MemberLocale:hover,#ps66DashboardLocale:hover {
  transform:none!important;
  translate:none!important;
  scale:none!important;
  filter:none!important;
}
.ps15-locale-button svg,.ps41-locale-button svg,#ps66MemberLocale svg,#ps66DashboardLocale svg {
  width:18px!important;
  height:18px!important;
  transform:none!important;
}
.ps28-password-host>.ps28-eye {
  overflow:hidden!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
}
.ps28-password-host>.ps28-eye::before { display:none!important; content:none!important; animation:none!important; }
.ps28-password-host>.ps28-eye.is-switching { animation:none!important; }
.ps28-password-host>.ps28-eye.is-switching svg { animation:none!important; }
html[data-ps-site-version="9"] body.ps-v9 #authOverlay .landing-brand>.brand-logo {
  width:56px!important;
  min-width:56px!important;
  height:56px!important;
  flex-basis:56px!important;
}
#authOverlay .landing-brand>.brand-logo>.ps103-brand-image { width:88%!important; height:88%!important; }
.ps9-sw-ai-summary>small { color:inherit!important; font:inherit!important; }
@media(max-width:760px){.ps10-astronaut-visitor{bottom:132px!important}}
@media(prefers-reduced-motion:reduce){body.ps-v9 #authOverlay .ps81-hero::after{will-change:auto}}

/* Site 10.6 — belirgin sıvı cam, gerçek imleç feneri ve zengin geçiş portalı. */
:root {
  --ps106-liquid-edge:rgba(255,255,255,.3);
  --ps106-liquid-fill:linear-gradient(132deg,rgba(255,255,255,.17),rgba(255,255,255,.045) 34%,rgba(255,255,255,.025) 62%,rgba(255,255,255,.105));
  --ps106-liquid-shadow:0 26px 70px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.34),inset 1px 0 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(255,255,255,.055);
}

body.ps-v9 :is(
  .landing-nav,.ps61-site-metrics,.ps8-app-window,.ps8-float,.ps9-float-chip,
  .ps92-plan-tabs,.ps92-plan-panel article,.ps8-about-grid article,
  .ps8-boundary-grid article,.ps8-feature-grid article,.ps8-steps li,
  .ps8-final-cta,.ps20-member-header,.ps20-card,.app .topbar,.workspace-tabs,
  .ticker,.card,.ps51-account-shell,.ps51-account-pane,.ps69-play-bot,
  .auth-dialog,.ps27-dialog,.ps44-dialog,#ps44StatusPopover,#ps44HomeMenu,
  #ps44HomeConnection,#ps41LocaleMenu,#ps15LocaleMenu,.ps15-locale-menu
) {
  border-color:var(--ps106-liquid-edge)!important;
  background:
    radial-gradient(110% 85% at 3% -4%,rgba(255,255,255,.25),transparent 38%),
    radial-gradient(95% 120% at 104% 112%,rgba(255,255,255,.105),transparent 47%),
    var(--ps106-liquid-fill)!important;
  box-shadow:var(--ps106-liquid-shadow)!important;
  -webkit-backdrop-filter:blur(13px) saturate(165%) contrast(106%)!important;
  backdrop-filter:blur(13px) saturate(165%) contrast(106%)!important;
}
body.ps-v9 :is(.landing-nav,.app .topbar,.auth-dialog,.ps27-dialog,.ps44-dialog,#ps44StatusPopover,#ps44HomeMenu,#ps44HomeConnection,#ps41LocaleMenu,#ps15LocaleMenu,.ps15-locale-menu) {
  -webkit-backdrop-filter:blur(21px) saturate(175%) contrast(108%)!important;
  backdrop-filter:blur(21px) saturate(175%) contrast(108%)!important;
}
body.ps-v9 :is(.ps92-plan-panel article,.ps8-about-grid article,.ps8-boundary-grid article,.ps8-feature-grid article,.ps8-steps li,.ps20-card,.card,.ps51-account-pane) {
  contain:paint;
  transform:translateZ(0);
}

#authOverlay .landing-brand>span:last-child {
  font-size:15px!important;
  font-weight:760!important;
  letter-spacing:-.035em!important;
}
#authOverlay .landing-brand>.brand-logo>.ps103-brand-image { width:91%!important; height:91%!important; }

body.ps-v9 #authOverlay .ps81-hero::after { opacity:.2!important; }
.ps106-pointer-lantern {
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:min(760px,70vw);
  aspect-ratio:1;
  border-radius:50%;
  opacity:.34;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.22) 0,rgba(255,255,255,.105) 21%,rgba(255,255,255,.035) 45%,transparent 72%);
  mix-blend-mode:screen;
  filter:blur(1px);
  transform:translate3d(50vw,42vh,0) translate3d(-50%,-50%,0);
  will-change:transform,opacity;
  transition:opacity .24s ease;
}
.ps106-pointer-lantern.is-active { opacity:1; }
.ps106-pointer-lantern::after {
  position:absolute;
  inset:21%;
  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;
  box-shadow:0 0 70px rgba(255,255,255,.065);
  content:"";
}

#ps28Loader,#ps20Loader,.ps14-loader {
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.09) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 32%,rgba(255,255,255,.12) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 76%,rgba(255,255,255,.08) 0 1px,transparent 2px),
    radial-gradient(circle at 34% 82%,rgba(255,255,255,.1) 0 1px,transparent 2px),
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.11),transparent 30%),
    rgba(0,0,0,.88)!important;
  background-size:190px 190px,240px 240px,310px 310px,270px 270px,auto,auto!important;
  animation:ps106-loader-stars 12s linear infinite;
}
#ps28Loader .ps28-loader-card,#ps28Loader>div,#ps20Loader>div,.ps14-loader-box {
  width:min(300px,calc(100vw - 42px));
  min-height:210px;
  display:grid;
  place-content:center;
  border-radius:34px!important;
  padding:40px 38px 46px!important;
  background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.2),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.13),rgba(7,7,10,.68))!important;
  -webkit-backdrop-filter:blur(26px) saturate(175%)!important;
  backdrop-filter:blur(26px) saturate(175%)!important;
}
#ps28Loader .ps28-loader-card::before,#ps28Loader>div::before,#ps20Loader>div::before,.ps14-loader-box::before {
  width:76px;
  height:76px;
  margin-bottom:24px;
  border-radius:28px;
  background:radial-gradient(circle,rgba(255,255,255,.15),transparent 68%),url('./play-streamers-ps-logo.svg?v=10.12') center/62px 62px no-repeat;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.2);
  filter:drop-shadow(0 0 18px rgba(255,255,255,.18));
  transform-style:preserve-3d;
  will-change:transform,filter;
  animation:ps109-loader-logo 2.15s cubic-bezier(.45,.05,.3,1) infinite;
}
#ps28Loader .ps28-loader-card::after,#ps28Loader>div::after,#ps20Loader>div::after,.ps14-loader-box::after {
  position:absolute;
  right:28px;
  bottom:23px;
  left:28px;
  height:3px;
  overflow:hidden;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent) 0 0/42% 100% no-repeat,rgba(255,255,255,.075);
  content:"";
  animation:ps106-loader-progress 1.25s ease-in-out infinite;
}
#ps28Loader b::after,#ps20Loader span::after,.ps14-loader-box span::after { content:" ···"; animation:ps106-loader-dots 1.1s steps(4,end) infinite; }

#ps32-turnstile-host {
  width:100%;
  min-height:65px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:13px;
}
.ps-auth-turnstile-slot {
  width:100%;
  min-height:73px;
  margin:-4px 0 2px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:15px;
  padding:4px;
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
}
body>#ps32-turnstile-host {
  position:fixed;
  top:0;
  left:-10000px;
  width:300px;
  height:70px;
  visibility:hidden;
  pointer-events:none;
}
.ps-auth-turnstile-slot>#ps32-turnstile-host { visibility:visible; }

@keyframes ps106-loader-stars { to { background-position:190px 190px,-240px 240px,310px -310px,-270px -270px,0 0,0 0; } }
@keyframes ps106-loader-float {
  0%,100% { filter:drop-shadow(0 0 18px rgba(255,255,255,.18)); transform:translateY(0) rotateY(0) rotateZ(0) scale(1); }
  34% { filter:drop-shadow(0 0 30px rgba(255,255,255,.38)); transform:translateY(-8px) rotateY(-14deg) rotateZ(-2.5deg) scale(1.04); }
  68% { filter:drop-shadow(0 0 24px rgba(255,255,255,.28)); transform:translateY(-4px) rotateY(13deg) rotateZ(2deg) scale(1.02); }
}
@keyframes ps109-loader-logo {
  0%,100% { filter:drop-shadow(0 0 15px rgba(255,255,255,.18)); transform:translateY(0) rotateY(0) rotateZ(0) scale(1); background-size:auto,62px 62px; }
  22% { filter:drop-shadow(0 0 34px rgba(255,255,255,.48)); transform:translateY(-9px) rotateY(-18deg) rotateZ(-3deg) scale(1.075); background-size:auto,66px 66px; }
  50% { filter:drop-shadow(0 0 20px rgba(255,255,255,.25)); transform:translateY(-3px) rotateY(0) rotateZ(0) scale(.985); background-size:auto,60px 60px; }
  76% { filter:drop-shadow(0 0 38px rgba(255,255,255,.55)); transform:translateY(-8px) rotateY(18deg) rotateZ(3deg) scale(1.065); background-size:auto,65px 65px; }
}
@keyframes ps106-loader-progress { 0% { background-position:-72% 0,0 0; } 100% { background-position:172% 0,0 0; } }
@keyframes ps106-loader-dots { 0% { opacity:.2; } 100% { opacity:1; } }

@media(max-width:760px) {
  #authOverlay .landing-brand>span:last-child { font-size:14px!important; }
  .ps106-pointer-lantern { width:105vw; }
  body.ps-v9 :is(.ps92-plan-panel article,.ps8-about-grid article,.ps8-boundary-grid article,.ps8-feature-grid article,.ps8-steps li,.ps20-card,.card,.ps51-account-pane) {
    -webkit-backdrop-filter:blur(9px) saturate(150%)!important;
    backdrop-filter:blur(9px) saturate(150%)!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  #ps28Loader,#ps20Loader,.ps14-loader,#ps28Loader .ps28-loader-card::before,#ps28Loader>div::before,#ps20Loader>div::before,.ps14-loader-box::before,#ps28Loader .ps28-loader-card::after,#ps28Loader>div::after,#ps20Loader>div::after,.ps14-loader-box::after { animation:none!important; }
  .ps106-pointer-lantern { display:none; }
}

/* Site 10.10 — güvenilir doğrulama, görünür geçiş animasyonu ve üye yüzeyleri. */
#ps28Loader {
  position:fixed!important;
  z-index:30000!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .24s ease,visibility 0s linear .24s!important;
}
#ps28Loader[hidden] { display:none!important; }
#ps28Loader.is-open {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .24s ease!important;
}
#ps28Loader.is-closing { opacity:0!important; visibility:hidden!important; }
#ps28Loader .ps28-loader-card {
  display:grid!important;
  width:min(330px,calc(100vw - 40px))!important;
  min-height:245px!important;
  place-items:center!important;
  place-content:center!important;
  gap:26px!important;
}
#ps28Loader .ps28-loader-card::before { display:none!important; content:none!important; }
#ps28Loader .ps110-loader-emblem {
  position:relative;
  display:grid;
  width:112px;
  height:112px;
  place-items:center;
  perspective:500px;
  animation:ps111-emblem-drift 1.7s ease-in-out infinite;
}
#ps28Loader .ps110-loader-emblem img {
  position:relative;
  z-index:3;
  width:76px;
  height:76px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.32));
  transform-origin:50% 55%;
  animation:ps111-logo-flight 1.05s cubic-bezier(.55,.02,.28,1) infinite;
}
#ps28Loader .ps110-loader-emblem i {
  position:absolute;
  z-index:1;
  inset:7px;
  border:1px solid rgba(255,255,255,.27);
  border-top-color:rgba(255,255,255,.95);
  border-radius:38% 62% 52% 48%;
  box-shadow:0 0 28px rgba(255,255,255,.12),inset 0 0 22px rgba(255,255,255,.06);
  animation:ps110-ring 2.1s linear infinite;
}
#ps28Loader .ps110-loader-emblem i:nth-child(2) {
  inset:18px;
  border-color:rgba(255,255,255,.12);
  border-right-color:rgba(255,255,255,.72);
  border-radius:58% 42% 61% 39%;
  animation-direction:reverse;
  animation-duration:1.45s;
}
#ps28Loader .ps110-loader-emblem i:nth-child(3) {
  inset:-2px;
  border-color:transparent;
  border-top:2px solid rgba(255,255,255,.85);
  border-bottom:2px solid rgba(255,255,255,.24);
  border-radius:50%;
  animation:ps111-ring-tilt 1.1s linear infinite;
}
#ps28Loader .ps110-loader-emblem span {
  position:absolute;
  z-index:4;
  inset:0;
  border-radius:50%;
  animation:ps111-spark-orbit .82s linear infinite;
}
#ps28Loader .ps110-loader-emblem span::before {
  position:absolute;
  top:0;
  left:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 7px #fff,0 0 22px rgba(255,255,255,.9);
  content:"";
  transform:translateX(-50%);
}
#ps28Loader b { display:block!important; text-align:center; }

.ps-auth-turnstile-slot {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.ps-auth-turnstile-slot>#ps32-turnstile-host { position:relative; z-index:2; }
.ps-auth-turnstile-slot.is-error>#ps32-turnstile-host,
.ps-auth-turnstile-slot>#ps32-turnstile-host:empty { display:none; }
.ps-auth-turnstile-retry {
  position:absolute;
  z-index:1;
  inset:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  border-radius:11px;
  color:#d8d8d4;
  background:rgba(8,8,10,.82);
  font:700 10px/1.35 var(--body);
  cursor:pointer;
}
.ps-auth-turnstile-retry::before {
  width:8px;
  height:8px;
  border:2px solid rgba(255,255,255,.22);
  border-top-color:#fff;
  border-radius:50%;
  content:"";
  animation:ps110-verify-spin .85s linear infinite;
}
.ps-auth-turnstile-slot.is-ready>.ps-auth-turnstile-retry { display:none; }
.ps-auth-turnstile-slot.is-error>.ps-auth-turnstile-retry {
  z-index:3;
  color:#f7f7f4;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
}
.ps-auth-turnstile-slot.is-error>.ps-auth-turnstile-retry::before { animation-duration:1.25s; }

body.ps-v9 #psSecondHome.ps20-member-home {
  background:
    radial-gradient(70% 55% at 8% 2%,rgba(255,255,255,.085),transparent 68%),
    radial-gradient(55% 55% at 96% 38%,rgba(255,255,255,.04),transparent 72%),
    #050505!important;
}
body.ps-v9 #psSecondHome .ps20-shell,
body.ps-v9 .app.ps13-dashboard { width:min(1380px,calc(100% - 48px))!important; }
body.ps-v9 #psSecondHome .ps20-nav,
body.ps-v9 .app.ps13-dashboard .topbar {
  top:12px!important;
  min-height:64px!important;
  margin-top:12px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:20px!important;
  padding:0 14px 0 18px!important;
  background:linear-gradient(118deg,rgba(255,255,255,.12),rgba(9,9,11,.76) 42%,rgba(255,255,255,.055))!important;
  box-shadow:0 20px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(155%)!important;
  backdrop-filter:blur(18px) saturate(155%)!important;
}
body.ps-v9 #psSecondHome .ps20-hero {
  overflow:hidden;
  margin-top:28px!important;
  border-color:rgba(255,255,255,.2)!important;
  border-radius:30px!important;
  background:
    radial-gradient(70% 80% at 100% 0,rgba(255,255,255,.13),transparent 70%),
    linear-gradient(128deg,rgba(255,255,255,.12),rgba(10,10,12,.66) 46%,rgba(255,255,255,.045))!important;
  box-shadow:0 34px 85px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.3)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
}
body.ps-v9 #psSecondHome :is(.ps20-card,.ps49-member-story),
body.ps-v9 .app.ps13-dashboard :is(.card,.ticker,.workspace-tabs) {
  border-color:rgba(255,255,255,.16)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(12,12,14,.72) 45%,rgba(255,255,255,.035))!important;
  box-shadow:0 20px 52px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.19)!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%)!important;
  backdrop-filter:blur(14px) saturate(140%)!important;
}
body.ps-v9 #psSecondHome .ps20-card { min-height:300px!important; border-radius:22px!important; padding:30px!important; }
body.ps-v9 #psSecondHome .ps49-member-story { border-radius:24px!important; }
body.ps-v9 #psSecondHome :is(.ps20-offers button,.ps20-roadmap article,.ps49-story-grid article) {
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(7,7,8,.72))!important;
}
body.ps-v9 .app.ps13-dashboard { padding-top:1px!important; background:transparent!important; }
body.ps-v9 .app.ps13-dashboard .workspace-tabs { margin-top:30px!important; border-radius:16px!important; padding:5px!important; }
body.ps-v9 .app.ps13-dashboard .workspace-tabs button { min-height:42px!important; border-radius:11px!important; }
body.ps-v9 .app.ps13-dashboard .workspace-tabs button.active {
  color:#080808!important;
  background:linear-gradient(135deg,#fff,#d8d8d4)!important;
  box-shadow:0 9px 24px rgba(255,255,255,.13)!important;
}
body.ps-v9 .app.ps13-dashboard .ticker { border-radius:16px!important; padding:15px 18px!important; }
body.ps-v9 .app.ps13-dashboard :is(#panelGrid,#statsGrid,.grid) { gap:16px!important; }
body.ps-v9 .app.ps13-dashboard .card { min-height:285px!important; border-radius:22px!important; padding:25px!important; }
body.ps-v9 .app.ps13-dashboard .card::before {
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(55% 48% at 100% 0,rgba(var(--rgb,255,255,255),.12),transparent 75%);
  content:"";
}
body.ps-v9 :is(#psSecondHome .ps20-actions button,.app.ps13-dashboard .actions button) {
  border-color:rgba(255,255,255,.2)!important;
  background:rgba(255,255,255,.055)!important;
}

@keyframes ps110-logo-flight {
  0%,100% { transform:translateY(0) rotateY(0) rotateZ(0) scale(1); filter:drop-shadow(0 0 16px rgba(255,255,255,.25)); }
  28% { transform:translateY(-10px) rotateY(-16deg) rotateZ(-3deg) scale(1.08); filter:drop-shadow(0 0 34px rgba(255,255,255,.58)); }
  58% { transform:translateY(-2px) rotateY(6deg) rotateZ(1deg) scale(.98); filter:drop-shadow(0 0 20px rgba(255,255,255,.34)); }
  80% { transform:translateY(-7px) rotateY(14deg) rotateZ(3deg) scale(1.05); filter:drop-shadow(0 0 30px rgba(255,255,255,.5)); }
}
@keyframes ps111-logo-flight {
  0%,100% { transform:translate3d(0,7px,0) rotateY(-18deg) rotateZ(-5deg) scale(.9); filter:drop-shadow(0 0 14px rgba(255,255,255,.22)); }
  24% { transform:translate3d(-8px,-13px,14px) rotateY(25deg) rotateZ(7deg) scale(1.16); filter:drop-shadow(0 0 42px rgba(255,255,255,.78)); }
  50% { transform:translate3d(7px,-3px,0) rotateY(-10deg) rotateZ(2deg) scale(.98); filter:drop-shadow(0 0 22px rgba(255,255,255,.38)); }
  76% { transform:translate3d(-3px,-10px,10px) rotateY(18deg) rotateZ(-4deg) scale(1.1); filter:drop-shadow(0 0 36px rgba(255,255,255,.62)); }
}
@keyframes ps111-emblem-drift {
  0%,100% { transform:translateY(3px) rotate(-2deg); }
  50% { transform:translateY(-5px) rotate(3deg); }
}
@keyframes ps111-ring-tilt { to { transform:rotateX(64deg) rotateZ(360deg); } }
@keyframes ps111-spark-orbit { to { transform:rotate(360deg); } }
@keyframes ps110-ring { to { transform:rotate(360deg); } }
@keyframes ps110-verify-spin { to { transform:rotate(360deg); } }

@media(max-width:760px) {
  body.ps-v9 #psSecondHome .ps20-shell,body.ps-v9 .app.ps13-dashboard { width:calc(100% - 24px)!important; }
  body.ps-v9 #psSecondHome .ps20-nav,body.ps-v9 .app.ps13-dashboard .topbar { top:7px!important; margin-top:7px!important; border-radius:16px!important; }
  body.ps-v9 #psSecondHome .ps20-hero { border-radius:22px!important; padding:30px 22px!important; }
  body.ps-v9 #psSecondHome .ps20-card,body.ps-v9 .app.ps13-dashboard .card { min-height:240px!important; border-radius:18px!important; padding:20px!important; }
}
@media(prefers-reduced-motion:reduce) {
  #ps28Loader .ps110-loader-emblem,#ps28Loader .ps110-loader-emblem img,#ps28Loader .ps110-loader-emblem i,#ps28Loader .ps110-loader-emblem span,.ps-auth-turnstile-retry::before { animation:none!important; }
}

/* Site 10.12 — kararlı dil denetimi ve Creator Control Room üye yüzeyleri. */
html.ps-locale-switching *,html.ps-locale-switching *::before,html.ps-locale-switching *::after {
  animation-play-state:paused!important;
  transition:none!important;
}
html.ps-i18n-booting::after {
  background-image:radial-gradient(circle,#ffffff12,transparent 68%),url("./play-streamers-ps-logo.svg?v=10.12")!important;
}
.ps15-locale-button,.ps41-locale-button,#ps66MemberLocale,#ps66DashboardLocale {
  position:relative!important;
  inset:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  align-self:center!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;
  will-change:auto!important;
}
.ps15-locale-button:hover,.ps41-locale-button:hover,#ps66MemberLocale:hover,#ps66DashboardLocale:hover {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
#ps41LocaleMenu[hidden],#ps15LocaleMenu[hidden],#ps44HomeMenu[hidden],#ps44HomeConnection[hidden],
#ps20Menu[hidden],#ps20ConnectionPopover[hidden],#sideMenu[hidden],#connections[hidden] { display:none!important; }

body.ps-v9 #psSecondHome.ps20-member-home,
body.ps-v9.ps42-dashboard-active {
  --ps112-edge:rgba(255,255,255,.17);
  --ps112-soft:rgba(255,255,255,.68);
  --ps112-panel:linear-gradient(145deg,rgba(255,255,255,.105),rgba(13,13,16,.92) 42%,rgba(255,255,255,.035));
}
body.ps-v9 #psSecondHome .ps20-shell,
body.ps-v9 .app.ps13-dashboard {
  width:min(1440px,calc(100% - 56px))!important;
  padding-bottom:54px!important;
}
body.ps-v9 #psSecondHome .ps20-nav,
body.ps-v9 .app.ps13-dashboard .topbar {
  top:14px!important;
  min-height:68px!important;
  margin:14px 0 0!important;
  border:1px solid var(--ps112-edge)!important;
  border-radius:18px!important;
  padding:0 14px 0 18px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.13),rgba(8,8,11,.9) 40%,rgba(255,255,255,.05))!important;
  box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.24)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}
body.ps-v9 #psSecondHome .ps20-brand,
body.ps-v9 .app.ps13-dashboard .brand {
  min-width:0!important;
  gap:12px!important;
}
body.ps-v9 #psSecondHome .ps20-brand>span:last-child,
body.ps-v9 .app.ps13-dashboard .brand-name {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px!important;
  letter-spacing:.12em!important;
}
body.ps-v9 #psSecondHome :is(.ps20-actions),
body.ps-v9 .app.ps13-dashboard .actions {
  min-width:max-content!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
}
body.ps-v9 #psSecondHome :is(.ps20-actions button),
body.ps-v9 .app.ps13-dashboard .actions button {
  min-width:42px!important;
  height:42px!important;
  border-radius:12px!important;
}
body.ps-v9 #psSecondHome .ps20-dashboard {
  min-width:auto!important;
  padding:0 17px!important;
}

body.ps-v9 #psSecondHome .ps20-hero {
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
  align-items:stretch!important;
  gap:clamp(34px,5vw,78px)!important;
  margin-top:34px!important;
  border-radius:28px!important;
  padding:clamp(38px,5.5vw,76px)!important;
  background:
    radial-gradient(65% 130% at 100% 0,rgba(255,255,255,.16),transparent 68%),
    radial-gradient(40% 90% at 0 100%,rgba(255,255,255,.075),transparent 72%),
    linear-gradient(130deg,rgba(255,255,255,.11),rgba(8,8,11,.91) 48%,rgba(255,255,255,.035))!important;
}
body.ps-v9 #psSecondHome .ps20-hero-copy { align-self:center!important; }
body.ps-v9 #psSecondHome .ps20-hero-copy h1 {
  max-width:780px!important;
  font-size:clamp(54px,6.6vw,96px)!important;
  line-height:.88!important;
}
body.ps-v9 #psSecondHome .ps20-hero-copy p { max-width:720px!important; color:var(--ps112-soft)!important; font-size:13px!important; }
body.ps-v9 #psSecondHome .ps49-hero-guide {
  align-self:stretch!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  padding:10px 20px!important;
  background:rgba(2,2,4,.34)!important;
}
body.ps-v9 #psSecondHome .ps49-hero-step:last-child { border-bottom:0!important; }

body.ps-v9 #psSecondHome .ps20-grid {
  gap:16px!important;
  margin-top:16px!important;
}
body.ps-v9 #psSecondHome .ps20-card {
  min-height:320px!important;
  border:1px solid var(--ps112-edge)!important;
  border-radius:22px!important;
  padding:30px!important;
  background:var(--ps112-panel)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.2)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ps-v9 #psSecondHome .ps20-card:not(.wide):first-child { grid-column:span 5!important; }
body.ps-v9 #psSecondHome .ps20-card:not(.wide):nth-child(2) { grid-column:span 7!important; }
body.ps-v9 #psSecondHome .ps20-card h2 { font-size:clamp(27px,3vw,38px)!important; }
body.ps-v9 #psSecondHome :is(.ps20-offers,.ps20-roadmap,.ps49-story-grid) { gap:8px!important; border:0!important; background:transparent!important; }
body.ps-v9 #psSecondHome :is(.ps20-offers button,.ps20-roadmap article,.ps49-story-grid article) {
  min-height:128px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(6,6,8,.72))!important;
}
body.ps-v9 #psSecondHome .ps49-member-story {
  margin-top:16px!important;
  border-radius:22px!important;
  background:var(--ps112-panel)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.ps-v9 .app.ps13-dashboard { padding-top:1px!important; }
body.ps-v9 .app.ps13-dashboard .workspace-tabs {
  display:flex!important;
  width:min(520px,100%)!important;
  margin:30px 0 16px!important;
  border-radius:15px!important;
  padding:5px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(8,8,10,.86))!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ps-v9 .app.ps13-dashboard .workspace-tabs button { flex:1!important; min-height:44px!important; border-radius:10px!important; font-size:11px!important; }
body.ps-v9 .app.ps13-dashboard .ticker {
  margin-bottom:16px!important;
  border-radius:15px!important;
  padding:16px 18px!important;
  background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(7,7,9,.82))!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ps-v9 .app.ps13-dashboard :is(#panelGrid,#statsGrid,.grid) { gap:16px!important; }
body.ps-v9 .app.ps13-dashboard #panelGrid>.card { grid-column:span 4!important; }
body.ps-v9 .app.ps13-dashboard #statsGrid>.card:nth-child(-n+2) { grid-column:span 6!important; }
body.ps-v9 .app.ps13-dashboard #statsGrid>.card:nth-child(n+3) { grid-column:span 4!important; }
body.ps-v9 .app.ps13-dashboard .card {
  min-height:300px!important;
  border:1px solid var(--ps112-edge)!important;
  border-radius:21px!important;
  padding:25px!important;
  background:var(--ps112-panel)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ps-v9 .app.ps13-dashboard .card:hover { border-color:rgba(255,255,255,.3)!important; }
body.ps-v9 .app.ps13-dashboard .card-head { position:relative!important; z-index:1!important; }
body.ps-v9 .app.ps13-dashboard .count { font-size:clamp(44px,5vw,68px)!important; }

body.ps-v9 :is(#ps44HomeMenu,#ps44HomeConnection) {
  width:min(320px,calc(100vw - 24px))!important;
  overflow:hidden!important;
  border-radius:17px!important;
  padding:10px!important;
}
body.ps-v9 :is(#ps44HomeMenu,#ps44HomeConnection) .ps44-panel-title {
  display:block!important;
  margin:0 4px 7px!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  padding:9px 8px 13px!important;
  color:rgba(255,255,255,.62)!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
}
body.ps-v9 #ps44HomeMenu .ps44-menu-button {
  min-height:44px!important;
  margin:2px 0!important;
  border-radius:10px!important;
  padding:0 12px!important;
  font-size:11px!important;
}
body.ps-v9 #ps44HomeConnection .ps44-platform {
  border-radius:12px!important;
  padding:12px 10px!important;
}

@media(max-width:1100px) {
  body.ps-v9 #psSecondHome .ps20-hero { grid-template-columns:1fr!important; }
  body.ps-v9 #psSecondHome .ps20-card:not(.wide):first-child,
  body.ps-v9 #psSecondHome .ps20-card:not(.wide):nth-child(2) { grid-column:1/-1!important; }
  body.ps-v9 .app.ps13-dashboard #panelGrid>.card,
  body.ps-v9 .app.ps13-dashboard #statsGrid>.card:nth-child(n) { grid-column:span 6!important; }
}
@media(max-width:720px) {
  body.ps-v9 #psSecondHome .ps20-shell,body.ps-v9 .app.ps13-dashboard { width:calc(100% - 20px)!important; }
  body.ps-v9 #psSecondHome .ps20-nav,body.ps-v9 .app.ps13-dashboard .topbar { top:6px!important; margin-top:6px!important; padding:0 8px!important; }
  body.ps-v9 #psSecondHome .ps20-dashboard { padding:0 11px!important; }
  body.ps-v9 #psSecondHome .ps20-hero { margin-top:18px!important; padding:32px 21px!important; }
  body.ps-v9 #psSecondHome .ps20-hero-copy h1 { font-size:clamp(48px,15vw,68px)!important; }
  body.ps-v9 #psSecondHome .ps20-card,body.ps-v9 .app.ps13-dashboard .card { min-height:240px!important; padding:21px!important; }
  body.ps-v9 .app.ps13-dashboard #panelGrid>.card,
  body.ps-v9 .app.ps13-dashboard #statsGrid>.card:nth-child(n) { grid-column:1/-1!important; }
  body.ps-v9 .app.ps13-dashboard .actions :is(#clearBtn,.clear) { display:none!important; }
}

/* Site 10.13 — member workspace, stable controls and focused account surfaces. */
body.ps-v9 #psSecondHome .ps61-site-metrics { display:none!important; }
body.ps-v9 #psSecondHome :is(#ps20Connection,#connectionBtn) {
  position:relative!important;
  inset:auto!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  margin:0!important;
  padding:0!important;
  translate:none!important;
  transform:none!important;
  filter:none!important;
  contain:layout paint!important;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
}
body.ps-v9 #psSecondHome :is(#ps20Connection,#connectionBtn):is(:hover,:focus-visible) {
  translate:none!important;
  transform:none!important;
  filter:none!important;
}
body.ps-v9 #psSecondHome .ps20-dashboard {
  color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.065))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 30px rgba(0,0,0,.22)!important;
}
body.ps-v9 #psSecondHome .ps20-dashboard:is(:hover,:focus-visible) {
  color:#fff!important;
  border-color:rgba(255,255,255,.45)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.1))!important;
}

body.ps-v9 #psSecondHome .ps20-hero {
  grid-template-columns:minmax(0,1.18fr) minmax(310px,.58fr)!important;
  min-height:500px!important;
  padding:clamp(42px,5vw,68px)!important;
}
body.ps-v9 #psSecondHome .ps20-hero-copy h1 { max-width:760px!important; font-size:clamp(58px,6.2vw,92px)!important; }
body.ps-v9 #psSecondHome .ps113-hero-console {
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  padding:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(5,5,7,.72) 55%,rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 28px 72px rgba(0,0,0,.28);
}
body.ps-v9 #psSecondHome .ps113-hero-console::before {
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 72% 22%,rgba(255,255,255,.16),transparent 28%),linear-gradient(115deg,rgba(255,255,255,.08),transparent 34%);
  pointer-events:none;
  content:"";
}
body.ps-v9 #psSecondHome .ps113-console-orbit {
  position:absolute;
  top:28px;
  right:28px;
  display:grid;
  width:92px;
  aspect-ratio:1;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#fff;
  font-style:normal;
  box-shadow:0 0 0 13px rgba(255,255,255,.025),0 0 0 26px rgba(255,255,255,.015);
}
body.ps-v9 #psSecondHome .ps113-console-orbit::after { position:absolute; width:9px; height:9px; border-radius:50%; background:#fff; box-shadow:0 0 16px #fff; content:""; animation:ps113-console-orbit 5.4s linear infinite; transform:translateX(46px); }
body.ps-v9 #psSecondHome .ps113-console-orbit b { font:700 20px var(--display); letter-spacing:-.08em; }
body.ps-v9 #psSecondHome .ps113-hero-console h2 { position:relative; max-width:270px; margin:76px 0 10px; font:600 clamp(28px,3vw,40px)/1 var(--display); letter-spacing:-.055em; }
body.ps-v9 #psSecondHome .ps113-hero-console p { position:relative; margin:0 0 22px; color:rgba(255,255,255,.66); font-size:11px; line-height:1.6; }
body.ps-v9 #psSecondHome .ps113-hero-console>button { position:relative; display:flex; width:100%; min-height:48px; align-items:center; justify-content:space-between; border:1px solid rgba(255,255,255,.32); border-radius:13px; padding:0 15px; color:#080808; background:#f7f7f4; font-size:11px; font-weight:900; }
body.ps-v9 #psSecondHome .ps113-hero-console>button:hover { background:#fff; box-shadow:0 12px 34px rgba(255,255,255,.11); }
body.ps-v9 #psSecondHome .ps113-hero-console>button i { font-size:18px; font-style:normal; }
body.ps-v9 #psSecondHome .ps113-hero-console>small { position:relative; margin-top:13px; color:rgba(255,255,255,.45); font-size:8px; line-height:1.5; }
@keyframes ps113-console-orbit { to { transform:rotate(360deg) translateX(46px) rotate(-360deg); } }

body.ps-v9 #psSecondHome .ps20-grid { grid-template-columns:repeat(12,minmax(0,1fr))!important; }
body.ps-v9 #psSecondHome .ps20-grid>.ps20-card.ps113-update-card,
body.ps-v9 #psSecondHome .ps20-grid>.ps20-card.ps113-tools-card { grid-column:span 6!important; min-height:360px!important; }
body.ps-v9 #psSecondHome .ps20-card { overflow:hidden!important; }
body.ps-v9 #psSecondHome .ps20-card::before { background:linear-gradient(110deg,rgba(255,255,255,.13),transparent 28%),radial-gradient(50% 80% at 100% 0,rgba(255,255,255,.12),transparent 75%)!important; }
body.ps-v9 #psSecondHome .ps20-offers { grid-template-columns:1fr!important; }
body.ps-v9 #psSecondHome .ps20-offers button { min-height:68px!important; padding:13px 15px!important; }

.ps55-notification-button { flex:0 0 42px!important; width:42px!important; min-width:42px!important; height:42px!important; padding:0!important; }
.ps55-notification-button>svg { display:block!important; width:17px!important; height:17px!important; margin:auto!important; fill:none!important; stroke:currentColor!important; stroke-width:1.7!important; }
#ps55Notifications .ps57-notification-head { display:grid!important; grid-template-columns:32px minmax(0,1fr) 30px!important; align-items:center!important; gap:10px!important; padding:8px 7px 15px!important; }
#ps55Notifications .ps57-notification-head>i { display:grid!important; width:30px!important; height:30px!important; place-items:center!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:9px!important; }
#ps55Notifications .ps57-notification-head>i svg { width:14px!important; height:14px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.7!important; }
#ps55Notifications .ps57-notification-head span :is(b,small) { display:block!important; }
#ps55Notifications .ps57-notification-head span small { margin-top:3px!important; color:rgba(255,255,255,.48)!important; font-size:8px!important; letter-spacing:0!important; }
#ps55Notifications .ps57-notification-close { width:30px!important; min-width:30px!important; height:30px!important; padding:0!important; justify-content:center!important; font-size:16px!important; }
#ps55Notifications .ps55-notification-empty { margin:0!important; border:1px solid rgba(255,255,255,.09)!important; border-radius:11px!important; padding:20px 14px!important; color:rgba(255,255,255,.55)!important; text-align:center!important; font-size:10px!important; }

body.ps-v9 #ps44HomeConnection { width:min(360px,calc(100vw - 24px))!important; padding:11px!important; }
body.ps-v9 #ps44HomeConnection .ps44-platform { display:grid!important; grid-template-columns:42px minmax(0,1fr) 34px!important; align-items:center!important; gap:11px!important; min-height:66px!important; margin-top:7px!important; border:1px solid rgba(255,255,255,.1)!important; padding:11px!important; background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(4,4,6,.66))!important; }
body.ps-v9 #ps44HomeConnection .ps44-platform-mark { display:grid!important; width:40px!important; height:40px!important; place-items:center!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:11px!important; color:#fff!important; background:rgba(255,255,255,.07)!important; font-style:normal!important; font-weight:900!important; }
body.ps-v9 #ps44HomeConnection .ps44-platform-mark img { width:25px!important; height:25px!important; object-fit:contain!important; }
body.ps-v9 #ps44HomeConnection .ps44-platform>span { min-width:0!important; }
body.ps-v9 #ps44HomeConnection .ps44-platform>span :is(b,small) { display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
body.ps-v9 #ps44HomeConnection .ps44-platform>span b { font-size:11px!important; }
body.ps-v9 #ps44HomeConnection .ps44-platform>span small { margin-top:4px!important; color:rgba(255,255,255,.5)!important; font-size:8px!important; }
body.ps-v9 #ps44HomeConnection :is(.ps44-state,.ps44-connect) { display:grid!important; width:32px!important; min-width:32px!important; height:32px!important; place-items:center!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:9px!important; padding:0!important; color:#fff!important; background:rgba(255,255,255,.07)!important; font-style:normal!important; }

#ps44UpdatesDialog .ps44-dialog { width:min(900px,calc(100vw - 28px))!important; max-height:min(820px,calc(100dvh - 28px))!important; border-radius:25px!important; padding:clamp(25px,4vw,42px)!important; background:radial-gradient(circle at 100% 0,rgba(255,255,255,.1),transparent 32%),rgba(8,8,10,.94)!important; }
#ps44UpdatesDialog .ps44-dialog>h2 { max-width:620px!important; margin:10px 0 8px!important; font-size:clamp(38px,5vw,62px)!important; letter-spacing:-.065em!important; }
#ps44UpdatesDialog .ps47-lead { max-width:580px!important; margin-bottom:24px!important; }
#ps44UpdatesDialog .ps48-update-history { gap:10px!important; margin-top:24px!important; padding-left:0!important; }
#ps44UpdatesDialog .ps48-update-version { position:relative!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:16px!important; padding:0!important; background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(2,2,4,.58))!important; }
#ps44UpdatesDialog .ps48-update-version::before { display:none!important; }
#ps44UpdatesDialog .ps48-update-version>header { min-height:62px!important; margin:0!important; padding:13px 15px!important; }
#ps44UpdatesDialog .ps48-update-version ul { margin:0!important; border-top:1px solid rgba(255,255,255,.08)!important; padding:16px 22px 19px 38px!important; background:rgba(255,255,255,.025)!important; }
#ps44UpdatesDialog .ps48-update-version li { margin:7px 0!important; color:rgba(255,255,255,.68)!important; font-size:10px!important; line-height:1.55!important; }
#ps44UpdatesDialog .ps51-update-expand { flex:0 0 34px!important; width:34px!important; min-width:34px!important; height:34px!important; border-radius:10px!important; }

#ps51AccountCenter { padding:18px!important; background:rgba(0,0,0,.76)!important; -webkit-backdrop-filter:blur(18px)!important; backdrop-filter:blur(18px)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-shell { grid-template-columns:250px minmax(0,1fr)!important; width:min(1180px,calc(100vw - 36px))!important; height:min(790px,calc(100dvh - 36px))!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.2)!important; border-radius:27px!important; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(6,6,8,.96) 34%)!important; box-shadow:0 45px 130px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.2)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-nav { gap:6px!important; border-right:1px solid rgba(255,255,255,.1)!important; padding:24px 16px!important; background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(5,5,7,.76))!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-brand { margin:0 8px 22px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-nav button { min-height:47px!important; border:1px solid transparent!important; border-radius:12px!important; padding:0 12px!important; color:rgba(255,255,255,.56)!important; font-size:10px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-nav button:hover { color:#fff!important; border-color:rgba(255,255,255,.1)!important; background:rgba(255,255,255,.045)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-nav button.active { color:#fff!important; border-color:rgba(255,255,255,.19)!important; background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-main { padding:clamp(30px,4.2vw,56px)!important; background:radial-gradient(circle at 94% 4%,rgba(255,255,255,.08),transparent 28%)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane { max-width:900px!important; margin:0 auto!important; padding:0!important; background:transparent!important; box-shadow:none!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane::before,body.ps-v9 #ps51AccountCenter .ps51-account-pane::after { display:none!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane h2 { max-width:760px!important; margin:11px 0 10px!important; font-size:clamp(38px,4.6vw,60px)!important; line-height:.96!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-lead { max-width:720px!important; margin-bottom:28px!important; color:rgba(255,255,255,.57)!important; font-size:11px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-data-card,.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket-card) { border:1px solid rgba(255,255,255,.11)!important; border-radius:16px!important; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(3,3,5,.56))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important; }
body.ps-v9 #ps51AccountCenter .ps51-data-grid { gap:11px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-primary,.ps51-danger) { min-height:42px!important; border-radius:11px!important; }

#ps47MailDialog .ps49-file-item { display:grid!important; grid-template-columns:38px minmax(0,1fr) 32px!important; align-items:center!important; gap:10px!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:12px!important; padding:9px!important; background:rgba(255,255,255,.045)!important; }
#ps47MailDialog .ps49-file-item>i { display:grid!important; width:36px!important; height:36px!important; place-items:center!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:9px!important; color:rgba(255,255,255,.72)!important; background:rgba(255,255,255,.045)!important; font-size:0!important; }
#ps47MailDialog .ps49-file-item>i svg { width:18px!important; height:18px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.6!important; }
#ps47MailDialog .ps49-file-item>span { min-width:0!important; }
#ps47MailDialog .ps49-file-item>span :is(b,small) { display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }

@media(max-width:900px) {
  body.ps-v9 #psSecondHome .ps20-hero { grid-template-columns:1fr!important; min-height:0!important; }
  body.ps-v9 #psSecondHome .ps20-grid>.ps20-card.ps113-update-card,body.ps-v9 #psSecondHome .ps20-grid>.ps20-card.ps113-tools-card { grid-column:1/-1!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-shell { grid-template-columns:1fr!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-nav { grid-template-columns:repeat(3,minmax(0,1fr))!important; border-right:0!important; border-bottom:1px solid rgba(255,255,255,.1)!important; padding:10px 52px 10px 10px!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-brand { display:none!important; }
}
@media(max-width:620px) {
  #ps51AccountCenter { padding:6px!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-shell { width:calc(100vw - 12px)!important; height:calc(100dvh - 12px)!important; border-radius:18px!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-nav { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-nav button { min-height:38px!important; padding:0 8px!important; font-size:8px!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-main { padding:24px 15px!important; }
  body.ps-v9 #psSecondHome .ps113-hero-console { min-height:350px!important; }
}

/* Site 10.16 — bounded transitions, live rates and unified member surfaces. */
body.ps28-stable-loaders :is(#ps14Loader,#ps20Loader,.ps14-loader) { display:none!important; }
#ps28Loader:not(.is-open),#ps28Loader[hidden] { display:none!important; pointer-events:none!important; }

body.ps-v9 .app.ps13-dashboard #streamStatus>.dot {
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#8a8a8e!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.055)!important;
}
body.ps-v9 .app.ps13-dashboard #streamStatus:is(.offline,.is-offline)>.dot {
  background:#ff3b48!important;
  box-shadow:0 0 0 4px rgba(255,59,72,.11),0 0 17px rgba(255,59,72,.75)!important;
  animation:ps116-live-lamp 1.15s ease-in-out infinite!important;
}
body.ps-v9 .app.ps13-dashboard #streamStatus:is(.live,.is-live)>.dot {
  background:#43ed83!important;
  box-shadow:0 0 0 4px rgba(67,237,131,.11),0 0 17px rgba(67,237,131,.7)!important;
  animation:ps116-live-lamp 1.15s ease-in-out infinite!important;
}
@keyframes ps116-live-lamp { 0%,100%{opacity:.45;transform:scale(.86)} 50%{opacity:1;transform:scale(1.12)} }

body.ps-v9 .app.ps13-dashboard .card-head>.title {
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
}
body.ps-v9 .app.ps13-dashboard .card-head>.title>h2 { margin:0!important; text-align:left!important; }
#ps13CardCopy .ps13-card-copy .ps53-dashboard-icon {
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
#ps13CardCopy .ps13-card-copy .ps53-dashboard-icon svg { width:16px!important; height:16px!important; }
#ps13CardCopy .ps13-card-copy :is(.source-badge,.event-icon,.logo):not(.ps53-dashboard-icon) { max-width:40px!important; max-height:40px!important; }

.ps116-exchange-status {
  display:flex;
  max-width:260px;
  min-height:34px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:0 12px;
  color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.045);
  font:700 8px/1.25 var(--body);
  letter-spacing:.015em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.ps-v9 #ps51AccountCenter .ps51-account-shell { grid-template-columns:228px minmax(0,1fr)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-main { padding:32px clamp(24px,4vw,48px)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane { width:100%!important; max-width:940px!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-hero {
  grid-template-columns:minmax(0,1fr) 82px!important;
  gap:20px!important;
  margin-bottom:20px!important;
  padding-bottom:20px!important;
}
body.ps-v9 #ps51AccountCenter .ps115-account-visual { width:78px!important; height:78px!important; border-radius:21px 21px 21px 8px!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-visual svg { width:30px!important; height:30px!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-visual img { width:52px!important; height:52px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane h2 { margin:7px 0 8px!important; font-size:clamp(27px,3.2vw,42px)!important; line-height:1!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-lead { max-width:680px!important; margin:0!important; font-size:10px!important; line-height:1.65!important; }
body.ps-v9 #ps51AccountCenter .ps51-data-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-data-card,.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket-card) {
  min-height:0!important;
  overflow:hidden!important;
  border-radius:15px!important;
  padding:16px!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-mark,.ps62-device>i,.ps65-device-card>i,.ps67-oauth>i,.ps67-oauth-card>i) {
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:12px!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-mark,.ps62-device>i,.ps65-device-card>i,.ps67-oauth>i,.ps67-oauth-card>i) :is(img,svg) {
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card) {
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card) :is(b,strong,h3,p,small) { overflow-wrap:anywhere!important; }

@media(max-width:900px) {
  .ps116-exchange-status { max-width:170px; }
  body.ps-v9 #ps51AccountCenter .ps51-data-grid { grid-template-columns:1fr!important; }
}
@media(max-width:700px) {
  .ps116-exchange-status { display:none; }
  body.ps-v9 #ps51AccountCenter .ps115-account-hero { grid-template-columns:1fr!important; }
  body.ps-v9 #ps51AccountCenter .ps115-account-visual { display:none!important; }
}
@media(prefers-reduced-motion:reduce) {
  body.ps-v9 .app.ps13-dashboard #streamStatus>.dot { animation:none!important; transform:none!important; }
}
@media(prefers-reduced-motion:reduce) { body.ps-v9 #psSecondHome .ps113-console-orbit::after { animation:none!important; } }

/* Site 10.14 — language-safe member surfaces and compact product marks. */
body.ps-v9 #psSecondHome :is(#ps20Connection,#connectionBtn) {
  flex-basis:36px!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
}
body.ps-v9 #psSecondHome :is(#ps20Connection,#connectionBtn) svg { width:16px!important; height:16px!important; }
body.ps-v9 #ps44HomeConnection .ps44-platform-mark img,
body.ps-v9 #ps51AccountCenter .ps51-kick-mark img,
body.ps-v9 .ps61-kick-mark img { display:block!important; width:24px!important; height:24px!important; object-fit:contain!important; }
body.ps-v9 #ps44HomeConnection .ps44-kick-mark img { width:27px!important; height:27px!important; }
body.ps-v9 #ps51AccountCenter .ps51-kick-mark { color:#fff!important; background:rgba(255,255,255,.07)!important; }

body.ps-v9 #psSecondHome .ps113-console-orbit img {
  display:block;
  width:62px;
  height:62px;
  padding:4px;
  object-fit:contain;
  filter:drop-shadow(0 0 13px rgba(255,255,255,.22));
}

body.ps-v9 .app.ps13-dashboard #psDashboardShortcut,
body.ps-v9 .app.ps13-dashboard .beta-badge { display:none!important; }
body.ps-v9 .app.ps13-dashboard .card-head {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 34px!important;
  align-items:start!important;
  gap:10px!important;
}
body.ps-v9 .app.ps13-dashboard .card-head>.title { grid-column:1; min-width:0!important; align-items:center!important; }
body.ps-v9 .app.ps13-dashboard .card-head>.count { grid-column:2; min-width:0!important; font-size:clamp(34px,4vw,56px)!important; line-height:1!important; }
body.ps-v9 .app.ps13-dashboard .card-head>:is(.expand,.ps13-stats-expand,.ps52-stats-expand) { grid-column:3; }
body.ps-v9 .app.ps13-dashboard .title h2 {
  min-width:0!important;
  overflow:visible!important;
  font-size:clamp(15px,1.5vw,19px)!important;
  line-height:1.22!important;
  overflow-wrap:anywhere!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
body.ps-v9 .app.ps13-dashboard .ps53-dashboard-icon {
  display:grid!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:11px!important;
  color:rgba(255,255,255,.9)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
}
body.ps-v9 .app.ps13-dashboard .ps53-dashboard-icon svg {
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.ps-v9 .app.ps13-dashboard .workspace-tabs { max-width:100%!important; }
body.ps-v9 .app.ps13-dashboard .workspace-tabs button {
  min-width:0!important;
  padding:7px 12px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
}

#ps44UpdatesDialog .ps44-dialog { overflow:hidden!important; }
#ps44UpdatesDialog .ps48-update-history {
  max-height:min(58dvh,570px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:2px 9px 4px 2px!important;
  scrollbar-color:rgba(255,255,255,.28) transparent!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
}
#ps44UpdatesDialog .ps48-update-history::-webkit-scrollbar { width:7px; }
#ps44UpdatesDialog .ps48-update-history::-webkit-scrollbar-track { background:transparent; }
#ps44UpdatesDialog .ps48-update-history::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:999px; background:rgba(255,255,255,.28); background-clip:padding-box; }

body.ps-v9 #ps51AccountCenter .ps51-account-main {
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-color:rgba(255,255,255,.25) transparent!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-pane,
body.ps-v9 #ps51AccountCenter .ps51-account-pane * { min-width:0; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane h2 {
  font-size:clamp(34px,4vw,52px)!important;
  line-height:1.02!important;
  overflow-wrap:anywhere!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-lead,
body.ps-v9 #ps51AccountCenter :is(p,small,b,strong,a,button) { overflow-wrap:anywhere; }
body.ps-v9 #ps51AccountCenter .ps51-data-grid {
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps51-data-card,.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket-card) {
  padding:clamp(15px,2vw,20px)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-card,.ps62-bridge-head,.ps62-device,.ps65-device-card,.ps67-oauth) {
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:13px!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps62-bridge-list,.ps62-device-list,.ps65-device-grid,.ps67-oauth-grid,.ps66-webhook-list,.ps55-ticket-list,.ps55-ticket-messages) {
  min-width:0!important;
  overflow-x:hidden!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps51-primary,.ps51-danger,.ps62-device button,.ps65-device-card button,.ps67-oauth button) {
  max-width:100%!important;
  white-space:normal!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-close { z-index:4!important; }

@media(max-width:900px) {
  body.ps-v9 #ps51AccountCenter .ps51-account-shell { grid-template-rows:auto minmax(0,1fr)!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-nav {
    display:flex!important;
    grid-template-columns:none!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding:10px 52px 10px 10px!important;
    scrollbar-width:none!important;
  }
  body.ps-v9 #ps51AccountCenter .ps51-account-nav::-webkit-scrollbar { display:none; }
  body.ps-v9 #ps51AccountCenter .ps51-account-nav button {
    flex:0 0 auto!important;
    min-width:max-content!important;
    padding:0 13px!important;
    white-space:nowrap!important;
  }
  body.ps-v9 .app.ps13-dashboard #panelGrid>.card,
  body.ps-v9 .app.ps13-dashboard #statsGrid>.card:nth-child(n) { grid-column:1/-1!important; }
}
@media(max-width:620px) {
  body.ps-v9 #ps51AccountCenter .ps51-account-nav { grid-template-columns:none!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-main { padding:22px 14px 30px!important; }
  body.ps-v9 #ps51AccountCenter :is(.ps51-kick-card,.ps62-bridge-head,.ps62-device,.ps65-device-card,.ps67-oauth) {
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  body.ps-v9 #ps51AccountCenter :is(.ps51-kick-card,.ps62-bridge-head,.ps62-device,.ps65-device-card,.ps67-oauth)>:last-child {
    grid-column:1/-1!important;
    width:100%!important;
  }
  body.ps-v9 .app.ps13-dashboard .card { padding:18px!important; }
  body.ps-v9 .app.ps13-dashboard .card-head { grid-template-columns:minmax(0,1fr) 32px!important; }
  body.ps-v9 .app.ps13-dashboard .card-head>.count { grid-column:1/-1!important; grid-row:2!important; justify-self:start!important; }
  body.ps-v9 .app.ps13-dashboard .card-head>:is(.expand,.ps13-stats-expand,.ps52-stats-expand) { grid-column:2!important; }
  #ps44UpdatesDialog .ps44-dialog { padding:22px 15px!important; }
  #ps44UpdatesDialog .ps48-update-history { max-height:62dvh!important; padding-right:6px!important; }
}

/* Site 10.15 — stable auth, larger dashboard, plan tools and account system. */
body.ps-v9 .app.ps13-dashboard .workspace-tabs {
  width:min(720px,100%)!important;
  min-height:56px!important;
  margin:18px auto!important;
  padding:6px!important;
  border-radius:18px!important;
}
body.ps-v9 .app.ps13-dashboard .workspace-tabs button { min-height:44px!important; font-size:11px!important; }
body.ps-v9 .app.ps13-dashboard #panelGrid>.card,
body.ps-v9 .app.ps13-dashboard #statsGrid>.card:nth-child(n) {
  grid-column:span 6!important;
  min-height:370px!important;
}
body.ps-v9 .app.ps13-dashboard #statsGrid>.card:last-child { grid-column:3/span 8!important; }
body.ps-v9 .app.ps13-dashboard #streamStatus {
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  padding:9px 11px 9px 18px!important;
}
body.ps-v9 .app.ps13-dashboard #streamStatus>[data-live-message] {
  display:block!important;
  min-width:0!important;
  line-height:1.35!important;
  white-space:normal!important;
}
body.ps-v9 .app.ps13-dashboard #streamStatus>.dot { margin:0!important; }

body.ps53-card-copy-open { overflow:hidden!important; }
#ps13CardCopy {
  position:fixed!important;
  z-index:50000!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:auto!important;
  padding:clamp(14px,3vw,36px)!important;
  background:rgba(0,0,0,.76)!important;
  transform:none!important;
  contain:layout paint!important;
}
#ps13CardCopy>.ps13-card-copy {
  position:relative!important;
  inset:auto!important;
  grid-column:auto!important;
  width:min(1040px,calc(100vw - 40px))!important;
  height:min(720px,calc(100dvh - 40px))!important;
  margin:auto!important;
  transform:none!important;
}

body.ps-v9 #ps44HomeConnection .ps44-play-connect {
  border-color:rgba(255,255,255,.22)!important;
  background:#070707!important;
}
body.ps-v9 #ps44HomeConnection .ps44-play-connect img { width:30px!important; height:30px!important; }

.ps115-plan-features,.ps-plan-preview ul {
  display:grid;
  gap:7px;
  margin:18px 0 22px;
  padding:0;
  list-style:none;
}
.ps115-plan-features li,.ps-plan-preview li {
  position:relative;
  padding-left:16px;
  color:rgba(255,255,255,.65);
  font-size:9px;
  line-height:1.45;
}
.ps115-plan-features li::before,.ps-plan-preview li::before {
  position:absolute;
  left:0;
  top:.38em;
  width:6px;
  height:6px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:50%;
  content:"";
}
.ps92-plan-panel article { align-content:start!important; }
.ps92-plan-panel article>button,.ps92-plan-panel article>a { margin-top:auto!important; }

#ps115PlanTools .ps44-dialog.ps115-plan-dialog {
  width:min(1040px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:auto!important;
  border-radius:26px!important;
  padding:clamp(25px,4vw,44px)!important;
}
#ps115PlanTools .ps115-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; }
#ps115PlanTools .ps115-plan-grid article {
  position:relative;
  display:grid;
  align-content:start;
  gap:10px;
  min-height:230px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(4,4,6,.68));
}
#ps115PlanTools .ps115-plan-grid article>span { color:rgba(255,255,255,.48); font:800 9px var(--display); letter-spacing:.15em; }
#ps115PlanTools .ps115-plan-grid h3 { margin:0; font:700 20px var(--display); letter-spacing:-.035em; }
#ps115PlanTools .ps115-plan-grid p,#ps115PlanTools .ps115-plan-grid small { margin:0; color:rgba(255,255,255,.52); font-size:9px; line-height:1.55; }
#ps115PlanTools .ps115-plan-grid label { display:grid; gap:6px; color:rgba(255,255,255,.62); font-size:9px; }
#ps115PlanTools .ps115-plan-grid :is(input,textarea) {
  width:100%;
  border:1px solid rgba(255,255,255,.15);
  border-radius:11px;
  padding:11px 12px;
  color:#fff;
  background:rgba(0,0,0,.36);
  font:600 11px/1.5 var(--body);
  resize:vertical;
}
#ps115PlanTools .ps115-plan-grid textarea { min-height:96px; }
#ps115PlanTools .ps115-plan-grid button { min-height:41px; border:1px solid rgba(255,255,255,.26); border-radius:11px; color:#070707; background:#f4f4f1; font-size:10px; font-weight:900; }
#ps115PlanTools .ps115-plan-grid article.locked { opacity:.52; }
#ps115PlanTools .ps115-plan-grid article.locked::after { position:absolute; top:17px; right:17px; content:"KİLİTLİ"; color:rgba(255,255,255,.58); font:800 8px var(--display); letter-spacing:.14em; }

body.ps-v9 #ps51AccountCenter .ps51-account-brand>i {
  width:46px!important;
  height:46px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-brand>i img { width:44px!important; height:44px!important; object-fit:contain!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) 116px;
  align-items:center;
  gap:28px;
  margin-bottom:28px;
  border-bottom:1px solid rgba(255,255,255,.1);
  padding-bottom:28px;
}
body.ps-v9 #ps51AccountCenter .ps115-account-hero .ps51-account-lead { margin-bottom:0!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-visual {
  display:grid;
  width:108px;
  height:108px;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px 30px 30px 10px;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(5,5,7,.7));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 55px rgba(0,0,0,.26);
  font-style:normal;
}
body.ps-v9 #ps51AccountCenter .ps115-account-visual svg { width:44px; height:44px; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
body.ps-v9 #ps51AccountCenter .ps115-account-visual img { width:76px; height:76px; object-fit:contain; }
body.ps-v9 #ps51AccountCenter :is(.ps51-data-card,.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket-card) {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ps-v9 #ps51AccountCenter .ps51-profile-head { grid-template-columns:76px minmax(0,1fr)!important; gap:18px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:18px!important; padding:18px!important; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(3,3,5,.58))!important; }
body.ps-v9 #ps51AccountCenter .ps51-profile-avatar { width:72px!important; height:72px!important; border:0!important; border-radius:20px!important; background:rgba(255,255,255,.055)!important; }
body.ps-v9 #ps51AccountCenter .ps51-profile-avatar img { width:58px!important; height:58px!important; object-fit:contain!important; }

@media(max-width:900px) {
  body.ps-v9 .app.ps13-dashboard #statsGrid>.card:last-child { grid-column:1/-1!important; }
  #ps115PlanTools .ps115-plan-grid { grid-template-columns:1fr; }
  body.ps-v9 #ps51AccountCenter .ps115-account-hero { grid-template-columns:minmax(0,1fr) 86px; gap:16px; }
  body.ps-v9 #ps51AccountCenter .ps115-account-visual { width:82px; height:82px; border-radius:22px 22px 22px 8px; }
  body.ps-v9 #ps51AccountCenter .ps115-account-visual img { width:58px; height:58px; }
}
@media(max-width:620px) {
  body.ps-v9 .app.ps13-dashboard #panelGrid>.card,body.ps-v9 .app.ps13-dashboard #statsGrid>.card:nth-child(n) { grid-column:1/-1!important; min-height:260px!important; }
  body.ps-v9 .app.ps13-dashboard #streamStatus { grid-template-columns:10px minmax(0,1fr)!important; }
  body.ps-v9 .app.ps13-dashboard #streamStatus>#clearBtn { grid-column:1/-1!important; width:100%!important; }
  body.ps-v9 #ps51AccountCenter .ps115-account-hero { grid-template-columns:1fr; }
  body.ps-v9 #ps51AccountCenter .ps115-account-visual { display:none; }
}

/* Site 10.16 final cascade ownership. */
body.ps-v9 #ps51AccountCenter .ps51-account-shell { grid-template-columns:228px minmax(0,1fr)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-main { padding:32px clamp(24px,4vw,48px)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane h2 { margin:7px 0 8px!important; font-size:clamp(27px,3.2vw,42px)!important; line-height:1!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-hero { grid-template-columns:minmax(0,1fr) 82px!important; gap:20px!important; margin-bottom:20px!important; padding-bottom:20px!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-visual { width:78px!important; height:78px!important; border-radius:21px 21px 21px 8px!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-visual :is(img,svg) { width:44px!important; height:44px!important; }
body.ps-v9 #ps51AccountCenter .ps51-data-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-data-card,.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket-card) { min-height:0!important; overflow:hidden!important; border-radius:15px!important; padding:16px!important; }
@media(max-width:900px) {
  body.ps-v9 #ps51AccountCenter .ps51-account-shell { grid-template-columns:1fr!important; }
  body.ps-v9 #ps51AccountCenter .ps51-data-grid { grid-template-columns:1fr!important; }
}
@media(max-width:620px) {
  body.ps-v9 #ps51AccountCenter .ps115-account-hero { grid-template-columns:1fr!important; }
  body.ps-v9 #ps51AccountCenter .ps115-account-visual { display:none!important; }
}

/* Site 10.17 — route-safe locale changes and compact account surfaces. */
body.ps-v9 > #ps49InfoPage,
body.ps-v9 > #ps49InfoPage.ps53-products-copy {
  position:fixed!important;
  z-index:19000!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  margin:0!important;
  overflow:auto!important;
}
body.ps117-products-open { overflow:hidden!important; }

/* The loader remains animated, but the PS mark no longer jumps vertically. */
#ps28Loader .ps110-loader-emblem { animation:none!important; }
#ps28Loader .ps110-loader-emblem img {
  animation:ps117-logo-pulse 1.15s ease-in-out infinite!important;
}
@keyframes ps117-logo-pulse {
  0%,100% { transform:rotateY(-8deg) rotateZ(-2deg) scale(.94); filter:drop-shadow(0 0 15px rgba(255,255,255,.24)); }
  50% { transform:rotateY(9deg) rotateZ(2deg) scale(1.08); filter:drop-shadow(0 0 36px rgba(255,255,255,.68)); }
}

.ps117-exchange-button {
  display:grid!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:11px!important;
  padding:0!important;
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  font:800 15px/1 var(--display)!important;
  transition:border-color .16s ease,background .16s ease!important;
}
.ps117-exchange-button:hover,.ps117-exchange-button:focus-visible,.ps117-exchange-button[aria-expanded="true"] {
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(255,255,255,.12)!important;
  outline:none!important;
}
#ps117ExchangePanel {
  position:fixed;
  z-index:22100;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  padding:16px;
  color:#fff;
  background:linear-gradient(150deg,rgba(27,27,30,.98),rgba(7,7,9,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.09);
}
#ps117ExchangePanel[hidden] { display:none!important; }
#ps117ExchangePanel header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#ps117ExchangePanel header span { color:rgba(255,255,255,.52); font:800 9px var(--display); letter-spacing:.15em; }
#ps117ExchangePanel header button { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(255,255,255,.14); border-radius:8px; color:#fff; background:transparent; font-size:17px; }
#ps117ExchangePanel>strong { display:block; margin:15px 0; font:700 22px var(--display); letter-spacing:-.035em; }
#ps117ExchangePanel dl { display:grid; gap:7px; margin:0; }
#ps117ExchangePanel dl div { display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid rgba(255,255,255,.08); padding-top:7px; }
#ps117ExchangePanel :is(dt,dd) { margin:0; font-size:9px; }
#ps117ExchangePanel dt { color:rgba(255,255,255,.46); }
#ps117ExchangePanel dd { color:rgba(255,255,255,.78); font-weight:700; }
#ps117ExchangePanel>p { margin:13px 0 0; color:rgba(255,255,255,.43); font-size:8px; line-height:1.55; }

body.ps-v9 #ps51AccountCenter .ps115-account-hero {
  grid-template-columns:1fr!important;
  gap:0!important;
  margin-bottom:18px!important;
  padding-bottom:18px!important;
}
body.ps-v9 #ps51AccountCenter .ps115-account-visual { display:none!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane h2 { font-size:clamp(24px,2.7vw,34px)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-lead { max-width:760px!important; font-size:10px!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-profile {
  grid-template-columns:52px minmax(0,1fr) auto!important;
  gap:13px!important;
  border-color:rgba(255,255,255,.1)!important;
  border-radius:14px!important;
  padding:13px!important;
  background:rgba(255,255,255,.035)!important;
}
body.ps-v9 #ps51AccountCenter .ps54-kick-avatar { width:50px!important; height:50px!important; border-width:1px!important; border-radius:13px!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-profile b { font-size:15px!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-profile small { font-size:9px!important; }
body.ps-v9 #ps51AccountCenter .ps51-data-card { min-height:104px!important; padding:14px!important; }
body.ps-v9 #ps51AccountCenter .ps51-data-card>b { font-size:22px!important; }
body.ps-v9 #ps51AccountCenter .ps51-profile-head {
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:13px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  border-radius:0!important;
  padding:0 0 16px!important;
  background:transparent!important;
}
body.ps-v9 #ps51AccountCenter .ps51-profile-avatar { width:52px!important; height:52px!important; border-radius:13px!important; }
body.ps-v9 #ps51AccountCenter .ps51-profile-avatar img { width:38px!important; height:38px!important; }
body.ps-v9 #ps51AccountCenter .ps10-identity-handoff { border-width:0 0 0 2px!important; border-radius:0!important; padding:4px 0 4px 16px!important; background:transparent!important; box-shadow:none!important; }
body.ps-v9 #ps51AccountCenter .ps67-oauth { display:block!important; padding:14px!important; }
body.ps-v9 #ps51AccountCenter .ps67-oauth-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; }
body.ps-v9 #ps51AccountCenter .ps67-oauth-card {
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-areas:"icon copy" "actions actions"!important;
  align-items:center!important;
  gap:9px!important;
  padding:12px!important;
}
body.ps-v9 #ps51AccountCenter .ps67-oauth-icon { width:36px!important; height:36px!important; min-width:36px!important; border-radius:10px!important; }
body.ps-v9 #ps51AccountCenter .ps67-oauth-icon img { width:24px!important; height:24px!important; max-width:24px!important; max-height:24px!important; }
body.ps-v9 #ps51AccountCenter .ps67-oauth-copy b { font-size:12px!important; }
body.ps-v9 #ps51AccountCenter .ps67-oauth-copy small { font-size:8px!important; line-height:1.45!important; }
body.ps-v9 #ps51AccountCenter :is(.ps65-device-card,.ps62-device,.ps55-ticket) { border-radius:12px!important; box-shadow:none!important; background:rgba(255,255,255,.035)!important; }
body.ps-v9 #ps51AccountCenter .ps65-device-icon { width:38px!important; height:38px!important; min-width:38px!important; border-radius:10px!important; }
body.ps-v9 #ps51AccountCenter .ps65-device-icon svg { width:18px!important; height:18px!important; }
body.ps-v9 #ps51AccountCenter .ps55-ticket>header { padding:13px!important; }
body.ps-v9 #ps51AccountCenter .ps55-ticket-messages { padding:11px!important; }
@media(max-width:760px) {
  body.ps-v9 #ps51AccountCenter .ps67-oauth-grid { grid-template-columns:1fr!important; }
  body.ps-v9 #ps51AccountCenter .ps54-kick-profile { grid-template-columns:48px minmax(0,1fr)!important; }
  body.ps-v9 #ps51AccountCenter .ps54-kick-badge { grid-column:1/-1!important; }
}

/* Site 10.18 — stable first paint, static loader mark and compact account center. */
#ps28Loader .ps110-loader-emblem,
#ps28Loader .ps110-loader-emblem img {
  animation:none!important;
  transform:none!important;
  translate:none!important;
}

body.ps-v9 :is(#ps44HomeMenu,#ps44HomeConnection) {
  animation:none!important;
  transform:none!important;
  translate:none!important;
  transition:opacity .12s ease,border-color .12s ease!important;
}
body.ps-v9 :is(#ps44HomeMenu,#ps44HomeConnection).ps47-popover-closing {
  opacity:0!important;
  animation:none!important;
  transform:none!important;
  translate:none!important;
}
body.ps-v9 :is(#ps20Connection,#connectionBtn,#ps20MenuButton,#menuBtn) {
  flex:none!important;
  translate:none!important;
  transform:none!important;
  contain:layout paint!important;
  transition:color .14s ease,border-color .14s ease,background-color .14s ease!important;
}
body.ps-v9 :is(#ps20Connection,#connectionBtn,#ps20MenuButton,#menuBtn):is(:hover,:focus-visible,:active) {
  translate:none!important;
  transform:none!important;
}

#ps117ExchangeButton {
  position:relative!important;
  z-index:3!important;
  translate:none!important;
  transform:none!important;
}
#ps117ExchangePanel { isolation:isolate!important; pointer-events:auto!important; }

body.ps-v9 .app :is(#panelGrid,#statsGrid)>.card { cursor:default!important; }
body.ps-v9 .app :is(#panelGrid,#statsGrid)>.card :is(.expand,.ps52-stats-expand) { cursor:pointer!important; }

body.ps-v9 #ps51AccountCenter .ps51-account-shell {
  grid-template-columns:208px minmax(0,1fr)!important;
  width:min(1080px,calc(100vw - 32px))!important;
  height:min(740px,calc(100dvh - 32px))!important;
  border-radius:22px!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-nav {
  gap:4px!important;
  padding:18px 12px!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-brand { margin:0 7px 15px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-brand i { width:38px!important; height:38px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-brand i img { width:31px!important; height:31px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-nav button {
  min-height:40px!important;
  border-radius:10px!important;
  padding:0 10px!important;
  font-size:9px!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-nav button svg { width:16px!important; height:16px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-main {
  padding:26px clamp(20px,3vw,34px)!important;
  background:radial-gradient(circle at 94% 3%,rgba(255,255,255,.055),transparent 25%)!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-pane { max-width:800px!important; }
body.ps-v9 #ps51AccountCenter .ps115-account-hero {
  margin-bottom:14px!important;
  padding-bottom:14px!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-pane h2 {
  max-width:700px!important;
  margin:7px 0 7px!important;
  font-size:clamp(23px,2.5vw,31px)!important;
  line-height:1.02!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-kicker { font-size:8px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-lead {
  max-width:700px!important;
  margin-bottom:17px!important;
  font-size:9px!important;
  line-height:1.55!important;
}
body.ps-v9 #ps51AccountCenter .ps51-data-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
body.ps-v9 #ps51AccountCenter .ps51-data-card {
  min-height:82px!important;
  padding:12px!important;
}
body.ps-v9 #ps51AccountCenter .ps51-data-card>b { margin-top:13px!important; font-size:19px!important; }
body.ps-v9 #ps51AccountCenter .ps51-data-card>span { font-size:7px!important; }
body.ps-v9 #ps51AccountCenter .ps54-data-note { grid-column:1/-1!important; font-size:8px!important; line-height:1.55!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-data-card,.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket-card) {
  min-height:0!important;
  border-radius:12px!important;
  padding:13px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065)!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps54-kick-profile,.ps51-kick-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card) {
  gap:10px!important;
}
body.ps-v9 #ps51AccountCenter :is(.ps54-kick-avatar,.ps51-profile-avatar) { width:44px!important; height:44px!important; min-width:44px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps54-kick-avatar,.ps51-profile-avatar) img { width:32px!important; height:32px!important; max-width:32px!important; max-height:32px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-mark,.ps65-device-icon,.ps67-oauth-icon) { width:32px!important; height:32px!important; min-width:32px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-mark,.ps65-device-icon,.ps67-oauth-icon) :is(img,svg) { width:20px!important; height:20px!important; max-width:20px!important; max-height:20px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket-card) :is(h3,b,strong) { font-size:11px!important; line-height:1.35!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket-card) :is(p,small) { font-size:8px!important; line-height:1.5!important; }
body.ps-v9 #ps51AccountCenter .ps10-identity-handoff { border:1px solid rgba(255,255,255,.1)!important; border-radius:12px!important; padding:14px!important; background:rgba(255,255,255,.025)!important; }

@media(max-width:900px) {
  body.ps-v9 #ps51AccountCenter .ps51-account-shell { grid-template-columns:1fr!important; }
}
@media(max-width:620px) {
  body.ps-v9 #ps51AccountCenter .ps51-data-grid { grid-template-columns:1fr!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-main { padding:20px 13px 26px!important; }
}

/* Site 10.19 — rebuilt account center and shared exchange-rate surface. */
body.ps-v9 #ps51AccountCenter {
  padding:18px!important;
  background:rgba(0,0,0,.74)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  backdrop-filter:blur(22px)!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-shell {
  grid-template-columns:246px minmax(0,1fr)!important;
  width:min(1120px,calc(100vw - 36px))!important;
  height:min(760px,calc(100dvh - 36px))!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:24px!important;
  background:rgba(8,8,10,.94)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-nav {
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:0!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.095)!important;
  padding:18px 14px!important;
  background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 42%,rgba(255,255,255,.025))!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-brand {
  display:flex!important;
  gap:10px!important;
  margin:0 4px 16px!important;
  padding:0 2px!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-brand>i {
  width:34px!important;height:34px!important;min-width:34px!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;
  padding:4px!important;background:rgba(255,255,255,.045)!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-brand>i img { width:25px!important;height:25px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-brand>span { font-size:10px!important;line-height:1.25!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-brand>span small { margin-top:3px!important;font-size:6px!important;color:rgba(255,255,255,.42)!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-user {
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 19px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:13px!important;
  padding:10px!important;
  background:rgba(255,255,255,.035)!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-user>i {
  display:grid!important;width:36px!important;height:36px!important;place-items:center!important;
  border-radius:10px!important;color:#080808!important;background:#f4f4f1!important;
  font:800 14px/1 var(--display)!important;font-style:normal!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-user>span { min-width:0!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-user b,
body.ps-v9 #ps51AccountCenter .ps119-account-user small { display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-user b { color:#f5f5f2!important;font-size:9px!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-user small { margin-top:3px!important;color:rgba(255,255,255,.43)!important;font-size:7px!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-user em {
  border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;padding:5px 6px!important;
  color:rgba(255,255,255,.68)!important;background:rgba(255,255,255,.045)!important;
  font:800 6px/1 var(--display)!important;font-style:normal!important;text-transform:uppercase!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-nav-heading {
  display:block!important;margin:0 9px 7px!important;color:rgba(255,255,255,.34)!important;
  font:800 7px/1 var(--display)!important;letter-spacing:.14em!important;text-transform:uppercase!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-nav-list { display:grid!important;gap:3px!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-nav-list>button {
  display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;
  min-height:40px!important;align-items:center!important;gap:9px!important;
  border:1px solid transparent!important;border-radius:10px!important;padding:0 10px!important;
  color:rgba(255,255,255,.56)!important;background:transparent!important;font-size:9px!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-nav-list>button>svg { width:16px!important;height:16px!important;display:block!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-nav-list>button>i { color:rgba(255,255,255,.23)!important;font-style:normal!important;font-size:15px!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-nav-list>button:hover { border-color:rgba(255,255,255,.09)!important;color:#fff!important;background:rgba(255,255,255,.035)!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-nav-list>button.active {
  border-color:rgba(255,255,255,.15)!important;color:#fff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-trust {
  display:flex!important;align-items:center!important;gap:9px!important;margin-top:auto!important;
  border-top:1px solid rgba(255,255,255,.08)!important;padding:15px 7px 2px!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-trust svg { width:19px!important;height:19px!important;fill:none!important;stroke:rgba(255,255,255,.62)!important;stroke-width:1.7!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-trust b,
body.ps-v9 #ps51AccountCenter .ps119-account-trust small { display:block!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-trust b { color:rgba(255,255,255,.72)!important;font-size:7px!important;letter-spacing:.1em!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-trust small { margin-top:3px!important;color:rgba(255,255,255,.34)!important;font-size:6px!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-main {
  display:block!important;overflow:auto!important;padding:0 30px 36px!important;
  background:radial-gradient(circle at 88% 0,rgba(255,255,255,.055),transparent 29%),#08080a!important;
  scrollbar-gutter:stable!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-topbar {
  position:sticky!important;z-index:3!important;top:0!important;display:flex!important;
  align-items:center!important;justify-content:space-between!important;min-height:68px!important;
  margin:0 -30px 26px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  padding:0 24px 0 30px!important;background:rgba(8,8,10,.9)!important;
  -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-topbar span :is(small,b) { display:block!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-topbar small { color:rgba(255,255,255,.34)!important;font:800 6px/1 var(--display)!important;letter-spacing:.16em!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-topbar b { margin-top:5px!important;color:#f5f5f2!important;font:750 11px/1 var(--display)!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-close {
  position:static!important;display:grid!important;width:34px!important;height:34px!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;color:#fff!important;
  background:rgba(255,255,255,.04)!important;font-size:18px!important;
}
body.ps-v9 #ps51AccountCenter .ps51-account-pane { width:100%!important;max-width:820px!important;margin:0 auto!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important; }
body.ps-v9 #ps51AccountCenter .ps51-account-pane::before,
body.ps-v9 #ps51AccountCenter .ps51-account-pane::after { display:none!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-hero {
  display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;align-items:center!important;gap:18px!important;
  margin:0 0 18px!important;border-bottom:1px solid rgba(255,255,255,.075)!important;padding:0 0 20px!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-section-mark {
  display:grid!important;width:48px!important;height:48px!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;
  color:rgba(255,255,255,.78)!important;background:rgba(255,255,255,.04)!important;
}
body.ps-v9 #ps51AccountCenter .ps119-account-section-mark svg { width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-hero .ps51-account-kicker { font-size:7px!important;letter-spacing:.14em!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-hero h2 { margin:7px 0!important;font-size:clamp(24px,3vw,34px)!important;line-height:1!important;letter-spacing:-.045em!important; }
body.ps-v9 #ps51AccountCenter .ps119-account-hero .ps51-account-lead { max-width:680px!important;margin:0!important;color:rgba(255,255,255,.53)!important;font-size:9px!important;line-height:1.65!important; }
body.ps-v9 #ps51AccountCenter :is(.ps54-kick-profile,.ps51-data-card,.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket) {
  border:1px solid rgba(255,255,255,.1)!important;border-radius:13px!important;
  background:rgba(255,255,255,.027)!important;box-shadow:none!important;
}
body.ps-v9 #ps51AccountCenter .ps51-data-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important; }
body.ps-v9 #ps51AccountCenter .ps51-data-card { min-height:92px!important;padding:13px!important; }
body.ps-v9 #ps51AccountCenter .ps51-data-card>b { margin-top:17px!important;font-size:22px!important; }
body.ps-v9 #ps51AccountCenter .ps54-data-note { grid-column:1/-1!important;margin:2px 2px 0!important;color:rgba(255,255,255,.37)!important;font-size:7px!important;line-height:1.55!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-profile { display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:14px!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-profile>span { min-width:0!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-profile>span :is(b,small) { display:block!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-profile>span b { color:#f5f5f2!important;font-size:12px!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-profile>span small { margin-top:4px!important;color:rgba(255,255,255,.43)!important;font-size:8px!important; }
body.ps-v9 #ps51AccountCenter .ps54-kick-badge { border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;padding:6px 8px!important;color:rgba(255,255,255,.65)!important;background:rgba(255,255,255,.035)!important;font-size:6px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps54-kick-avatar,.ps51-profile-avatar) { width:46px!important;height:46px!important;min-width:46px!important;border-radius:12px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps54-kick-avatar,.ps51-profile-avatar) img { width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important; }
body.ps-v9 #ps51AccountCenter .ps51-profile-head { display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:13px!important;margin:0 0 10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:13px!important;padding:14px!important;background:rgba(255,255,255,.027)!important; }
body.ps-v9 #ps51AccountCenter .ps51-profile-head b { font-size:12px!important; }
body.ps-v9 #ps51AccountCenter .ps51-profile-head p { margin:4px 0 0!important;color:rgba(255,255,255,.44)!important;font-size:8px!important; }
body.ps-v9 #ps51AccountCenter .ps10-identity-handoff { border:1px solid rgba(255,255,255,.1)!important;border-radius:13px!important;padding:16px!important;background:rgba(255,255,255,.027)!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-mark,.ps65-device-icon,.ps67-oauth-icon) { width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-mark,.ps65-device-icon,.ps67-oauth-icon) :is(img,svg) { width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-kick-card,.ps62-bridge-head,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card) { grid-template-columns:auto minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important; }
body.ps-v9 #ps51AccountCenter :is(.ps62-device-list,.ps65-device-grid,.ps67-oauth-grid,.ps66-webhook-list,.ps55-ticket-list,.ps55-ticket-messages) { gap:8px!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket) :is(h3,b,strong) { font-size:10px!important;line-height:1.4!important; }
body.ps-v9 #ps51AccountCenter :is(.ps51-account-section,.ps51-kick-card,.ps62-bridge-card,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card,.ps55-ticket) :is(p,small) { font-size:8px!important;line-height:1.55!important; }
body.ps-v9 #ps51AccountCenter .ps55-ticket-message { max-width:min(88%,680px)!important;padding:10px 12px!important;font-size:8px!important; }

.ps119-exchange-button {
  display:grid!important;min-width:38px!important;width:38px!important;height:38px!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;padding:0!important;
  color:#f5f5f2!important;background:rgba(255,255,255,.035)!important;
  font:800 15px/1 var(--display)!important;cursor:pointer!important;
}
.ps119-exchange-button:hover,.ps119-exchange-button[aria-expanded="true"] { border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.1)!important;transform:none!important; }
#ps119ExchangePanel {
  position:fixed!important;z-index:2147483612!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;padding:16px!important;
  color:#f5f5f2!important;background:rgba(11,11,13,.96)!important;
  box-shadow:0 24px 75px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.09)!important;
  -webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;
  isolation:isolate!important;pointer-events:auto!important;
}
#ps119ExchangePanel[hidden] { display:none!important; }
#ps119ExchangePanel header { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important; }
#ps119ExchangePanel header span { color:rgba(255,255,255,.45)!important;font:800 8px/1 var(--display)!important;letter-spacing:.15em!important; }
#ps119ExchangePanel header button { display:grid!important;width:28px!important;height:28px!important;place-items:center!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;color:#fff!important;background:transparent!important;font-size:17px!important; }
#ps119ExchangePanel>strong { display:block!important;margin:16px 0!important;font:700 21px/1.1 var(--display)!important;letter-spacing:-.035em!important; }
#ps119ExchangePanel dl { display:grid!important;gap:8px!important;margin:0!important; }
#ps119ExchangePanel dl div { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:8px!important; }
#ps119ExchangePanel :is(dt,dd) { margin:0!important;font-size:8px!important; }
#ps119ExchangePanel dt { color:rgba(255,255,255,.42)!important; }
#ps119ExchangePanel dd { color:rgba(255,255,255,.78)!important;font-weight:700!important; }
#ps119ExchangePanel>p { margin:13px 0 0!important;color:rgba(255,255,255,.4)!important;font-size:7px!important;line-height:1.55!important; }

@media(max-width:900px) {
  body.ps-v9 #ps51AccountCenter .ps119-account-shell { grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-nav { display:block!important;overflow-x:auto!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;padding:10px!important;white-space:nowrap!important;scrollbar-width:none!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-nav::-webkit-scrollbar { display:none!important; }
  body.ps-v9 #ps51AccountCenter :is(.ps51-account-brand,.ps119-account-user,.ps119-account-nav-heading,.ps119-account-trust) { display:none!important; }
  body.ps-v9 #ps51AccountCenter .ps119-account-nav-list { display:flex!important;width:max-content!important;gap:5px!important; }
  body.ps-v9 #ps51AccountCenter .ps119-account-nav-list>button { display:flex!important;width:auto!important;min-height:36px!important;padding:0 11px!important; }
  body.ps-v9 #ps51AccountCenter .ps119-account-nav-list>button>i { display:none!important; }
}
@media(max-width:620px) {
  body.ps-v9 #ps51AccountCenter { padding:6px!important; }
  body.ps-v9 #ps51AccountCenter .ps119-account-shell { width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;border-radius:17px!important; }
  body.ps-v9 #ps51AccountCenter .ps51-account-main { padding:0 14px 26px!important; }
  body.ps-v9 #ps51AccountCenter .ps119-account-topbar { min-height:58px!important;margin:0 -14px 20px!important;padding:0 12px 0 15px!important; }
  body.ps-v9 #ps51AccountCenter .ps119-account-hero { grid-template-columns:1fr!important; }
  body.ps-v9 #ps51AccountCenter .ps119-account-section-mark { display:none!important; }
  body.ps-v9 #ps51AccountCenter .ps51-data-grid { grid-template-columns:1fr!important; }
  body.ps-v9 #ps51AccountCenter :is(.ps51-kick-card,.ps62-bridge-head,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card) { grid-template-columns:auto minmax(0,1fr)!important; }
  body.ps-v9 #ps51AccountCenter :is(.ps51-kick-card,.ps62-bridge-head,.ps62-device,.ps65-device-card,.ps67-oauth,.ps67-oauth-card)>:last-child { grid-column:1/-1!important; }
}
