/* FocusDay 2026 — warm editorial redesign */
:root {
    --bg-void:#f3efe6; --navy-deep:#1d1c2f; --navy-glow:#2d2b55;
    --glass-base:rgba(255,255,255,.72); --glass-card:rgba(255,255,255,.86); --glass-elevated:#fffdf8;
    --glass-border:rgba(38,34,67,.12); --glass-border-light:rgba(38,34,67,.18);
    --text-primary:#232136; --text-secondary:#555167; --text-muted:#777286;
    --gym:#198f72; --gym-rgb:25,143,114; --read:#3155c6; --read-rgb:49,85,198;
    --wake:#e1633f; --wake-rgb:225,99,63; --mscript:#8057b8; --mscript-rgb:128,87,184;
    --focus:#e14b64; --focus-rgb:225,75,100; --perfect:#b17b12;
    --radius-xl:28px; --radius-lg:22px; --radius-md:16px;
    --shadow-smooth:0 18px 48px rgba(45,38,69,.10);
}
html { background:#f3efe6; }
body {
    background:radial-gradient(circle at 8% 4%,rgba(255,123,82,.17),transparent 28rem),radial-gradient(circle at 93% 20%,rgba(75,93,214,.14),transparent 30rem),#f3efe6;
    color:var(--text-primary);
}
body::before { opacity:.5; background-image:radial-gradient(rgba(48,43,74,.15) .7px,transparent .7px); background-size:18px 18px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
body.modal-open { overflow:hidden; }
#tessellationCanvas { opacity:.08; filter:saturate(.2) sepia(.3); }
.wrap { max-width:1440px; padding-inline:clamp(18px,4vw,64px); }

/* Editorial masthead */
body > header { position:relative; margin:0 0 34px; padding:40px 0 32px; overflow:hidden; color:#fffdf8; background:#24213d; border-bottom:8px solid #ff7855; }
body > header::after { content:""; position:absolute; width:420px; height:420px; right:-120px; top:-230px; border:70px solid rgba(124,139,255,.2); border-radius:50%; }
.brand-lockup-futuristic { position:relative; z-index:1; }
.brand-container-futuristic { justify-content:flex-start; min-height:auto; gap:18px; }
.brand-hero-icon,.bhi-svg { width:58px; height:58px; }
.bhi-pulse,.bc-corner,.hud-divider,.bhi-orbit { display:none!important; }
.brand-title-text { color:#fffdf8!important; font-family:'Space Grotesk',sans-serif!important; font-size:clamp(2.15rem,5vw,4.6rem)!important; font-weight:600!important; letter-spacing:-.065em!important; text-shadow:none!important; }
.brand-tagline { justify-content:flex-start; gap:9px; }
.tagline-label { color:#ffb49f!important; font:600 .67rem 'Inter',sans-serif!important; letter-spacing:.16em!important; }
.tagline-rule { width:24px!important; background:#ff7855!important; }
.stats-bar { position:relative; z-index:2; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin-top:28px; }
.sbar-pill { min-height:92px; padding:16px!important; clip-path:none!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:15px!important; background:rgba(255,255,255,.075)!important; box-shadow:none!important; filter:none!important; text-align:left!important; }
.sbar-pill:hover { transform:translateY(-3px)!important; background:rgba(255,255,255,.12)!important; filter:none!important; }
.sbar-pos { color:rgba(255,255,255,.35)!important; }
.sbar-pill .pv { color:#fff!important; font-family:'Space Grotesk',sans-serif!important; text-shadow:none!important; }
.sbar-pill .pl { color:rgba(255,255,255,.62)!important; }
.wow-badge { border-radius:999px!important; }
.month-stats-panel { background:#fffdf8!important; color:var(--text-primary)!important; }
.geo-time-widget { top:18px!important; right:22px!important; color:#24213d!important; border:1px solid rgba(36,33,61,.12)!important; border-radius:999px!important; background:#fffdf8!important; box-shadow:0 12px 30px rgba(16,12,33,.2)!important; }
.gt-time,.gt-city { color:#24213d!important; text-shadow:none!important; }
.gt-date,.gt-coords { color:#716a7e!important; }
.logout-btn,.command-palette-fab,.icon-fab { border-color:rgba(36,33,61,.12)!important; border-radius:14px!important; background:#fffdf8!important; color:#403a59!important; box-shadow:0 12px 28px rgba(45,38,69,.13)!important; }

/* Unified workspace card language */
.timeline-container,.daily-task-widget,.week-block { border:1px solid rgba(43,37,66,.12)!important; border-radius:22px!important; background:rgba(255,253,248,.9)!important; box-shadow:var(--shadow-smooth)!important; color:var(--text-primary)!important; }
.timeline-container { padding:26px!important; border-left:1px solid rgba(43,37,66,.12)!important; }
.timeline-container::before { background:none!important; }
.timeline-container::after { width:90px!important; height:5px!important; right:26px!important; background:#ff7855!important; box-shadow:none!important; }
.timeline-title { color:#312d49!important; font:700 .72rem 'Inter',sans-serif!important; letter-spacing:.12em!important; }
.timeline-title::before { background:#ff7855!important; box-shadow:none!important; }
.timeline-status { border-color:rgba(49,85,198,.16)!important; background:#eef1ff!important; color:#3155c6!important; }
.tl-bar-wrap { background:#ece7dc!important; border:none!important; }
.tl-bar { box-shadow:none!important; }
.tl-indicator { box-shadow:0 0 0 4px rgba(255,255,255,.8)!important; }
.tl-tick { color:#777286!important; }
.wc-lbl { color:#777286!important; font:700 .58rem 'Inter',sans-serif; letter-spacing:.13em; }
.wc-val { color:#24213d!important; background:none!important; }
.wc-sub { color:#777286; opacity:1; }
.widgets-toggle-btn { background:#24213d!important; color:#fff!important; border:0!important; box-shadow:none!important; }
.widgets-toggle-icon { background:rgba(255,255,255,.1)!important; border:0!important; color:#ffb49f!important; }
.cd-card { background:#fffdf8!important; box-shadow:var(--shadow-smooth)!important; }
.daily-task-widget { padding:24px!important; }
.dtw-task { background:#f6f2e9!important; border-color:rgba(43,37,66,.1)!important; border-radius:15px!important; }
.dtw-body input { color:#24213d!important; }
.dtw-done { background:#fffdf8!important; border-color:rgba(43,37,66,.14)!important; }
.points-widget { border:0!important; border-radius:22px!important; background:#24213d!important; color:#fffdf8!important; box-shadow:var(--shadow-smooth)!important; }
.points-widget h2,.points-widget .pw-score,.points-widget .pw-rule strong,.points-widget .pw-stat span { color:#fffdf8!important; }
.pw-main,.pw-breakdown,.pw-stats,.pw-scenarios,.pw-scenario-stats { border-color:rgba(255,255,255,.1)!important; background:rgba(255,255,255,.055)!important; }
.pw-icon { background:#ff7855!important; color:#fff!important; }
.intel-row { gap:14px; margin-bottom:34px; }
.intel-card { min-height:104px; padding:18px 20px!important; border:0!important; border-radius:18px!important; background:#3155c6!important; color:#fff!important; box-shadow:0 16px 34px rgba(49,85,198,.18)!important; }
.intel-card.ic-work { background:#e1633f!important; box-shadow:0 16px 34px rgba(225,99,63,.18)!important; }
.intel-card:hover { transform:translateY(-3px); filter:brightness(1.04); }
.intel-icon { background:rgba(255,255,255,.14)!important; }
.intel-card i,.intel-label,.intel-card .val { color:#fff!important; }
.intel-note,.intel-card .total { color:rgba(255,255,255,.68)!important; }
.mini-bar { background:rgba(255,255,255,.2)!important; } .mini-bar-fill { background:#fff!important; box-shadow:none!important; }
.section-title { color:#24213d!important; font-family:'Space Grotesk',sans-serif!important; letter-spacing:-.03em!important; }
.nav-btn,.nav-range { border-color:rgba(43,37,66,.12)!important; background:#fffdf8!important; color:#403a59!important; box-shadow:none!important; }
.week-block { overflow:hidden; border-left:1px solid rgba(43,37,66,.12)!important; }
.week-head { background:#f6f2e9!important; border-bottom-color:rgba(43,37,66,.1)!important; }
.wh-week-number { color:#3155c6!important; border-color:rgba(49,85,198,.2)!important; background:#edf0ff!important; text-shadow:none!important; }
.day-card { background:#fffdf8!important; border-color:rgba(43,37,66,.1)!important; color:#24213d!important; }
.day-card.is-today { box-shadow:inset 0 0 0 2px #3155c6!important; }
.day-card.is-weekend { background:#f7f2e8!important; }
.dc-focus-input-wrap { background:#f0ebe1!important; border-color:rgba(43,37,66,.1)!important; }
.dc-focus-input { color:#24213d!important; }

/* Rebuilt focus dialogs */
#focusQV,#weekFocusQV { align-items:center!important; padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))!important; overflow-y:auto!important; background:rgba(28,24,46,.62)!important; backdrop-filter:blur(10px)!important; overscroll-behavior:contain; }
.fqv-card,.wfqv-card { position:relative; width:min(100%,620px)!important; max-height:calc(100dvh - 36px); margin:auto; overflow:auto!important; padding:clamp(22px,4vw,36px)!important; border:0!important; border-radius:26px!important; color:#24213d!important; background:#fffdf8!important; box-shadow:0 36px 100px rgba(18,14,34,.35)!important; animation:dialogRise .24s cubic-bezier(.2,.8,.2,1) both!important; }
@keyframes dialogRise { from { opacity:0; transform:translateY(18px) scale(.98); } to { opacity:1; transform:none; } }
.fqv-head,.wfqv-head { padding-bottom:20px; border-bottom:1px solid #e7e1d7; }
.fqv-eyebrow,.wfqv-kicker { color:#3155c6!important; font-family:'Inter',sans-serif!important; }
.fqv-head h2,.wfqv-title { color:#24213d!important; font-size:clamp(1.6rem,5vw,2.35rem)!important; letter-spacing:-.055em!important; }
.fqv-date-lbl,.wfqv-week { color:#777286!important; }
.fqv-close,.wfqv-close { width:44px!important; height:44px!important; border:1px solid #ded8ce!important; border-radius:50%!important; background:#f3efe6!important; color:#403a59!important; }
.fqv-close:hover,.wfqv-close:hover { background:#24213d!important; color:#fff!important; }
.fqv-main { padding:34px 0 28px!important; }
.fqv-num.red { color:#e14b64!important; font-size:clamp(4.5rem,18vw,8rem)!important; letter-spacing:-.09em; text-shadow:none!important; }
.fqv-unit { color:#777286!important; font-weight:600; }
.fqv-bar-wrap,.wfqv-progress-track { height:12px!important; background:#e9e3d9!important; }
.fqv-bar { display:block; background:#e14b64!important; box-shadow:none!important; }
.fqv-status { margin-top:14px; color:#777286!important; } .fqv-status strong { color:#24213d!important; }
.fqv-hint,.wfqv-footer { border-color:#e7e1d7!important; color:#777286!important; }
.wfqv-hero { background:#24213d!important; border:0!important; border-radius:19px!important; }
.wfqv-total,.wfqv-total span,.wfqv-average strong { color:#fffdf8!important; text-shadow:none!important; }
.wfqv-total span { color:#ff9a7f!important; }
.wfqv-hero p,.wfqv-average span,.wfqv-total small { color:rgba(255,255,255,.65)!important; }
.wfqv-progress-label,.wfqv-progress-section p { color:#777286!important; } .wfqv-progress-label strong { color:#24213d!important; }
.wfqv-progress-track span { background:#e1633f!important; box-shadow:none!important; }
.wfqv-day { background:#f3efe6!important; border:0!important; border-radius:14px!important; }
.wfqv-day.is-today { background:#e9edff!important; box-shadow:inset 0 0 0 2px #3155c6!important; }
.wfqv-day-name { color:#777286!important; } .wfqv-day.is-today .wfqv-day-name { color:#3155c6!important; }
.wfqv-day-hours { color:#24213d!important; } .wfqv-day-meter { background:#ddd7cc!important; } .wfqv-day-meter span { background:#3155c6!important; }

@media (max-width:1100px) { .stats-bar { grid-template-columns:repeat(3,1fr); } }
@media (max-width:700px) {
    body > header { padding-top:92px; } .wrap { padding-inline:16px; } .brand-hero-icon { display:none; }
    .stats-bar { grid-template-columns:repeat(2,1fr); } .sbar-pill { min-height:82px; }
    .intel-row { grid-template-columns:1fr!important; }
    .timeline-container { padding:18px!important; } .timeline-header { flex-direction:column; }
    .tl-bar-wrap { overflow-x:auto; } .tl-bar,.tl-ticks { min-width:680px; }
    .wfqv-days { grid-template-columns:repeat(5,minmax(52px,1fr))!important; overflow-x:auto; padding-bottom:6px; }
}
@media (max-width:430px) {
    .widgets-row { grid-template-columns:1fr; }
    .fqv-card,.wfqv-card { border-radius:20px!important; }
    .fqv-status,.fqv-hint,.wfqv-footer { align-items:flex-start; flex-direction:column; }
    .wfqv-hero { align-items:flex-start!important; flex-direction:column; } .wfqv-average { align-items:flex-start!important; text-align:left!important; }
}
@media (prefers-reduced-motion:reduce) { .fqv-card,.wfqv-card { animation:none!important; } }

/* ──────────────────────────────────────────────────────────────
   MIDNIGHT EDITION — black / navy palette + atmospheric motion
   ────────────────────────────────────────────────────────────── */
:root {
    --bg-void:#03050a;
    --navy-deep:#02040a;
    --navy-glow:#0a1b3c;
    --glass-base:rgba(5,11,24,.76);
    --glass-card:rgba(8,17,35,.82);
    --glass-elevated:#0c172a;
    --glass-border:rgba(91,145,255,.18);
    --glass-border-light:rgba(115,171,255,.28);
    --text-primary:#f2f6ff;
    --text-secondary:#b8c7df;
    --text-muted:#72839f;
    --gym:#36d6ad; --gym-rgb:54,214,173;
    --read:#6ea8ff; --read-rgb:110,168,255;
    --wake:#ff9d66; --wake-rgb:255,157,102;
    --mscript:#a78bfa; --mscript-rgb:167,139,250;
    --focus:#ff6685; --focus-rgb:255,102,133;
    --perfect:#ffd76a;
    --shadow-smooth:0 24px 64px rgba(0,0,0,.42),0 0 0 1px rgba(109,160,255,.04);
}

html { background:#03050a; }
body {
    background:
        radial-gradient(ellipse at 8% -5%,rgba(32,88,190,.28),transparent 38rem),
        radial-gradient(ellipse at 92% 18%,rgba(30,64,175,.18),transparent 34rem),
        radial-gradient(ellipse at 48% 72%,rgba(8,45,105,.16),transparent 42rem),
        linear-gradient(145deg,#03050a 0%,#050913 46%,#02040a 100%);
    color:var(--text-primary);
}
body::before {
    opacity:.52;
    background-image:linear-gradient(rgba(93,145,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(93,145,255,.035) 1px,transparent 1px);
    background-size:44px 44px;
    mask-image:radial-gradient(ellipse at 50% 25%,#000 8%,transparent 76%);
    animation:midnight-grid 22s linear infinite;
}
body::after {
    content:"";
    position:fixed;
    z-index:0;
    inset:-30%;
    pointer-events:none;
    background:conic-gradient(from 210deg at 50% 50%,transparent 0 32%,rgba(42,103,235,.07) 38%,transparent 45% 72%,rgba(80,54,190,.055) 78%,transparent 84%);
    filter:blur(70px);
    animation:midnight-aurora 26s ease-in-out infinite alternate;
}
@keyframes midnight-grid { to { background-position:44px 44px; } }
@keyframes midnight-aurora { from { transform:translate3d(-3%,-2%,0) rotate(-4deg) scale(1); } to { transform:translate3d(4%,3%,0) rotate(5deg) scale(1.08); } }
#tessellationCanvas { opacity:.22; filter:hue-rotate(184deg) saturate(.75) brightness(.6); mix-blend-mode:screen; }
body > header {
    background:linear-gradient(145deg,rgba(1,3,8,.99),rgba(5,13,29,.98) 54%,rgba(4,10,24,.99));
    border-bottom:1px solid rgba(83,139,255,.36);
    box-shadow:0 24px 70px rgba(0,0,0,.45),0 1px 0 rgba(91,145,255,.12);
}
body > header::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(105deg,transparent 15%,rgba(80,132,255,.08) 42%,transparent 62%);
    transform:translateX(-100%);
    animation:masthead-sweep 9s ease-in-out infinite;
}
body > header::after { border-color:rgba(47,103,220,.16); box-shadow:0 0 90px rgba(38,91,208,.18); }
@keyframes masthead-sweep { 0%,62% { transform:translateX(-100%); } 88%,100% { transform:translateX(100%); } }
.brand-title-text { color:#f5f8ff!important; text-shadow:0 0 35px rgba(82,135,255,.14)!important; }
.tagline-label { color:#7daeff!important; }
.tagline-rule { background:linear-gradient(90deg,transparent,#4f8cff)!important; box-shadow:0 0 12px rgba(79,140,255,.55); }
.sbar-pill {
    background:linear-gradient(145deg,rgba(16,29,54,.72),rgba(4,9,20,.76))!important;
    border-color:rgba(105,155,255,.14)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.sbar-pill::after { background:linear-gradient(90deg,transparent,var(--pc),transparent)!important; opacity:.7; }
.sbar-pill:hover { background:linear-gradient(145deg,rgba(23,43,79,.84),rgba(7,15,32,.9))!important; border-color:rgba(105,155,255,.34)!important; box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 28px color-mix(in srgb,var(--pc) 15%,transparent)!important; }
.month-stats-panel { background:#07101f!important; color:var(--text-primary)!important; border-color:rgba(91,145,255,.2)!important; }

.geo-time-widget,.logout-btn,.command-palette-fab,.icon-fab {
    color:#c5d6f3!important;
    background:rgba(4,10,21,.86)!important;
    border-color:rgba(103,157,255,.2)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.gt-time,.gt-city { color:#e9f1ff!important; }
.gt-date,.gt-coords { color:#7087a9!important; }
.command-palette-fab:hover,.icon-fab:hover { color:#fff!important; border-color:rgba(103,157,255,.5)!important; box-shadow:0 0 28px rgba(56,116,238,.22)!important; }

.timeline-container,.daily-task-widget,.week-block,.cd-card {
    position:relative;
    background:linear-gradient(145deg,rgba(10,20,39,.93),rgba(4,9,20,.92))!important;
    border-color:rgba(100,151,255,.16)!important;
    color:var(--text-primary)!important;
    box-shadow:var(--shadow-smooth)!important;
}
.timeline-container::before,.daily-task-widget::before,.week-block::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(115deg,transparent 20%,rgba(96,150,255,.045) 46%,transparent 68%);
    background-size:240% 100%;
    animation:card-shimmer 11s ease-in-out infinite;
}
@keyframes card-shimmer { 0%,45% { background-position:180% 0; } 80%,100% { background-position:-80% 0; } }
.timeline-container::after { background:linear-gradient(90deg,transparent,#4e8dff,#8ab5ff)!important; box-shadow:0 0 18px rgba(78,141,255,.5)!important; }
.timeline-title,.section-title { color:#eef4ff!important; }
.timeline-title::before { background:#5b95ff!important; box-shadow:0 0 16px rgba(91,149,255,.75)!important; }
.timeline-status { color:#9bc0ff!important; background:rgba(42,90,183,.14)!important; border-color:rgba(100,151,255,.2)!important; box-shadow:inset 0 0 18px rgba(58,115,231,.05); }
.tl-bar-wrap { background:rgba(1,4,10,.72)!important; border:1px solid rgba(101,151,255,.1)!important; }
.tl-indicator { box-shadow:0 0 0 4px rgba(80,137,255,.16),0 0 24px #5f98ff!important; }
.tl-tick { color:#637796!important; }

.wc-lbl,.wc-sub { color:#7386a5!important; }
.wc-val { color:#edf4ff!important; text-shadow:0 0 22px rgba(99,153,255,.12); }
.widgets-toggle-btn { background:linear-gradient(135deg,#142b54,#0b1933)!important; box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 24px rgba(64,124,245,.1)!important; }
.widgets-toggle-icon { color:#8ab5ff!important; }
.dtw-task { background:rgba(3,9,20,.62)!important; border-color:rgba(99,151,255,.12)!important; }
.dtw-body input,.dc-focus-input { color:#ecf3ff!important; }
.dtw-done { color:#8fa8ca!important; background:#0a1528!important; border-color:rgba(102,155,255,.18)!important; }
.points-widget { background:radial-gradient(circle at 8% 0,rgba(51,102,211,.2),transparent 35%),linear-gradient(145deg,#081225,#02050c)!important; border:1px solid rgba(106,158,255,.18)!important; box-shadow:0 28px 68px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04)!important; }
.pw-icon { background:linear-gradient(145deg,#316ee5,#5d9aff)!important; box-shadow:0 0 28px rgba(66,129,245,.26)!important; }

.intel-card { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(135deg,#0c2e63,#174b9c)!important; box-shadow:0 18px 42px rgba(8,37,91,.36),inset 0 1px 0 rgba(255,255,255,.12)!important; }
.intel-card.ic-work { background:linear-gradient(135deg,#111c34,#263b67)!important; box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1)!important; }
.intel-card::after { content:""; position:absolute; z-index:-1; width:190px; height:190px; right:-75px; top:-105px; border-radius:50%; background:rgba(118,174,255,.16); box-shadow:0 0 55px rgba(82,140,255,.2); transition:transform .5s ease; }
.intel-card:hover::after { transform:scale(1.35) translate(-8px,8px); }
.intel-card:hover { filter:brightness(1.1); box-shadow:0 22px 52px rgba(4,25,67,.5),0 0 35px rgba(59,126,255,.15)!important; }
.nav-btn,.nav-range { color:#b8c9e5!important; background:#081225!important; border-color:rgba(99,151,255,.16)!important; }
.nav-btn:hover { color:#fff!important; border-color:rgba(99,151,255,.4)!important; box-shadow:0 0 20px rgba(61,119,235,.14)!important; }
.week-head { background:linear-gradient(90deg,rgba(10,24,47,.95),rgba(5,12,25,.92))!important; border-color:rgba(95,147,250,.12)!important; }
.wh-week-number { color:#81b0ff!important; border-color:rgba(83,141,255,.27)!important; background:rgba(35,81,171,.15)!important; }
.day-card { color:#eaf2ff!important; background:rgba(5,12,25,.84)!important; border-color:rgba(96,149,255,.11)!important; }
.day-card:hover { border-color:rgba(101,157,255,.34)!important; box-shadow:0 14px 32px rgba(0,0,0,.32),0 0 22px rgba(45,104,224,.08)!important; }
.day-card.is-today { box-shadow:inset 0 0 0 2px #4f8fff,0 0 30px rgba(63,127,250,.13)!important; }
.day-card.is-weekend { background:rgba(3,8,17,.74)!important; }
.dc-focus-input-wrap { background:rgba(1,5,12,.7)!important; border-color:rgba(97,150,255,.12)!important; }

/* Midnight focus dialogs */
#focusQV,#weekFocusQV { background:rgba(0,2,7,.82)!important; backdrop-filter:blur(18px)!important; }
.fqv-card,.wfqv-card {
    color:#edf4ff!important;
    background:radial-gradient(circle at 90% 0,rgba(45,103,219,.18),transparent 34%),linear-gradient(145deg,#0b172c,#040a15)!important;
    border:1px solid rgba(104,158,255,.22)!important;
    box-shadow:0 42px 120px rgba(0,0,0,.72),0 0 55px rgba(42,98,211,.12),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.fqv-card::before,.wfqv-card::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(120deg,transparent 25%,rgba(100,158,255,.055) 48%,transparent 70%); background-size:220% 100%; animation:card-shimmer 8s ease-in-out infinite; }
.fqv-head,.wfqv-head,.fqv-hint,.wfqv-footer { border-color:rgba(111,160,255,.13)!important; }
.fqv-head h2,.wfqv-title,.wfqv-progress-label strong,.fqv-status strong { color:#eff5ff!important; }
.fqv-eyebrow,.wfqv-kicker { color:#7bacff!important; }
.fqv-date-lbl,.wfqv-week,.fqv-unit,.fqv-status,.fqv-hint,.wfqv-footer,.wfqv-progress-label,.wfqv-progress-section p { color:#7186a6!important; }
.fqv-close,.wfqv-close { color:#aabbd5!important; background:#0c1930!important; border-color:rgba(105,157,255,.2)!important; }
.fqv-close:hover,.wfqv-close:hover { background:#184891!important; box-shadow:0 0 22px rgba(62,127,249,.3)!important; }
.fqv-num.red { color:#ff6685!important; text-shadow:0 0 40px rgba(255,70,112,.23)!important; }
.fqv-bar-wrap,.wfqv-progress-track { background:rgba(110,146,202,.13)!important; }
.fqv-bar { background:linear-gradient(90deg,#ef4166,#ff7891)!important; box-shadow:0 0 18px rgba(255,78,116,.35)!important; }
.wfqv-hero { background:radial-gradient(circle at 0 0,rgba(50,111,231,.25),transparent 56%),rgba(2,7,15,.68)!important; border:1px solid rgba(105,157,255,.12)!important; }
.wfqv-total span { color:#6fa6ff!important; text-shadow:0 0 34px rgba(82,145,255,.28)!important; }
.wfqv-progress-track span { background:linear-gradient(90deg,#376fd5,#77aaff)!important; box-shadow:0 0 16px rgba(71,135,255,.3)!important; }
.wfqv-day { color:#e9f1ff!important; background:rgba(5,13,28,.88)!important; border:1px solid rgba(99,151,255,.1)!important; }
.wfqv-day.is-today { background:rgba(27,68,145,.2)!important; box-shadow:inset 0 0 0 1px #578fff,0 0 22px rgba(58,120,240,.14)!important; }
.wfqv-day-hours { color:#edf4ff!important; } .wfqv-day-meter { background:rgba(106,147,211,.16)!important; } .wfqv-day-meter span { background:#659eff!important; box-shadow:0 0 10px rgba(92,151,255,.4); }

@media (prefers-reduced-motion:reduce) {
    body::before,body::after,body > header::before,.timeline-container::before,.daily-task-widget::before,.week-block::before,.fqv-card::before,.wfqv-card::before { animation:none!important; }
}

/* Growth identity and clear task ownership */
.brand-hero-icon { display:grid; place-items:center; color:#78aaff; }
.brand-hero-icon .growth-mark { overflow:visible; filter:drop-shadow(0 0 13px rgba(96,154,255,.65)); animation:growth-rise 3.8s cubic-bezier(.22,.75,.25,1) infinite; transform-origin:50% 70%; }
.brand-hero-icon .growth-rise-line,.brand-hero-icon .growth-arrow { color:#c3d9ff; }
.brand-hero-icon .growth-rise-line { stroke-dasharray:72; stroke-dashoffset:72; animation:growth-draw 3.8s ease-in-out infinite; }
.brand-hero-icon .growth-bar { transform-box:fill-box; transform-origin:center bottom; animation:growth-bar 3.8s ease-in-out infinite; }
.brand-hero-icon .growth-bar-2 { animation-delay:.08s; }
.brand-hero-icon .growth-bar-3 { animation-delay:.16s; }
@keyframes growth-rise { 0%,58%,100% { transform:translateY(0) scale(1); } 72% { transform:translateY(-5px) scale(1.07); } 84% { transform:translateY(-2px) scale(1.03); } }
@keyframes growth-draw { 0%,12% { stroke-dashoffset:72; opacity:.35; } 42%,88% { stroke-dashoffset:0; opacity:1; } 100% { stroke-dashoffset:72; opacity:.35; } }
@keyframes growth-bar { 0%,12% { transform:scaleY(.18); opacity:.3; } 42%,88% { transform:scaleY(1); } 100% { transform:scaleY(.18); opacity:.3; } }
@media (prefers-reduced-motion:reduce) {
    .brand-hero-icon .growth-mark,.brand-hero-icon .growth-rise-line,.brand-hero-icon .growth-bar { animation:none!important; transform:none!important; }
    .brand-hero-icon .growth-rise-line { stroke-dashoffset:0; }
}
.brand-title-text {
    font-family:'Bebas Neue',sans-serif!important;
    font-size:clamp(3.1rem,7vw,6.2rem)!important;
    font-weight:400!important;
    letter-spacing:.055em!important;
    background:linear-gradient(105deg,#fff 0%,#d8e8ff 45%,#78aaff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}
.dtw-core { border-color:rgba(73,255,155,.38)!important; background:linear-gradient(135deg,rgba(12,61,45,.5),rgba(4,18,17,.75))!important; }
.dtw-core .dtw-icon { color:#baffd4!important; background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.26),rgba(49,224,132,.32) 38%,rgba(12,96,61,.32))!important; border-color:rgba(73,255,155,.48)!important; box-shadow:0 0 26px rgba(42,230,128,.24)!important; }
.dtw-core .dtw-body label { color:#67ffad!important; }
.dtw-core .dtw-body input:focus { border-bottom-color:#58ff9f!important; box-shadow:0 7px 14px -12px rgba(53,255,145,.8); }
.dtw-core .dtw-done.is-done { background:#58ff9f!important; border-color:#58ff9f!important; box-shadow:0 0 22px rgba(67,255,152,.38)!important; }
.dtw-support { border-color:rgba(184,124,255,.42)!important; background:linear-gradient(135deg,rgba(58,28,95,.52),rgba(13,8,28,.76))!important; }
.dtw-support .dtw-icon { color:#ead8ff!important; background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.27),rgba(165,98,255,.34) 38%,rgba(68,28,121,.36))!important; border-color:rgba(187,126,255,.5)!important; box-shadow:0 0 26px rgba(163,98,255,.26)!important; }
.dtw-support .dtw-body label { color:#cfa4ff!important; }
.dtw-support .dtw-body input:focus { border-bottom-color:#c18bff!important; box-shadow:0 7px 14px -12px rgba(187,126,255,.78); }
.dtw-support .dtw-done.is-done { background:#bf83ff!important; border-color:#bf83ff!important; box-shadow:0 0 22px rgba(184,112,255,.4)!important; }

.dtw-history-toggle {
    color:#c9dbff!important;
    border-color:rgba(110,168,255,.28)!important;
    background:rgba(18,42,88,.45)!important;
    font-family:'Inter',system-ui,sans-serif!important;
}
.dtw-history-toggle:hover,.dtw-history-toggle.is-open {
    color:#fff!important;
    border-color:rgba(139,183,255,.55)!important;
    background:rgba(49,102,214,.28)!important;
    box-shadow:0 0 18px rgba(78,141,255,.18);
}
.dtw-history {
    border-color:rgba(99,151,255,.16)!important;
    background:
        radial-gradient(circle at 8% 0%,rgba(54,214,173,.1),transparent 30%),
        radial-gradient(circle at 92% 10%,rgba(167,139,250,.1),transparent 28%),
        linear-gradient(160deg,rgba(10,22,44,.72),rgba(4,9,20,.78))!important;
}
.dtw-history-title,.dtw-history-editor-head strong { color:#eef4ff!important; font-family:'Space Grotesk',sans-serif!important; }
.dtw-history-kicker,.dtw-history-chip,.dtw-history-legend,.dtw-history-hint,.dtw-history-weekdays span,.dtw-history-stat span { font-family:'Inter',system-ui,sans-serif!important; }
.dtw-history-stat,.dtw-history-day,.dtw-history-editor,.dtw-history-row {
    background:rgba(3,9,20,.55)!important;
    border-color:rgba(99,151,255,.12)!important;
}
.dtw-history-day.is-hit-1 { background:rgba(49,211,168,.1)!important; }
.dtw-history-day.is-hit-2 { background:rgba(49,211,168,.18)!important; }
.dtw-history-day.is-hit-3 { background:rgba(49,211,168,.3)!important; border-color:rgba(73,255,155,.4)!important; }
.dtw-history-day.is-selected {
    background:linear-gradient(160deg,rgba(78,141,255,.32),rgba(8,18,38,.55))!important;
    border-color:#6ea8ff!important;
}
.dtw-history-nav button {
    color:#c5d6f3!important;
    background:#0a1528!important;
    border-color:rgba(102,155,255,.18)!important;
}
.dtw-history-plan,.dtw-history-done { font-family:'Inter',system-ui,sans-serif!important; }
.dtw-history-row input { color:#ecf3ff!important; font-family:'Inter',system-ui,sans-serif!important; }
.dtw-history-save {
    color:#07111d!important;
    background:linear-gradient(135deg,#d4e4ff,#6ea8ff)!important;
    font-family:'Inter',system-ui,sans-serif!important;
}

#countdownWidgets {
    border-color:rgba(99,151,255,.18)!important;
    background:linear-gradient(160deg,rgba(10,22,44,.88),rgba(4,9,20,.9))!important;
    box-shadow:0 18px 40px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#countdownWidgets .cd-card {
    padding:9px 6px 8px!important;
    background:rgba(3,9,20,.62)!important;
    border-color:rgba(99,151,255,.12)!important;
}
#countdownWidgets .cd-val {
    font-size:1.12rem!important;
    font-family:'Space Grotesk',sans-serif!important;
}
.intel-card { cursor:pointer!important; }
.intel-card:hover { transform:translateY(-2px)!important; filter:brightness(1.08)!important; }
.intel-card[aria-pressed="true"] { box-shadow:0 22px 52px rgba(4,25,67,.5),0 0 38px rgba(89,150,255,.27)!important; }

/* Header summary — six topic-led signal cards */
.stats-bar {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:30px!important;
}
.sbar-pill {
    --topic:#6ea8ff;
    position:relative;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-rows:auto auto!important;
    align-items:center;
    min-height:106px!important;
    padding:15px!important;
    overflow:hidden;
    border-radius:18px!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--topic) 18%,#0b1730),rgba(4,9,20,.94))!important;
    border-color:color-mix(in srgb,var(--topic) 30%,transparent)!important;
}
.sbar-pill::before {
    content:"";
    position:absolute;
    width:84px;
    height:84px;
    right:-26px;
    bottom:-38px;
    border:1px solid color-mix(in srgb,var(--topic) 62%,transparent);
    border-radius:50%;
    opacity:.34;
    box-shadow:0 0 30px color-mix(in srgb,var(--topic) 24%,transparent);
}
.sbar-pill::after { top:auto!important; bottom:0; left:16px; right:16px; width:auto!important; height:2px!important; background:linear-gradient(90deg,transparent,var(--topic),transparent)!important; }
.sbar-gym { --topic:#35e4ae; }
.sbar-read { --topic:#72a7ff; }
.sbar-mscript { --topic:#b28aff; }
.sbar-wake { --topic:#ffad70; }
.sbar-focus { --topic:#ff7395; }
.sbar-perfect { --topic:#ffdc70; }
.sbar-icon {
    grid-row:1 / span 2;
    display:grid;
    width:42px;
    height:42px;
    margin-right:10px;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--topic) 45%,transparent);
    border-radius:13px;
    color:var(--topic);
    background:color-mix(in srgb,var(--topic) 12%,transparent);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px color-mix(in srgb,var(--topic) 16%,transparent);
    font-size:1rem;
}
.sbar-pill .pv { grid-column:2; grid-row:1; align-self:end; color:#f5f8ff!important; font-size:1.55rem!important; }
.sbar-pill .pl { grid-column:2; grid-row:2; align-self:start; color:color-mix(in srgb,var(--topic) 76%,white)!important; font-size:.54rem!important; letter-spacing:.13em!important; }
.sbar-pill .sbar-pos { position:absolute; top:10px; right:12px; color:rgba(231,240,255,.4)!important; font-size:.48rem!important; }
.sbar-pill .gym-daily-cost { position:absolute; left:16px; bottom:12px; margin:0; }
.sbar-pill .wow-badge { position:absolute; right:12px; bottom:12px; border-color:color-mix(in srgb,var(--topic) 30%,transparent)!important; color:var(--topic)!important; background:color-mix(in srgb,var(--topic) 11%,transparent)!important; }
.sbar-pill:hover { transform:translateY(-4px)!important; border-color:color-mix(in srgb,var(--topic) 68%,transparent)!important; box-shadow:0 18px 36px rgba(0,0,0,.32),0 0 28px color-mix(in srgb,var(--topic) 14%,transparent)!important; }

/* Compact, cozy clock capsule */
.geo-time-widget {
    top:16px!important;
    right:18px!important;
    gap:8px!important;
    min-height:42px;
    padding:8px 12px!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,rgba(13,28,56,.96),rgba(5,11,24,.98))!important;
    border-color:rgba(116,169,255,.25)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.geo-time-widget::before { content:'◷'; color:#80afff; font-size:1rem; text-shadow:0 0 12px rgba(102,157,255,.62); }
.gt-clock { display:flex; align-items:baseline; gap:7px; }
.gt-time { color:#f2f6ff!important; font:700 .78rem 'JetBrains Mono',monospace!important; letter-spacing:.035em; }
.gt-date { color:#8da4c7!important; font:600 .49rem 'Inter',sans-serif!important; letter-spacing:.07em; text-transform:uppercase; }
.gt-loc { display:none!important; }

/* Weekends are deliberately softer: a visual cue for recovery and real life. */
.day-card.is-weekend {
    opacity:1!important;
    background:linear-gradient(160deg,rgba(27,22,55,.76),rgba(8,12,30,.88))!important;
    border-style:dashed!important;
    border-color:rgba(180,140,255,.32)!important;
    box-shadow:inset 0 1px 0 rgba(220,193,255,.08),inset 0 0 35px rgba(118,75,200,.06)!important;
}
.day-card.is-weekend::before {
    content:'RECHARGE';
    position:absolute;
    right:9px;
    bottom:8px;
    color:rgba(203,174,255,.58);
    font:700 .42rem 'JetBrains Mono',monospace;
    letter-spacing:.12em;
}
.day-card.is-weekend .dc-dow { color:#d5b6ff!important; }
.day-card.is-weekend .dc-num { color:#f0e8ff!important; }
.day-card.is-weekend .dc-month { color:rgba(211,188,255,.68)!important; }
.day-card.is-weekend .dc-focus-lbl { color:#b996ef!important; }
.day-card.is-weekend .dc-focus-input-wrap { background:rgba(32,23,61,.42)!important; border-color:rgba(181,137,255,.18)!important; }

@media (max-width:1100px) { .stats-bar { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
@media (max-width:700px) {
    .stats-bar { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
    .sbar-pill { min-height:88px!important; padding:12px!important; }
    .sbar-icon { width:34px; height:34px; margin-right:8px; border-radius:11px; font-size:.84rem; }
    .sbar-pill .pv { font-size:1.28rem!important; }
    .geo-time-widget { right:14px!important; }
}

/* Wordmark clock: a compact hex badge on the title's single line. */
.brand-title-row { display:flex; align-items:center; gap:14px; white-space:nowrap; }
.brand-title-meta { display:flex; flex-direction:column; align-items:flex-start; gap:4px; margin-top:8px; font-family:'JetBrains Mono',monospace; }
.brand-byline { color:rgba(216,232,255,.58); font-size:.58rem; font-weight:600; letter-spacing:.08em; }
.brand-week { padding:4px 8px; border:1px solid rgba(120,170,255,.34); border-radius:999px; color:#a9c8ff; background:rgba(73,126,225,.12); box-shadow:0 0 16px rgba(73,126,225,.12); font-size:.5rem; font-weight:700; letter-spacing:.12em; }
.brand-title-row .geo-time-widget {
    position:relative!important;
    top:auto!important;
    right:auto!important;
    flex:0 0 auto;
    margin:0;
    min-height:34px;
    padding:7px 12px 7px 10px!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(11px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,11px 100%,0 50%);
    background:linear-gradient(135deg,rgba(41,82,154,.98),rgba(10,21,44,.98))!important;
    box-shadow:inset 0 0 0 1px rgba(137,181,255,.38),0 8px 20px rgba(0,0,0,.28),0 0 20px rgba(67,129,247,.15)!important;
    transition:transform .2s ease,filter .2s ease!important;
}
.brand-title-row .geo-time-widget::before { content:'◷'; color:#b6d2ff; font-size:.72rem; }
.brand-title-row .geo-time-widget:hover { transform:translateY(-2px) scale(1.03); filter:brightness(1.15); }
.brand-title-row .gt-clock { gap:5px; }
.brand-title-row .gt-time { font-size:.67rem!important; }
.brand-title-row .gt-date { font-size:.41rem!important; }
@media (max-width:700px) {
    .brand-container-futuristic { flex-wrap:wrap; }
    .brand-title-row { gap:8px; }
    .brand-title-text { font-size:clamp(2.6rem,14vw,3.5rem)!important; }
    .brand-title-meta { gap:3px; margin-top:4px; }
    .brand-byline { font-size:.5rem; }
    .brand-week { padding:3px 6px; font-size:.44rem; }
    .brand-title-row .geo-time-widget { padding:6px 10px 6px 8px!important; }
    .brand-title-row .gt-time { font-size:.58rem!important; }
    .brand-title-row .gt-date { display:none!important; }
}

/* Right-edge time crystal — irregular heptagon gem, deep emerald, prism sweep. */
.side-time-beacon {
    --gt-lime:#178a42;
    --gt-lime-hot:#3ecf72;
    --gt-lime-deep:#083820;
    appearance:none;
    -webkit-appearance:none;
    position:fixed!important;
    z-index:9998!important;
    top:50%!important;
    right:14px!important;
    width:142px!important;
    height:168px!important;
    min-height:168px!important;
    min-width:0!important;
    margin:0!important;
    padding:34px 18px 28px!important;
    overflow:hidden;
    isolation:isolate;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(50% 0,96% 18%,100% 62%,74% 100%,22% 100%,0 58%,10% 14%);
    transform:translateY(-50%)!important;
    color:#e8fff0!important;
    background:
        radial-gradient(circle at 32% 18%,rgba(190,255,210,.38),transparent 34%),
        radial-gradient(circle at 78% 72%,rgba(0,50,22,.55),transparent 42%),
        linear-gradient(165deg,var(--gt-lime-hot) 0%,var(--gt-lime) 46%,var(--gt-lime-deep) 100%)!important;
    box-shadow:none!important;
    filter:drop-shadow(0 0 16px rgba(46,180,90,.62)) drop-shadow(0 0 40px rgba(18,110,52,.42)) drop-shadow(0 14px 28px rgba(4,22,10,.5));
    animation:gt-breathe 2.8s ease-in-out infinite;
    transition:transform .24s ease,filter .24s ease!important;
    cursor:pointer;
}
.side-time-beacon::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(210,255,230,.42) 0%,rgba(180,255,210,.08) 26%,transparent 42%);
    clip-path:polygon(18% 8%,78% 4%,70% 30%,28% 34%);
}
.side-time-beacon::after {
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    box-shadow:inset 0 0 0 1.5px rgba(180,255,210,.22),inset 0 -18px 28px rgba(2,28,12,.4);
}
.side-time-beacon .gt-aurora,
.side-time-beacon .gt-scan,
.side-time-beacon .gt-caustic {
    position:absolute;
    pointer-events:none;
}
.side-time-beacon .gt-aurora {
    inset:-60%;
    z-index:0;
    background:conic-gradient(from 90deg,#d8ffe8 0 6%,transparent 14%,rgba(170,255,200,.55) 22%,transparent 32%,#e8fff4 48% 54%,transparent 64%,rgba(90,220,140,.4) 78%,transparent 90%);
    mix-blend-mode:soft-light;
    opacity:.95;
    animation:gt-aurora-spin 5.4s linear infinite;
}
.side-time-beacon .gt-scan {
    left:-18%;
    right:-18%;
    top:0;
    height:22%;
    z-index:1;
    background:linear-gradient(180deg,transparent 0%,rgba(210,255,230,.78) 42%,rgba(80,200,130,.28) 70%,transparent 100%);
    mix-blend-mode:overlay;
    filter:blur(.4px);
    animation:gt-scan-sweep 2.8s ease-in-out infinite;
}
.side-time-beacon .gt-caustic {
    inset:-8%;
    z-index:1;
    background:
        radial-gradient(circle at 28% 22%,rgba(210,255,230,.7) 0 7%,transparent 20%),
        radial-gradient(circle at 78% 64%,rgba(60,180,100,.45) 0 9%,transparent 26%),
        repeating-conic-gradient(from 0deg,transparent 0 18deg,rgba(255,255,255,.12) 18deg 20deg);
    mix-blend-mode:soft-light;
    animation:gt-caustic 4.2s ease-in-out infinite;
}
.side-time-beacon:hover {
    width:142px!important;
    transform:translateY(-50%) scale(1.07)!important;
    filter:drop-shadow(0 0 26px rgba(70,210,120,.9)) drop-shadow(0 16px 32px rgba(8,70,32,.5)) brightness(1.08);
    animation:gt-breathe 1.4s ease-in-out infinite;
}
.side-time-beacon:hover .gt-aurora { animation-duration:3.2s; }
.side-time-beacon:focus-visible {
    outline:2px solid #9dffc0;
    outline-offset:6px;
}
.side-time-beacon .gt-clock,
.side-time-beacon .gt-loc {
    position:relative;
    z-index:3;
    width:100%;
    border:0!important;
    padding:0!important;
}
.side-time-beacon .gt-clock { display:flex; flex-direction:column; align-items:center; gap:4px; }
.side-time-beacon .gt-time {
    color:#f2fff6!important;
    font:800 .82rem 'JetBrains Mono',monospace!important;
    letter-spacing:.04em!important;
    text-shadow:0 1px 0 rgba(0,30,12,.35),0 0 12px rgba(140,255,190,.35)!important;
}
.side-time-beacon .gt-date {
    display:block!important;
    color:#b7e8c6!important;
    font:700 .5rem 'Inter',sans-serif!important;
    letter-spacing:.08em!important;
    margin:0!important;
    text-align:center;
}
.side-time-beacon .gt-loc { display:flex!important; flex-direction:column; align-items:center; text-align:center; }
.side-time-beacon .gt-city {
    color:#9fd9b0!important;
    font-size:.42rem!important;
    font-weight:700!important;
    letter-spacing:.1em!important;
    text-shadow:none!important;
}
.side-time-beacon .gt-city i { color:#7fd49a; animation:none; }
.side-time-beacon .gt-coords { display:none!important; }
@keyframes gt-aurora-spin { to { transform:rotate(360deg); } }
@keyframes gt-scan-sweep {
    0% { transform:translateY(-130%); opacity:0; }
    14% { opacity:1; }
    100% { transform:translateY(280%); opacity:0; }
}
@keyframes gt-breathe {
    0%,100% { filter:drop-shadow(0 0 12px rgba(46,170,86,.48)) drop-shadow(0 0 32px rgba(18,100,48,.28)) drop-shadow(0 12px 26px rgba(4,22,10,.42)); }
    50% { filter:drop-shadow(0 0 24px rgba(80,220,130,.85)) drop-shadow(0 0 48px rgba(30,150,70,.48)) drop-shadow(0 16px 32px rgba(8,70,32,.38)); }
}
@keyframes gt-caustic {
    0%,100% { opacity:.7; transform:translate(0,0) scale(1); }
    50% { opacity:1; transform:translate(6px,-8px) scale(1.08); }
}
@media (prefers-reduced-motion:reduce) {
    .side-time-beacon,
    .side-time-beacon .gt-aurora,
    .side-time-beacon .gt-scan,
    .side-time-beacon .gt-caustic { animation:none!important; }
}
@media (max-width:700px) {
    .side-time-beacon { width:112px!important; height:132px!important; min-height:132px!important; padding:26px 12px 20px!important; right:8px!important; }
    .side-time-beacon:hover { width:112px!important; transform:translateY(-50%) scale(1.05)!important; }
    .side-time-beacon .gt-time { font-size:.68rem!important; }
    .side-time-beacon .gt-date { display:none!important; }
}

/* Casual navy calendar button. */
.side-time-beacon {
    top:50%!important;
    right:18px!important;
    width:132px!important;
    height:auto!important;
    min-height:0!important;
    padding:14px 16px!important;
    gap:9px!important;
    overflow:visible;
    border:1px solid rgba(159,190,255,.24)!important;
    border-radius:18px!important;
    clip-path:none!important;
    color:#f6f8ff!important;
    background:#102a56!important;
    box-shadow:0 12px 28px rgba(3,14,36,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
    filter:none!important;
    animation:none!important;
}
.side-time-beacon::before {
    content:'\f133';
    position:static;
    display:block;
    color:#a9c7ff;
    background:none;
    clip-path:none;
    font:900 1rem/1 'Font Awesome 6 Free';
}
.side-time-beacon::after { display:none; }
.side-time-beacon:hover {
    width:132px!important;
    transform:translateY(-50%) translateY(-2px)!important;
    background:#173665!important;
    box-shadow:0 16px 34px rgba(3,14,36,.42),inset 0 1px 0 rgba(255,255,255,.1)!important;
    filter:none!important;
    animation:none!important;
}
.side-time-beacon:focus-visible { outline:3px solid rgba(169,199,255,.72); outline-offset:3px; }
.side-time-beacon .gt-clock { gap:4px; }
.side-time-beacon .gt-time {
    color:#fff!important;
    font:700 .82rem/1.2 'JetBrains Mono',monospace!important;
    text-shadow:none!important;
}
.side-time-beacon .gt-date {
    color:#b9ccef!important;
    font:600 .52rem/1.3 'Inter',sans-serif!important;
    letter-spacing:.04em!important;
    text-transform:none;
}
.side-time-beacon .gt-loc { display:none!important; }
@media (max-width:700px) {
    .side-time-beacon { right:8px!important; width:104px!important; padding:12px 10px!important; border-radius:15px!important; }
    .side-time-beacon:hover { width:104px!important; }
    .side-time-beacon .gt-time { font-size:.7rem!important; }
    .side-time-beacon .gt-date { display:block!important; font-size:.46rem!important; }
}

/* Compact title with a live year-quarter rail. */
.brand-title-text { font-size:clamp(2rem,4.2vw,3.7rem)!important; }
.brand-quarter-timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; width:132px; margin:9px 0 0 2px; }
.brand-quarter { position:relative; padding-top:8px; color:rgba(185,205,235,.38); text-align:center; font:700 .45rem/1 'JetBrains Mono',monospace; letter-spacing:.04em; transition:color .2s ease; }
.brand-quarter::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:rgba(126,160,210,.2); }
.brand-quarter::after { content:''; position:absolute; top:-2px; left:50%; width:5px; height:5px; border:1px solid rgba(126,160,210,.35); border-radius:50%; background:#111b2f; transform:translateX(-50%); }
.brand-quarter.is-current { color:#e9f3ff; text-shadow:0 0 12px rgba(112,173,255,.65); }
.brand-quarter.is-current::before { background:linear-gradient(90deg,#74a9ff,#82e6c1); box-shadow:0 0 10px rgba(116,169,255,.72); }
.brand-quarter.is-current::after { border-color:#bce3ff; background:#9bc9ff; box-shadow:0 0 12px rgba(116,169,255,.88); }

@media (max-width:700px) {
    .brand-title-row { flex-wrap:wrap; gap:8px; white-space:normal; }
    .brand-title-text { font-size:clamp(2rem,10vw,2.8rem)!important; }
    .brand-quarter-timeline { order:3; width:min(100%,180px); margin:0; }
}

/* Larger segmented year-progress control beside the wordmark. */
.brand-quarter-timeline {
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:3px;
    width:188px;
    height:38px;
    margin:5px 0 0 6px;
    padding:3px;
    border:1px solid rgba(128,168,235,.26);
    border-radius:13px;
    background:linear-gradient(145deg,rgba(21,43,79,.84),rgba(7,15,33,.9));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.22);
}
.brand-quarter {
    display:grid;
    position:relative;
    place-items:center;
    padding:0;
    border:1px solid transparent;
    border-radius:8px;
    color:rgba(190,210,240,.48);
    background:rgba(255,255,255,.025);
    font:700 .58rem/1 'JetBrains Mono',monospace;
    letter-spacing:.04em;
    text-shadow:none;
}
.brand-quarter::before,
.brand-quarter::after { content:none; }
.brand-quarter:not(:last-child) { box-shadow:inset -1px 0 0 rgba(146,180,235,.09); }
.brand-quarter.is-current {
    color:#f6fbff;
    border-color:rgba(143,205,255,.68);
    background:linear-gradient(135deg,rgba(82,151,255,.72),rgba(62,221,174,.42));
    box-shadow:0 0 16px rgba(84,161,255,.35),inset 0 1px 0 rgba(255,255,255,.3);
    text-shadow:0 1px 5px rgba(0,36,77,.75);
}

@media (max-width:700px) {
    .brand-quarter-timeline { width:min(100%,188px); height:36px; margin:0; }
}

/* Beast Mode: a focused power-state accent, kept purely presentational. */
body > header::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(118deg,transparent 0 72%,rgba(255,120,85,.08) 72.2% 72.7%,transparent 72.9%),
        radial-gradient(circle at 78% 58%,rgba(255,90,48,.12),transparent 26%);
}
.brand-tagline { flex-wrap:wrap; }
.beast-mode-status {
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-left:5px;
    padding:6px 11px 6px 9px;
    border:1px solid rgba(255,138,101,.48);
    border-radius:999px;
    color:#ffe5db;
    background:linear-gradient(110deg,rgba(255,120,85,.2),rgba(255,83,45,.07));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(255,96,52,.12);
    font:700 .54rem/1 'JetBrains Mono',monospace;
    letter-spacing:.11em;
    text-transform:uppercase;
    white-space:nowrap;
}
.beast-mode-pulse {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ff8b68;
    box-shadow:0 0 0 3px rgba(255,120,85,.13),0 0 12px rgba(255,120,85,.9);
    animation:beast-mode-pulse 1.8s ease-in-out infinite;
}
.beast-claw {
    display:inline-flex;
    align-items:center;
    gap:3px;
    height:22px;
    margin-left:2px;
    transform:skewX(-15deg) rotate(-7deg);
}
.beast-claw i {
    display:block;
    width:3px;
    height:17px;
    border-radius:999px 999px 2px 2px;
    background:linear-gradient(to bottom,rgba(255,181,156,.25),#ff7855 42%,rgba(255,120,85,.12));
    box-shadow:0 0 9px rgba(255,93,49,.32);
}
.beast-claw i:nth-child(2) { height:21px; }
.beast-claw i:nth-child(3) { height:15px; }
@keyframes beast-mode-pulse {
    0%,100% { opacity:.65; transform:scale(.82); }
    50% { opacity:1; transform:scale(1); }
}
@media (max-width:700px) {
    .brand-tagline { row-gap:9px; }
    .beast-mode-status { margin-left:0; padding:5px 9px 5px 8px; font-size:.48rem; }
}
@media (prefers-reduced-motion:reduce) {
    .beast-mode-pulse { animation:none; }
}