:root{
  --pm-bg:#090c10;
  --pm-surface:#0f141a;
  --pm-surface-soft:#121820;
  --pm-ink:#f5f7f8;
  --pm-copy:#c3cad2;
  --pm-muted:#8d98a7;
  --pm-faint:#606b79;
  --pm-line:#ffffff16;
  --pm-line-strong:#ffffff25;
  --pm-accent:#96edbe;
  --pm-accent-ink:#07120c;
  --pm-blue:#91baff;
  --pm-radius:14px;
  --pm-radius-lg:22px;
  --pm-reading:760px;
  --pm-shadow:0 22px 70px #00000042;
}

/* UI UX Pro Max delta: editorial hierarchy, minimal chrome, preserved identity. */
body{
  background:
    radial-gradient(circle at 50% -160px,#18231e 0,transparent 420px),
    var(--pm-bg);
}
.ambient{display:none!important}
.shell{width:min(1180px,calc(100% - 48px))}
.topbar{
  height:64px;
  border-color:var(--pm-line);
}
.brand{font-size:14px;letter-spacing:-.02em}
.brand-mark{
  width:30px;height:30px;border-radius:8px;
  background:#ffffff05;
  border-color:var(--pm-line-strong);
}
.beta{background:#ffffff05;color:var(--pm-faint);border-color:var(--pm-line)}
.top-link{font-weight:650}

/* HOME — one command surface, value visible in the first viewport. */
.hero{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr);
  gap:clamp(38px,6vw,88px);
  align-items:end;
  padding:72px 0 46px;
}
.hero-copy-block{max-width:580px}
.eyebrow,.section-kicker{letter-spacing:.16em;font-size:10px}
h1{
  max-width:650px;
  margin:14px 0 18px;
  font-size:clamp(46px,5.3vw,72px);
  line-height:.98;
  letter-spacing:-.058em;
}
h1 em{color:#aeb6c1}
.hero-copy{font-size:16px;max-width:570px;line-height:1.7;color:var(--pm-muted)}
.search-card{
  margin:0;
  padding:9px;
  background:linear-gradient(180deg,#141a21,#10151b);
  border-color:var(--pm-line-strong);
  border-radius:var(--pm-radius-lg);
  box-shadow:var(--pm-shadow);
  align-self:end;
}
.username-field{
  min-height:64px;
  border-radius:14px;
  background:#070a0d99;
  border-color:var(--pm-line);
}
.prefix{font-size:13px;color:var(--pm-faint);padding-left:18px}
.username-field input{font-size:18px;font-weight:650;letter-spacing:-.015em}
.search-controls{
  grid-template-columns:112px 126px minmax(170px,1fr);
  margin-top:8px;
}
.search-controls select,.primary-button{
  min-height:48px;
  border-radius:12px;
}
.search-controls select{background:#ffffff06;color:var(--pm-copy)}
.primary-button{
  background:var(--pm-accent);
  color:var(--pm-accent-ink);
  transition:transform 140ms ease,background 140ms ease;
}
.primary-button:hover{transform:translateY(-1px)}
.primary-button:active{transform:translateY(0)}
.search-foot{
  align-items:center;
  padding:11px 5px 2px;
  line-height:1.45;
}
.search-foot span{max-width:310px;text-align:right}
.example-link{color:var(--pm-blue)}

.account-inline{
  grid-column:2;
  margin-top:-34px;
  position:relative;
  z-index:2;
  padding:10px 12px;
  border-radius:12px;
  background:#0c1511;
}
.private-toggle{min-height:34px}
.private-toggle input{width:16px;height:16px}

/* Make the product output feel real, not like a marketing feature grid. */
.example-preview{
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
  gap:clamp(30px,5vw,70px);
  margin:18px 0 52px;
  padding:40px 0 48px;
}
.preview-intro h2{
  max-width:420px;
  font-size:clamp(29px,3.4vw,42px);
  letter-spacing:-.045em;
}
.preview-card{
  padding:clamp(24px,3vw,34px);
  border:1px solid var(--pm-line-strong);
  border-radius:var(--pm-radius-lg);
  background:#10151b;
  box-shadow:0 24px 60px #0003;
}
.preview-card h3{
  max-width:720px;
  font-size:clamp(24px,3vw,34px);
  line-height:1.12;
  letter-spacing:-.04em;
}
.preview-card p{max-width:690px;color:var(--pm-copy)}
.preview-meta span{background:#ffffff05;border:1px solid var(--pm-line)}
.preview-proof{color:var(--pm-muted)}
.value-strip{
  gap:34px;
  margin-bottom:72px;
}
.value-strip div{padding-top:16px}
.value-strip strong{font-size:14px}
.value-strip span{max-width:300px}

/* FEEDBACK — visible state without a blocking modal. */
.status{
  position:relative;
  overflow:hidden;
  margin:12px 0 26px;
  padding:16px 18px 16px 44px;
  background:#10161d;
  color:var(--pm-copy);
  border-color:var(--pm-line-strong);
}
.status:not(.error)::before{
  content:'';
  position:absolute;
  left:18px;top:50%;
  width:9px;height:9px;
  margin-top:-5px;
  border-radius:50%;
  background:var(--pm-accent);
  box-shadow:0 0 0 5px #96edbe12;
  animation:pmPulse 1.6s ease-in-out infinite;
}
.status:not(.error)::after{
  content:'';
  position:absolute;
  left:0;bottom:0;
  width:34%;height:2px;
  background:linear-gradient(90deg,transparent,var(--pm-accent),transparent);
  animation:pmProgress 1.8s ease-in-out infinite;
}
.status.error{padding-left:18px;background:#1b1113;border-color:#ff9d9d35}
@keyframes pmPulse{50%{opacity:.42;transform:scale(.84)}}
@keyframes pmProgress{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}

.pm-toast-region{
  position:fixed;
  right:20px;bottom:20px;
  z-index:1000;
  width:min(380px,calc(100vw - 32px));
  display:grid;gap:8px;
  pointer-events:none;
}
.pm-toast{
  padding:13px 15px;
  border:1px solid var(--pm-line-strong);
  border-radius:12px;
  background:#121820f2;
  color:var(--pm-copy);
  box-shadow:0 18px 48px #0008;
  font-size:13px;
  line-height:1.5;
  pointer-events:auto;
}
.pm-toast.error{border-color:#ff9d9d44;color:#ffc3c3}

/* REPORT — briefing first, details second. Reduce the card-wall effect. */
.report{padding-top:2px}
.report-profile{
  position:sticky;
  top:0;
  z-index:20;
  padding:12px 0;
  background:linear-gradient(180deg,var(--pm-bg) 78%,transparent);
  backdrop-filter:blur(12px);
}
.avatar{width:40px;height:40px;border-radius:10px}
.profile-meta h2{font-size:18px}
.profile-actions .pill{display:none}
.action-button{min-height:34px;display:inline-flex;align-items:center}
.report-story{
  gap:0;
  margin-top:34px;
  border-top:1px solid var(--pm-line);
}
.story-card{
  padding:34px 0;
  border:0;
  border-bottom:1px solid var(--pm-line);
  border-radius:0;
  background:transparent;
}
.story-card.primary{
  padding:44px 0 52px;
  border-color:var(--pm-line);
  background:transparent;
}
.story-card h2{
  max-width:900px;
  font-size:clamp(36px,5vw,58px);
  line-height:1.02;
}
.story-summary{
  max-width:var(--pm-reading);
  margin-top:20px;
  font-size:17px;
  color:var(--pm-copy);
}
.focus-block{
  grid-template-columns:180px minmax(0,var(--pm-reading));
  justify-content:space-between;
  gap:44px;
}
.focus-copy h3{font-size:clamp(26px,3vw,34px)}
.focus-copy p{font-size:14px;color:var(--pm-muted)}
.claim-proof{margin-top:16px}
.confidence{background:#ffffff03}

.report-section{margin-top:56px}
.section-heading{
  align-items:flex-start;
  margin-bottom:20px;
  padding-bottom:13px;
  border-bottom:1px solid var(--pm-line);
}
.section-heading h2{font-size:24px}
.section-heading p{max-width:390px;text-align:right;line-height:1.5}
.project-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px;
}
.project-card{
  min-width:0;
  padding:24px 0 28px;
  border:0;
  border-bottom:1px solid var(--pm-line);
  border-radius:0;
  background:transparent;
}
.project-card h3{font-size:21px;letter-spacing:-.025em}
.project-card>p{max-width:520px;font-size:13px;color:var(--pm-muted)}
.highlight-list li{font-size:13px;color:var(--pm-copy)}
.observation-list{gap:0 32px}
.observation{
  padding:18px 0 22px;
  border:0;
  border-bottom:1px solid var(--pm-line);
  border-radius:0;
  background:transparent;
}

.technical-drawer,.evidence-details{
  margin-top:42px;
  border-radius:14px;
  border-color:var(--pm-line-strong);
  background:#0d1217;
}
.technical-drawer>summary,.evidence-summary{
  min-height:54px;
  display:block;
  padding:18px;
}
.technical-panel{background:#ffffff02}
.evidence{min-width:0;background:transparent}
.evidence-title{min-width:0}
.evidence-title strong,.evidence-title small{overflow-wrap:anywhere}

.history-card{
  margin-top:46px;
  padding:26px 0;
  border-width:1px 0 0;
  border-radius:0;
  background:transparent;
}
.delta-box{background:#0d141a}
.track-cta{margin-top:36px}

/* WORKSPACE — journal before controls. */
.workspace-hero{
  margin:50px 0 34px;
  padding-bottom:26px;
  border-bottom:1px solid var(--pm-line);
}
.workspace-title{font-size:clamp(42px,5vw,62px)}
.workspace-overview{
  grid-template-columns:1.4fr .8fr .8fr;
  gap:0 30px;
  margin-bottom:54px;
}
.workspace-primary-card,.workspace-summary-card{
  min-width:0;
  padding:22px 0 26px;
  border:0;
  border-bottom:1px solid var(--pm-line);
  border-radius:0;
  background:transparent;
}
.workspace-primary-card{border-bottom-color:#96edbe45}
.workspace-primary-card h2{font-size:27px}
.workspace-summary-card strong{font-size:17px}
.workspace-section{
  margin-top:42px;
  padding:0;
  border:0;
  border-top:1px solid var(--pm-line);
  border-radius:0;
  background:transparent;
}
.workspace-section-head{
  align-items:flex-start;
  padding:22px 0 16px;
  margin:0;
}
.workspace-history-columns{gap:30px}
.workspace-list-panel{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.workspace-list-row{padding:14px 0}
.workspace-form{
  padding:22px;
  border:1px solid var(--pm-line);
  border-radius:var(--pm-radius-lg);
  background:var(--pm-surface);
}
.workspace-field input,.workspace-field select{
  min-height:46px;
  background:#080c10;
  border-color:var(--pm-line-strong);
}
.workspace-primary-button{min-height:44px;border-radius:11px}
.workspace-settings{
  margin-top:46px;
  background:transparent;
}
.workspace-settings>summary{min-height:52px}
.workspace-settings-body{padding:0 16px 16px}
.workspace-settings-card{background:#ffffff02}

/* Long content and robust state handling. */
.project-card,.story-card,.workspace-primary-card,.workspace-summary-card,.workspace-list-row,.repo-row,.evidence{
  overflow-wrap:anywhere;
}
button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.55}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
  outline:2px solid var(--pm-blue)!important;
  outline-offset:3px!important;
}

@media(max-width:980px){
  .hero{grid-template-columns:1fr;gap:28px;padding:56px 0 34px}
  .hero-copy-block{max-width:760px}
  .search-card{max-width:760px;width:100%}
  .account-inline{grid-column:auto;margin-top:-14px;max-width:760px}
  .example-preview{grid-template-columns:1fr;gap:22px}
  .preview-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}
  .preview-intro p{align-self:end}
  .workspace-overview{grid-template-columns:1fr 1fr}
  .workspace-primary-card{grid-column:1/-1}
}

@media(max-width:760px){
  .shell{width:min(100% - 28px,1180px)}
  .topbar{height:58px}
  .beta{display:none}
  .hero{padding:42px 0 28px}
  h1{font-size:clamp(40px,12vw,56px)}
  .hero-copy{font-size:15px}
  .search-card{padding:7px;border-radius:17px}
  .username-field{min-height:58px}
  .search-controls{grid-template-columns:1fr 1fr}
  .search-controls .primary-button{grid-column:1/-1}
  .search-foot{align-items:flex-start;flex-direction:column;gap:7px}
  .search-foot span{text-align:left;max-width:none}
  .account-inline{align-items:flex-start;flex-wrap:wrap;margin-top:10px}
  .private-toggle{margin-left:0;width:100%}
  .account-actions{margin-left:auto}
  .example-preview{margin-top:8px;padding-top:30px}
  .preview-intro{display:block}
  .preview-intro p{margin-top:10px}
  .preview-card{padding:20px}
  .value-strip{grid-template-columns:1fr;gap:20px;margin-bottom:48px}
  .value-strip div{padding-top:13px}
  .report-profile{position:static;align-items:flex-start;flex-wrap:wrap;background:transparent;backdrop-filter:none}
  .profile-actions{width:100%;padding-left:52px}
  .story-card.primary{padding:32px 0 38px}
  .story-card h2{font-size:clamp(32px,10vw,44px)}
  .focus-block{grid-template-columns:1fr;gap:15px}
  .section-heading{display:block}
  .section-heading p{text-align:left;margin-top:7px}
  .project-grid,.observation-list{grid-template-columns:1fr}
  .technical-content{grid-template-columns:1fr}
  .technical-panel.full{grid-column:auto}
  .repo-row{align-items:flex-start;flex-direction:column;gap:4px}
  .repo-row span{text-align:left}
  .evidence{grid-template-columns:30px minmax(0,1fr)}
  .evidence-kind{grid-column:2}
  .history-strip{grid-template-columns:1fr}
  .delta-item{grid-template-columns:1fr;gap:5px}
  .workspace-hero{margin-top:34px}
  .workspace-overview,.workspace-history-columns,.workspace-settings-body{grid-template-columns:1fr}
  .workspace-primary-card{grid-column:auto}
  .workspace-form{padding:16px}
  .pm-toast-region{right:14px;bottom:14px;width:calc(100vw - 28px)}
}

@media(max-width:420px){
  .shell{width:min(100% - 22px,1180px)}
  .top-actions{gap:2px}
  .top-link{padding:6px 7px}
  .search-controls{grid-template-columns:1fr}
  .search-controls .primary-button{grid-column:auto}
  .preview-card-top{align-items:flex-start;flex-direction:column;gap:4px}
  .profile-actions{padding-left:0}
  .work-row{grid-template-columns:72px minmax(0,1fr) 34px}
}

@media(prefers-reduced-motion:reduce){
  .primary-button{transition:none}
  .status:not(.error)::before,.status:not(.error)::after{animation:none}
}