:root{--m-copper:#c9784a;--m-copper-hi:#efa06d;--m-bronze:#8f5638;--m-ink:#071016;--m-panel:rgba(10,20,27,.82);--m-line:rgba(239,160,109,.18);--m-text:#f7f2ec;--m-muted:#9eabb3}.mental-page{min-height:100dvh;background:radial-gradient(circle at 16% -6%,rgba(201,120,74,.2),transparent 34rem),radial-gradient(circle at 88% 22%,rgba(143,86,56,.08),transparent 28rem),linear-gradient(180deg,#071016 0%,#08131a 48%,#050b10 100%);color:var(--m-text)}.mental-page .shell{max-width:1040px;padding-bottom:calc(112px + env(safe-area-inset-bottom))}.mental-page .top{position:sticky;top:0;z-index:8;margin-inline:-10px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px;background:linear-gradient(180deg,rgba(7,16,22,.96),rgba(7,16,22,.72) 72%,transparent);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.mental-page .brand .mark{box-shadow:0 0 0 1px rgba(239,160,109,.3),0 8px 28px rgba(201,120,74,.2)}.mental-page .hero{padding-top:28px}.mental-page .hero h1{max-width:760px;font-size:clamp(2.8rem,8vw,5.6rem);line-height:.94;letter-spacing:-.055em}.mental-page .hero p{max-width:680px;color:#b9c4ca}.mental-page .kicker{color:var(--m-copper-hi);letter-spacing:.16em}.mental-page .card{border:1px solid var(--m-line);background:linear-gradient(180deg,rgba(16,29,37,.9),rgba(8,18,24,.84));box-shadow:0 20px 64px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mental-page .grid.two>.card{position:relative;overflow:hidden;gap:14px;padding:22px;border-radius:24px}.mental-page .grid.two>.card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,160,109,.55),transparent)}.mental-page .grid.two>.card h2{margin:2px 0 4px;font-size:clamp(1.55rem,3vw,2.05rem);letter-spacing:-.035em}.mental-page .select{min-height:54px;border:1px solid rgba(239,160,109,.16);border-radius:15px;background:rgba(5,13,18,.8);color:var(--m-text);font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.mental-page .btn{min-height:52px;border-radius:15px;font-weight:800;letter-spacing:-.014em;transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease}.mental-page .btn:not(.secondary){background:linear-gradient(135deg,#b66a40,var(--m-copper-hi));color:#160b07;border:1px solid rgba(255,221,198,.22);box-shadow:0 12px 30px rgba(201,120,74,.2),inset 0 1px 0 rgba(255,255,255,.2)}.mental-page .btn.secondary{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);color:#eef2f4}.mental-page .btn:active{transform:translateY(1px) scale(.985)}.mental-page #historyState{display:inline-flex;align-items:center;min-height:42px;padding:10px 13px;border:1px solid rgba(239,160,109,.12);border-radius:14px;background:rgba(201,120,74,.055);color:#c8d1d6}.mental-page #player{position:relative;overflow:hidden;padding:clamp(22px,5vw,38px);border-radius:28px;background:radial-gradient(circle at 50% 32%,rgba(201,120,74,.15),transparent 17rem),linear-gradient(180deg,rgba(15,28,35,.94),rgba(6,15,20,.93))}.mental-page #player:before{content:"";position:absolute;inset:0;border:1px solid rgba(239,160,109,.16);border-radius:inherit;pointer-events:none}.mental-page #player>.row:first-child{align-items:flex-start}.mental-page #cueTitle{margin:8px 0 0;font-size:clamp(1.9rem,5vw,3.2rem);line-height:1;letter-spacing:-.045em}.mental-page #counter{padding:9px 12px;border:1px solid rgba(239,160,109,.18);background:rgba(201,120,74,.08);color:#f0c0a0;font-weight:800}.mental-page #timer{display:grid;place-items:center;width:min(52vw,250px);aspect-ratio:1;margin:24px auto 20px;border:1px solid rgba(239,160,109,.22);border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(239,160,109,.09),rgba(7,16,22,.75) 58%);box-shadow:0 0 0 10px rgba(201,120,74,.025),0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);font-size:clamp(3rem,10vw,5.6rem);font-weight:900;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.mental-page #cue{max-width:680px;margin:0 auto 26px!important;text-align:center;color:#d3dadd}.mental-page #player>.row:last-child{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px}.mental-page #player>.row:last-child .btn{width:100%}.mental-page #complete{position:relative;overflow:hidden;padding:clamp(24px,5vw,36px);border-radius:28px;background:radial-gradient(circle at 88% 6%,rgba(201,120,74,.16),transparent 18rem),linear-gradient(180deg,rgba(15,28,35,.94),rgba(7,16,22,.9))}.mental-page #complete:before{content:"✓";position:absolute;right:22px;top:18px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(239,160,109,.2);border-radius:50%;background:rgba(201,120,74,.1);color:var(--m-copper-hi);font-weight:900}.mental-page #completeTitle{max-width:720px;margin:10px 0 8px;font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:-.045em}.mental-page #completeCopy{max-width:680px;color:#b9c4ca}.mental-page #mentalFeedback{margin-top:24px;padding-top:20px;border-top:1px solid rgba(239,160,109,.12)}.mental-page #mentalFeedback>p{font-weight:800;letter-spacing:-.015em}.mental-page #mentalFeedback .quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mental-page #completeState{margin-top:18px;padding:13px 14px;border:1px solid rgba(239,160,109,.13);border-radius:14px;background:rgba(201,120,74,.06);color:#c7d0d5}.mental-page #completeState.success{border-color:rgba(132,211,160,.24);background:rgba(64,138,90,.1);color:#d3f0dc}.mental-page #completeState.warning{border-color:rgba(240,178,90,.25);background:rgba(162,104,34,.1);color:#f3d8ae}.mental-page :is(.btn,.select,.back){-webkit-tap-highlight-color:transparent}.mental-page :is(.btn,.select,.back):focus-visible{outline:2px solid var(--m-copper-hi);outline-offset:3px}.mental-page .btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.mental-page .select:focus{border-color:rgba(239,160,109,.45);box-shadow:0 0 0 4px rgba(201,120,74,.08)}@media (hover:hover){.mental-page .grid.two>.card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mental-page .grid.two>.card:hover{transform:translateY(-2px);border-color:rgba(239,160,109,.28);box-shadow:0 26px 72px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)}.mental-page .btn:hover{filter:brightness(1.06)}.mental-page .back:hover{color:var(--m-copper-hi)}}@media (max-width:720px){.mental-page .shell{padding-inline:15px}.mental-page .hero{padding-top:14px}.mental-page .hero h1{font-size:clamp(2.65rem,14vw,4.4rem)}.mental-page .grid.two{grid-template-columns:1fr!important}.mental-page .grid.two>.card{border-radius:22px;padding:18px}.mental-page #player,.mental-page #complete{border-radius:24px;padding:20px}.mental-page #timer{width:min(64vw,230px);margin-block:20px 18px}.mental-page #player>.row:last-child{grid-template-columns:1fr 1fr}.mental-page #toggle{grid-column:1/-1;grid-row:1}.mental-page #mentalFeedback .quick-actions{grid-template-columns:1fr}.mental-page .btn{min-height:54px}}@media (max-width:380px){.mental-page .shell{padding-inline:11px}.mental-page #player>.row:first-child{align-items:flex-start;gap:8px}.mental-page #counter{padding:7px 9px}.mental-page #timer{width:min(70vw,220px)}}@media (prefers-reduced-motion:reduce){.mental-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.mental-page .btn:active{transform:none}}@media (prefers-contrast:more){.mental-page .card,.mental-page .select,.mental-page .btn.secondary,.mental-page #counter{border-color:rgba(255,255,255,.32)}.mental-page .kicker{color:#ffc8a4}.mental-page .btn:not(.secondary){border-color:rgba(255,255,255,.36)}}

/* MENTAL DESKTOP WORKSPACE X7 — wider guided-player canvas, mobile flow unchanged */
@media (min-width:1180px){
  .mental-page .shell{max-width:none;width:min(1180px,calc(100% - 180px));padding-bottom:56px}
  .mental-page .hero{padding:34px 36px}
  .mental-page .grid.two{gap:18px}
  .mental-page #player{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px 22px;align-items:center;padding:28px}
  .mental-page #player>.row:first-child{grid-column:1;grid-row:1}
  .mental-page #cue{grid-column:1;grid-row:2;margin:0}
  .mental-page #timer{grid-column:2;grid-row:1/span 2;margin:0;align-self:stretch;display:grid;place-items:center;min-height:210px}
  .mental-page #player>.row:last-child{grid-column:1/-1;grid-row:3}
  .mental-page #complete{padding:28px}
}


/* MENTAL COACH DESKTOP WORKSPACE X10 — decision workspace, mobile chronology unchanged */
@media (min-width:1180px){
  .mental-coach-page .shell{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
  .mental-coach-page .top,.mental-coach-page .hero{grid-column:1/-1}
  .mental-coach-page .mental-coach-inputs{grid-column:span 5;grid-row:3/span 2;margin-top:0!important;position:sticky;top:96px;align-self:start}
  .mental-coach-page .mental-coach-result{grid-column:span 7;grid-row:3;margin-top:0!important;min-height:100%}
  .mental-coach-page .mental-coach-breath{grid-column:span 4;grid-row:4;margin-top:0!important}
  .mental-coach-page .mental-coach-consistency{grid-column:span 3;grid-row:4;margin-top:0!important}
  .mental-coach-page .mental-coach-result,.mental-coach-page .mental-coach-breath,.mental-coach-page .mental-coach-consistency{padding:24px}
}
@media (min-width:1180px) and (max-height:760px){
  .mental-coach-page .mental-coach-inputs{position:static}
}
@media (max-width:720px){
  .mental-coach-page .shell{display:block}
  .mental-coach-page .btn{width:100%;min-height:50px}
}