/* HYBRI8 Today premium visual layer */
:root{
  --lime:#d7a06c;
  --lime2:#b97745;
  --soft:#f0d0b2;
  --today-copper:#d7a06c;
  --today-copper-bright:#f0c39b;
  --today-copper-deep:#7d4d2f;
  --today-ink:#080d0f;
  --today-panel:rgba(15,21,23,.86);
  --today-line:rgba(240,195,155,.18);
  --today-line-strong:rgba(240,195,155,.34);
  --today-shadow:0 28px 80px rgba(0,0,0,.42);
}

html{background:#060a0c}
body{
  background:
    radial-gradient(circle at 78% -10%,rgba(215,160,108,.19),transparent 34rem),
    radial-gradient(circle at 4% 34%,rgba(128,82,49,.08),transparent 26rem),
    linear-gradient(180deg,#0c1215 0%,#080d0f 38%,#05080a 100%);
  background-attachment:fixed;
}

.topbar{
  position:sticky;
  top:0;
  z-index:30;
  margin:0 -10px;
  padding:0 10px;
  background:linear-gradient(180deg,rgba(6,10,12,.92),rgba(6,10,12,.72),rgba(6,10,12,0));
  -webkit-backdrop-filter:blur(22px) saturate(1.18);
  backdrop-filter:blur(22px) saturate(1.18);
}

.brand{letter-spacing:-.055em}
.brand-mark{
  border:1px solid rgba(240,195,155,.32);
  background:linear-gradient(145deg,#2a1b12,#171311 65%,#101416);
  color:var(--today-copper-bright);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 34px rgba(0,0,0,.32),
    0 0 34px rgba(215,160,108,.12);
}

.live-dot{color:#c8d0cc}
.live-dot i{background:#75d49a;box-shadow:0 0 14px rgba(117,212,154,.72)}
.icon-btn{
  border-color:var(--today-line);
  background:rgba(16,22,24,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

.home-v2-head{position:relative}
.home-v2-head .eyebrow,.eyebrow{color:var(--today-copper-bright)}
.home-state{
  border:1px solid var(--today-line-strong);
  background:rgba(215,160,108,.08);
  color:var(--today-copper-bright);
}
.home-v3-link{color:#c7d0cc}

/* Primary focus hierarchy */
.focus-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--today-line-strong);
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 0,rgba(215,160,108,.16),transparent 24rem),
    linear-gradient(145deg,rgba(24,24,23,.96),rgba(11,17,20,.96) 60%,rgba(8,13,15,.98));
  box-shadow:var(--today-shadow),inset 0 1px 0 rgba(255,255,255,.045);
}
.focus-card::after{
  content:"8";
  position:absolute;
  right:-20px;
  bottom:-84px;
  font-size:260px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.1em;
  color:rgba(240,195,155,.035);
  pointer-events:none;
}
.focus-main{position:relative;z-index:1}
.focus-main h2{
  max-width:16ch;
  font-size:clamp(38px,6vw,64px);
  line-height:.94;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.focus-main>p{max-width:58ch;color:#b6c0bc;line-height:1.55}
.focus-label-row{color:#c6ceca}
.session-type{
  border:1px solid rgba(240,195,155,.28);
  background:rgba(215,160,108,.1);
  color:var(--today-copper-bright);
}
.session-meta span{
  border-color:rgba(240,195,155,.16);
  background:rgba(215,160,108,.055);
}
.primary-btn{
  background:linear-gradient(180deg,var(--today-copper-bright),var(--today-copper));
  color:#17100b;
  box-shadow:0 14px 34px rgba(151,93,52,.18),inset 0 1px 0 rgba(255,255,255,.3);
}
.home-start{min-height:54px;padding-inline:22px}

/* Premium signal cards */
.focus-signals{position:relative;z-index:1}
.signal-card{
  border:1px solid var(--today-line);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(16,23,25,.86),rgba(9,14,16,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.signal-head small{color:var(--today-copper-bright)}
.signal-head strong{letter-spacing:-.025em}
.text-btn{
  color:var(--today-copper-bright);
  border-radius:999px;
  padding:8px 10px;
}
.text-btn:hover{background:rgba(215,160,108,.08)}
.score-ring{
  background:conic-gradient(var(--today-copper) calc(var(--score)*1%),rgba(255,255,255,.075) 0);
  box-shadow:0 0 0 1px rgba(240,195,155,.11),0 16px 38px rgba(0,0,0,.26);
}
.score-ring::after{
  background:radial-gradient(circle at 35% 28%,#192024,#0b1012 72%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.score-ring strong{color:#fff8f2}
.readiness-copy strong{color:#f4f0ec}
.readiness-copy span{color:#a6b0ac}
.goal-signal{
  background:
    radial-gradient(circle at 100% 0,rgba(215,160,108,.12),transparent 12rem),
    linear-gradient(145deg,rgba(18,23,24,.9),rgba(10,15,17,.94));
}
.race-count{color:var(--today-copper-bright)}
.race-meta span{
  border-color:rgba(240,195,155,.14);
  background:rgba(215,160,108,.05);
}
.goal-link{
  color:var(--today-copper-bright);
  border-color:rgba(240,195,155,.18);
  background:rgba(215,160,108,.06);
}

/* Week Brain and coach surfaces */
.week-brain-entry{
  position:relative;
  overflow:hidden;
  border:1px solid var(--today-line-strong);
  border-radius:22px;
  background:
    radial-gradient(circle at 0 0,rgba(215,160,108,.14),transparent 14rem),
    linear-gradient(135deg,rgba(25,23,21,.94),rgba(10,16,18,.96));
  box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
}
.week-brain-entry::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0 54%,rgba(255,255,255,.025) 62%,transparent 70%);
}
.week-brain-icon{
  border:1px solid rgba(240,195,155,.28);
  background:rgba(215,160,108,.08);
  color:var(--today-copper-bright);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.week-brain-copy small,.adaptive-head small,.coach-card small{color:var(--today-copper-bright)}
.week-brain-entry>b{color:var(--today-copper-bright)}

.adaptive-card,.coach-card{
  border-color:var(--today-line);
  background:
    radial-gradient(circle at 100% 0,rgba(215,160,108,.11),transparent 20rem),
    linear-gradient(145deg,rgba(18,23,24,.94),rgba(8,13,15,.97));
  box-shadow:0 20px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
}
.adaptive-head h2{letter-spacing:-.055em;text-wrap:balance}
.adaptive-badge,.confidence-badge{
  border-color:rgba(240,195,155,.2);
  background:rgba(215,160,108,.06);
  color:#d5ddd8;
}
.confidence-badge[data-level="high"]{
  border-color:var(--today-copper);
  background:var(--today-copper);
  color:#17100b;
}
.adaptive-signals span{
  border-color:rgba(240,195,155,.13);
  background:rgba(215,160,108,.045);
}
.confidence-track{background:rgba(255,255,255,.075)}
.confidence-track span{background:linear-gradient(90deg,var(--today-copper-deep),var(--today-copper-bright))}
.adaptive-alt,.explain-toggle{
  border-color:rgba(240,195,155,.18);
  background:rgba(215,160,108,.055);
}
.coach-preview{
  border-color:rgba(240,195,155,.12);
  background:rgba(8,13,15,.54);
  border-radius:16px;
}

/* Intelligence and tactile actions */
.section-head small,.quick-section>small,.intel-card small{color:var(--today-copper-bright)}
.section-head h2{letter-spacing:-.055em;text-wrap:balance}
.intel-card{
  position:relative;
  overflow:hidden;
  border-color:var(--today-line);
  background:
    radial-gradient(circle at 100% 0,rgba(215,160,108,.075),transparent 11rem),
    linear-gradient(145deg,rgba(15,22,24,.9),rgba(8,13,15,.95));
  box-shadow:0 14px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.intel-card:hover{
  transform:translateY(-2px);
  border-color:var(--today-line-strong);
  background:linear-gradient(145deg,rgba(23,25,24,.94),rgba(9,15,17,.97));
  box-shadow:0 18px 44px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
}
.intel-card:active{transform:translateY(0) scale(.992)}
.intel-icon{
  border:1px solid rgba(240,195,155,.16);
  background:rgba(215,160,108,.07);
  color:var(--today-copper-bright);
}
.intel-card b{color:var(--today-copper-bright)}
.quick-grid button{
  min-height:54px;
  border-color:rgba(240,195,155,.14);
  background:linear-gradient(145deg,rgba(16,22,24,.9),rgba(9,14,16,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.quick-grid button:hover{
  border-color:var(--today-line-strong);
  background:rgba(215,160,108,.065);
}
.quick-grid button:active{transform:scale(.985)}
.quick-grid button b{color:var(--today-copper-bright)}
.primary-btn,.adaptive-alt,.explain-toggle,.goal-link,.week-brain-entry,.intel-card,.quick-grid button,.icon-btn{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.primary-btn:active,.adaptive-alt:active,.goal-link:active,.week-brain-entry:active,.icon-btn:active{transform:scale(.985)}