:root{
  --st-bg:#0E1410;
  --st-surface:#1A2520;
  --st-text:#F4EFE6;
  --st-muted:#8B9A8E;
  --st-gold:#C9A961;
  --st-fairway:#3D5A47;
  --st-clay:#A85A3D;
  --st-serif:'Playfair Display',Georgia,serif;
}
body.posture-stillpoint{
  background:var(--st-bg);
  color:var(--st-text);
}
body.posture-stillpoint .hero-image,
body.posture-stillpoint .hero{display:none}
body.posture-stillpoint .top-nav-inner{
  background:rgba(14,20,16,.92);
  border-color:rgba(201,169,97,.26);
}
body.posture-stillpoint .nav-btn.active{
  background:var(--st-gold);
  color:#0E1410;
}
.btn-stillpoint{
  background:var(--st-gold);
  color:#0E1410;
  font-weight:800;
}
.hero .btn-stillpoint,
.hero .btn-primary{
  min-height:56px;
  padding-inline:22px;
}
.st-screen{
  min-height:calc(100vh - 96px);
  padding:18px 0 70px;
}
.st-landing{
  display:grid;
  gap:24px;
  justify-items:center;
  text-align:center;
  max-width:560px;
  margin:0 auto;
}
.st-eyebrow{
  font-family:var(--font-mono);
  color:var(--st-muted);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
}
.st-breath-circle{
  width:min(68vw,260px);
  aspect-ratio:1;
  border:1px solid rgba(201,169,97,.42);
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:24px;
  color:var(--st-gold);
  font-family:var(--st-serif);
  font-size:26px;
  line-height:1.18;
  animation:stBreathe 16s cubic-bezier(.4,0,.2,1) infinite;
  box-shadow:0 0 0 18px rgba(201,169,97,.04);
}
@keyframes stBreathe{
  0%,100%{transform:scale(.96)}
  25%{transform:scale(1.06)}
  50%{transform:scale(1.06)}
  88%{transform:scale(.96)}
}
.st-primary{
  width:100%;
  min-height:80px;
  border:none;
  border-radius:12px;
  background:var(--st-gold);
  color:#0E1410;
  font-weight:800;
  cursor:pointer;
}
.st-calm-actions{
  width:100%;
  display:grid;
  gap:2px;
  border-block:1px solid rgba(201,169,97,.16);
}
.st-quiet-action{
  min-height:58px;
  border:none;
  border-bottom:1px solid rgba(201,169,97,.12);
  background:transparent;
  color:var(--st-text);
  text-align:left;
  font-family:var(--st-serif);
  font-size:21px;
  cursor:pointer;
}
.st-quiet-action:last-child{border-bottom:none}
.st-secondary-row{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.st-tile,.st-card{
  border:1px solid rgba(201,169,97,.22);
  background:var(--st-surface);
  color:var(--st-text);
  border-radius:8px;
  padding:18px;
  min-height:112px;
  text-align:left;
  cursor:pointer;
}
.st-tile strong,.st-card strong{
  display:block;
  color:var(--st-gold);
  font-family:var(--st-serif);
  font-size:22px;
  line-height:1.1;
}
.st-tile span,.st-card span{display:block;color:var(--st-muted);font-size:13px;margin-top:8px}
.st-link{
  border:none;
  background:transparent;
  color:var(--st-muted);
  text-decoration:underline;
  cursor:pointer;
}
.st-float{
  position:absolute;
  top:14px;
  left:16px;
  width:auto;
  height:40px;
  min-width:86px;
  border-radius:999px;
  border:1px solid rgba(201,169,97,.34);
  background:rgba(201,169,97,.10);
  color:#5f522d;
  font-size:12px;
  font-family:var(--font-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  z-index:5;
}
.st-float::after{content:'Reset';font-size:12px}
.st-float{font-size:0}
.st-float.active{
  background:rgba(201,169,97,.18);
  color:#3f361e;
}
@keyframes stPulse{50%{box-shadow:0 0 0 10px rgba(201,169,97,.16)}}
.hole-bar{position:relative}
.st-modal{
  position:fixed;
  inset:0;
  z-index:90;
  display:none;
  background:rgba(14,20,16,.96);
  color:var(--st-text);
  padding:22px;
}
.st-modal.active{display:grid}
.st-modal-inner{
  width:min(680px,100%);
  margin:auto;
  display:grid;
  gap:18px;
}
.st-stage-title{
  font-family:var(--st-serif);
  font-size:clamp(32px,9vw,52px);
  line-height:1.04;
}
.st-stage-copy{color:var(--st-muted);font-size:16px}
.st-options{display:grid;gap:12px}
.st-option{
  border:1px solid rgba(201,169,97,.25);
  background:var(--st-surface);
  color:var(--st-text);
  border-radius:8px;
  padding:18px;
  min-height:64px;
  text-align:left;
  cursor:pointer;
}
.st-option.selected{border-color:var(--st-gold);box-shadow:inset 0 0 0 1px var(--st-gold)}
.st-input,.st-textarea{
  width:100%;
  border:1px solid rgba(201,169,97,.25);
  background:#111914;
  color:var(--st-text);
  border-radius:8px;
  padding:14px;
}
.st-textarea{min-height:140px;resize:vertical}
.st-sheet{
  position:fixed;
  inset:auto 0 0;
  z-index:80;
  display:none;
  min-height:58vh;
  max-height:92vh;
  overflow:auto;
  background:var(--st-bg);
  color:var(--st-text);
  border-radius:16px 16px 0 0;
  box-shadow:0 -24px 80px rgba(0,0,0,.42);
  padding:26px 18px 34px;
}
.st-sheet.active{display:block}
.st-sheet-inner{max-width:680px;margin:0 auto;display:grid;gap:20px}
.st-thought{
  font-family:var(--st-serif);
  color:var(--st-gold);
  font-size:34px;
  line-height:1.08;
}
.st-action{
  width:100%;
  min-height:80px;
  border:none;
  border-radius:10px;
  background:var(--st-gold);
  color:#0E1410;
  font-weight:800;
}
.st-sheet-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.st-action.secondary{background:var(--st-fairway);color:var(--st-text)}
.st-action.ghost{background:transparent;color:var(--st-muted);border:1px solid rgba(139,154,142,.45);min-height:60px}
.st-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.st-stat{background:var(--st-surface);border:1px solid rgba(201,169,97,.2);border-radius:8px;padding:14px}
.st-stat strong{display:block;color:var(--st-gold);font-family:var(--st-serif);font-size:28px}
.st-stat span{display:block;color:var(--st-muted);font-size:12px}
body.glare-mode .st-sheet{
  background:#000;
  color:#fff;
  font-size:115%;
}
body.glare-mode .st-muted,body.glare-mode .st-stage-copy{color:#fff}
@media(max-width:560px){
  .st-secondary-row,.st-stat-grid,.st-sheet-actions{grid-template-columns:1fr}
}
