:root{
  --bg:#07130f; --panel:#0d1d17; --panel2:#102921; --text:#edf8f0; --muted:#a7c6b5;
  --green:#77ff9a; --blue:#78d7ff; --yellow:#ffe17a; --red:#ff7b8f; --line:rgba(255,255,255,.12);
  --shadow:0 22px 70px rgba(0,0,0,.35); --radius:28px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(120,215,255,.18),transparent 32%),radial-gradient(circle at 85% 10%,rgba(119,255,154,.16),transparent 25%),var(--bg);color:var(--text);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} 
a{color:var(--blue)} code{background:rgba(255,255,255,.08);padding:.12rem .35rem;border-radius:8px;color:#dff}
.nav{position:sticky;top:0;z-index:10;display:flex;gap:.7rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:.8rem;background:rgba(7,19,15,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav a,.ghost{border:1px solid var(--line);color:var(--text);text-decoration:none;border-radius:999px;padding:.55rem .9rem;background:rgba(255,255,255,.04);font-weight:700}.nav a:hover,.ghost:hover{background:rgba(120,215,255,.12)}
.hero{min-height:88vh;padding-bottom:4rem}.hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.45fr .8fr;gap:1.4rem;padding:7rem 1.1rem 2rem;align-items:stretch}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--green);font-weight:900;font-size:.78rem}h1{font-size:clamp(3rem,8vw,7.8rem);line-height:.86;margin:.2rem 0 1.2rem;letter-spacing:-.08em}h2{font-size:clamp(2rem,4vw,4rem);line-height:.95;margin:.2rem 0 1rem;letter-spacing:-.05em}h3{font-size:1.45rem;margin:.4rem 0 .7rem}h4{margin:1.05rem 0 .25rem;color:var(--green)}.lead{font-size:1.35rem;color:var(--muted);max-width:760px}.hero-actions,.log-actions,.timer-controls{display:flex;gap:.7rem;flex-wrap:wrap}.button{appearance:none;border:1px solid var(--line);background:#163329;color:var(--text);padding:.8rem 1rem;border-radius:16px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button:hover{transform:translateY(-1px);background:#1f4638}.button.primary{background:linear-gradient(135deg,var(--green),var(--blue));color:#06130f;border:0}.button.small{padding:.55rem .75rem;border-radius:13px;font-size:.9rem}.today-card,.panel,.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.today-card{padding:1.4rem;transform:rotate(1.2deg)}.checklist{list-style:none;padding:0;margin:0}.checklist li{margin:.65rem 0}.checklist input{accent-color:var(--green)}.compact li{padding:.55rem;border-radius:14px;background:rgba(255,255,255,.04)}.tiny{font-size:.85rem;color:var(--muted)}main{max-width:1180px;margin:0 auto;padding:0 1.1rem 4rem}.panel{padding:1.4rem;margin:1.3rem 0}.section-heading{max-width:850px}.section-heading p{color:var(--muted)}.state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.state{text-align:left;border:1px solid var(--line);border-radius:22px;padding:1.1rem;background:linear-gradient(135deg,rgba(120,215,255,.12),rgba(119,255,154,.08));color:var(--text);cursor:pointer;min-height:130px}.state span{display:block;color:var(--muted);font-weight:700}.state b{display:block;font-size:1.35rem;line-height:1.1;margin-top:.5rem}.state:hover{outline:2px solid rgba(119,255,154,.35);transform:translateY(-2px)}.active-practice{background:linear-gradient(135deg,rgba(119,255,154,.12),rgba(120,215,255,.10))}.meta{color:var(--muted);font-weight:700}.practice-body{display:grid;grid-template-columns:1fr 220px;gap:1rem}.practice-body ol{font-size:1.08rem}.timer-box{border:1px solid var(--line);border-radius:22px;padding:1rem;text-align:center;align-self:start;background:rgba(0,0,0,.22)}#timerDisplay{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:950;letter-spacing:-.05em}.log-label{display:block;margin-top:1rem;font-weight:900}textarea{width:100%;min-height:115px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.25);color:var(--text);padding:1rem;font:inherit}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{padding:1.15rem;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--green),var(--blue));opacity:.9}.card.quarantine:before{background:linear-gradient(90deg,var(--red),var(--yellow))}.card-head{display:flex;justify-content:space-between;gap:.7rem;color:var(--muted);font-size:.85rem;font-weight:800}.badge{border-radius:999px;padding:.2rem .55rem;color:#07130f;font-weight:950}.badge.good{background:var(--green)}.badge.caution{background:var(--yellow)}.badge.info{background:var(--blue)}.badge.danger{background:var(--red)}.warning{border-left:4px solid var(--yellow);padding:.65rem .8rem;background:rgba(255,225,122,.08);border-radius:10px}.routine-grid,.source-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.routine-grid>div,.source-columns>div,.log-item{border:1px solid var(--line);border-radius:20px;padding:1rem;background:rgba(255,255,255,.04)}.log-list{display:grid;gap:.75rem}.log-item time{display:block;color:var(--green);font-weight:900}.sources li{margin:.45rem 0}footer{max-width:1180px;margin:0 auto 2rem;padding:1rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line)}
.flash{animation:flash .9s ease-in-out 2}@keyframes flash{50%{outline:4px solid var(--yellow);background:rgba(255,225,122,.12)}}
/* Horizontal practice-card rail: landscape cards instead of a vertical grid. */
.cards{display:flex!important;flex-flow:row nowrap!important;gap:1rem;overflow-x:auto!important;overflow-y:visible;scroll-snap-type:x proximity;padding:.25rem .2rem 1rem;grid-template-columns:none!important}.card{flex:0 0 min(780px,86vw);scroll-snap-align:start;min-height:430px}.feature-card{flex-basis:min(880px,90vw);background:linear-gradient(135deg,rgba(119,255,154,.13),rgba(120,215,255,.10))}.card ol,.card ul{padding-left:1.25rem}.card h4{display:inline-block;margin-right:.5rem}.cards::-webkit-scrollbar{height:12px}.cards::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}.cards::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--green),var(--blue));border-radius:999px}
@media (max-width:900px){.hero-grid,.practice-body,.routine-grid,.source-columns{grid-template-columns:1fr}.state-grid{grid-template-columns:1fr}.cards{display:flex!important;flex-flow:row nowrap!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory}.card{flex:0 0 86vw!important;min-height:430px}.feature-card{flex-basis:90vw!important}.hero-grid{padding-top:3rem}h1{font-size:4rem}.today-card{transform:none}footer{display:block}.nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.nav a,.ghost{white-space:nowrap}}