/* KINETIC — ethical hacker terminal. Loaded last so it wins over redesign.css. */

:root {
    --bg-void: #030705;
    --navy-deep: #020403;
    --navy-glow: #0c2a1c;
    --glass-base: rgba(5, 16, 11, 0.82);
    --glass-card: rgba(7, 22, 15, 0.9);
    --glass-elevated: #0a1c14;
    --glass-border: rgba(61, 255, 154, 0.22);
    --glass-border-light: rgba(120, 255, 190, 0.34);
    --text-glow: rgba(61, 255, 154, 0.9);
    --text-primary: #e7ffef;
    --text-secondary: #b7d8c6;
    --text-muted: #6f947f;
    --phosphor: #3dff9a;
    --phosphor-dim: #149454;
    --signal: #5ce1ff;
    --gym: #3dff9a;
    --gym-rgb: 61, 255, 154;
    --read: #5ce1ff;
    --read-rgb: 92, 225, 255;
    --wake: #e6ff4a;
    --wake-rgb: 230, 255, 74;
    --mscript: #c4b5fd;
    --mscript-rgb: 196, 181, 253;
    --focus: #ff2d3a;
    --focus-rgb: 255, 45, 58;
    --perfect: #d6ff6b;
    --radius-xl: 6px;
    --radius-lg: 4px;
    --radius-md: 3px;
    --shadow-smooth: 0 22px 48px -18px rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(61, 255, 154, 0.06);
}

html { background: #030705 !important; }

body {
    color: var(--text-primary) !important;
    font-family: 'JetBrains Mono', ui-monospace, 'Courier New', monospace !important;
    background:
        radial-gradient(ellipse at 50% -10%, rgba(61, 255, 154, 0.08), transparent 36rem),
        radial-gradient(ellipse at 100% 80%, rgba(20, 80, 50, 0.16), transparent 28rem),
        linear-gradient(180deg, #04110c 0%, #030705 42%, #020403 100%) !important;
    background-color: #030705 !important;
}

body::before {
    z-index: 2;
    opacity: 0.45 !important;
    background-image:
        linear-gradient(rgba(61, 255, 154, 0.045) 1px, transparent 1px),
        repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.18) 0 1px, transparent 1px 3px) !important;
    background-size: 100% 3px, 100% 3px !important;
    mask-image: none !important;
    animation: kinetic-scan 9s linear infinite !important;
}

body::after {
    content: "" !important;
    position: fixed !important;
    z-index: 2 !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: radial-gradient(ellipse at center, transparent 45%, rgba(0, 0, 0, 0.55) 100%) !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
}

@keyframes kinetic-scan { to { background-position: 0 24px, 0 0; } }

::selection { background: rgba(61, 255, 154, 0.28); color: #f4fff8; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #030705; }
::-webkit-scrollbar-thumb { background: #145c38; border: 2px solid #030705; }

#tessellationCanvas {
    opacity: 0.16 !important;
    filter: none !important;
    mix-blend-mode: screen !important;
}

/* Masthead */
body > header {
    background:
        linear-gradient(180deg, rgba(4, 18, 12, 0.96), rgba(3, 8, 6, 0.94)) !important;
    border-bottom: 1px solid rgba(61, 255, 154, 0.45) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(61, 255, 154, 0.2) !important;
}
body > header::before {
    background: linear-gradient(105deg, transparent 12%, rgba(61, 255, 154, 0.07) 46%, transparent 68%) !important;
}
body > header::after {
    border-color: rgba(61, 255, 154, 0.08) !important;
    box-shadow: none !important;
}

.bc-corner,
.hud-divider { display: block !important; }
.bc-tl, .bc-tr, .bc-bl, .bc-br { border-color: #3dff9a !important; }
.hud-divider { background: linear-gradient(90deg, transparent, rgba(61, 255, 154, 0.55), transparent) !important; }
.hud-divider-glow { background: #3dff9a !important; box-shadow: 0 0 16px #3dff9a; }

.brand-hero-icon { color: #3dff9a !important; }
.brand-hero-icon .hat-mark {
    overflow: visible;
    filter: drop-shadow(0 0 10px rgba(61, 255, 154, 0.65));
}
.brand-prompt {
    margin-right: 0.22em;
    color: #3dff9a;
    font-size: 0.62em;
    letter-spacing: 0;
    vertical-align: 0.12em;
    animation: kinetic-caret 1.15s steps(1) infinite;
}
@keyframes kinetic-caret { 50% { opacity: 0.25; } }

.brand-title-text {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    font-size: clamp(2.1rem, 5.4vw, 4.4rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 0.95 !important;
    color: #e9fff3 !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #e9fff3 !important;
    text-shadow: none !important;
    filter: none !important;
}
.brand-word {
    letter-spacing: 0.14em;
    text-shadow: 0 0 22px rgba(61, 255, 154, 0.35);
}
.title-truth {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 4px 12px 4px 4px;
    border: 1px solid rgba(120, 255, 196, 0.42);
    border-radius: 999px;
    background:
        radial-gradient(circle at 18px 50%, rgba(61, 255, 154, 0.22), transparent 28px),
        linear-gradient(180deg, rgba(10, 36, 24, 0.92), rgba(3, 12, 8, 0.92));
    box-shadow: 0 0 18px rgba(61, 255, 154, 0.18), inset 0 0 12px rgba(61, 255, 154, 0.06);
    color: #e7fff3 !important;
    -webkit-text-fill-color: #e7fff3 !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-transform: none;
    white-space: nowrap;
}
.title-truth-icon {
    width: 28px;
    height: 28px;
    flex: none;
    overflow: visible;
    filter: drop-shadow(0 0 7px rgba(61, 255, 154, 0.75));
}
.title-truth-core {
    transform-origin: 18px 18px;
    animation: truth-core 2.6s ease-in-out infinite;
}
@keyframes truth-core {
    0%, 100% { transform: scale(0.92); }
    50% { transform: scale(1.08); }
}
.auth-header .title-truth { margin-top: 2px; }
.brand-week { color: #8dffc4 !important; }
.brand-quarter { color: rgba(140, 190, 164, 0.45) !important; }
.brand-quarter::before { background: rgba(61, 255, 154, 0.22) !important; }
.brand-quarter::after { background: #07140e !important; border-color: rgba(61, 255, 154, 0.4) !important; }
.brand-quarter.is-current { color: #e9fff3 !important; text-shadow: 0 0 12px rgba(61, 255, 154, 0.7) !important; }
.brand-quarter.is-current::before { background: #3dff9a !important; box-shadow: 0 0 10px rgba(61, 255, 154, 0.8) !important; }
.brand-quarter.is-current::after { background: #3dff9a !important; border-color: #d8ffe8 !important; }

.brand-tagline { gap: 0 !important; }
.concentration-status {
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(61, 255, 154, 0.45) !important;
    border-radius: 3px !important;
    background: rgba(4, 18, 12, 0.85) !important;
    box-shadow: inset 0 0 12px rgba(61, 255, 154, 0.08), 0 0 16px rgba(61, 255, 154, 0.12) !important;
}
.concentration-mark { filter: drop-shadow(0 0 6px rgba(61, 255, 154, 0.8)) !important; }
.concentration-popover {
    border-radius: 4px !important;
    border-color: rgba(61, 255, 154, 0.35) !important;
    background: linear-gradient(180deg, #07150f, #030806) !important;
    color: #e7ffef !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55), 0 0 24px rgba(61, 255, 154, 0.12) !important;
}
.concentration-popover .cpop-metric:first-child { border-top: 0; }
.cpop-figure strong { color: #f3fff7 !important; font-family: 'JetBrains Mono', monospace !important; }
.cpop-figure small { color: #3dff9a !important; }
.cpop-metric { border-top-color: rgba(61, 255, 154, 0.16) !important; }
.cpop-metric p { color: #b7d8c6 !important; font-family: 'JetBrains Mono', monospace !important; }

.effective-os-badge {
    height: 30px !important;
    border-radius: 3px !important;
    background: rgba(4, 16, 11, 0.9) !important;
    border-color: rgba(61, 255, 154, 0.28) !important;
    box-shadow: inset 0 0 0 1px rgba(61, 255, 154, 0.05) !important;
}
.eos-word-effective {
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 0.08em !important;
    font-size: 0.62rem !important;
    text-transform: uppercase;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #d8ffe8 !important;
}
.eos-chip-os { border-radius: 2px !important; }

/* Stat rail and panels */
.sbar-pill {
    border-radius: 4px !important;
    background: linear-gradient(180deg, rgba(8, 26, 18, 0.92), rgba(3, 10, 7, 0.92)) !important;
    border-color: rgba(61, 255, 154, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(61, 255, 154, 0.08) !important;
}
.sbar-pill:hover {
    background: linear-gradient(180deg, rgba(12, 40, 26, 0.95), rgba(4, 14, 10, 0.95)) !important;
    border-color: rgba(61, 255, 154, 0.4) !important;
}
.sbar-pill .pv { color: #f4fff8 !important; font-family: 'JetBrains Mono', monospace !important; }
.sbar-focus { --topic: #ff2d3a !important; }
.sbar-focus .pv,
.sbar-focus .pl,
.sbar-focus .sbar-icon { color: #ff2d3a !important; }
.sbar-pill .pl, .sbar-pos { color: rgba(183, 216, 198, 0.72) !important; }
.sbar-pill.sbar-focus .pl { color: #ff2d3a !important; }
.month-stats-panel {
    background: #07140e !important;
    color: #e7ffef !important;
    border-color: rgba(61, 255, 154, 0.22) !important;
    border-radius: 4px !important;
}

.geo-time-widget,
.logout-btn,
.command-palette-fab,
.icon-fab {
    color: #c8ffe0 !important;
    background: rgba(4, 14, 10, 0.92) !important;
    border-color: rgba(61, 255, 154, 0.28) !important;
    border-radius: 4px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(61, 255, 154, 0.05) !important;
}
.gt-time, .gt-city { color: #e9fff3 !important; }
.gt-date, .gt-coords { color: #7eae90 !important; }
.side-time-beacon { background: #07150f !important; border-color: rgba(61, 255, 154, 0.35) !important; }
.side-time-beacon:hover { background: #0c2418 !important; }
.command-palette-fab:hover,
.icon-fab:hover,
.logout-btn:hover {
    color: #fff !important;
    border-color: #3dff9a !important;
    box-shadow: 0 0 22px rgba(61, 255, 154, 0.28) !important;
}

.daily-task-widget,
.week-block,
.cd-card,
.wcard,
.journal-card,
.today-qv-card,
.calendar-popup-card,
.cp-card,
.close-day-panel,
.gym-modal,
.modal,
.sc-card {
    border-radius: 4px !important;
    background: linear-gradient(180deg, rgba(8, 22, 16, 0.96), rgba(3, 10, 7, 0.96)) !important;
    border: 1px solid rgba(61, 255, 154, 0.18) !important;
    color: #e7ffef !important;
    box-shadow: var(--shadow-smooth) !important;
}
.section-title,
.journal-card h2,
.today-qv-card h3,
.close-day-panel h2 {
    color: #e9fff3 !important;
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 0.08em !important;
}
.wc-lbl, .wc-sub, .wc-kicker { color: #7eae90 !important; }
.wc-val { color: #f3fff7 !important; text-shadow: none !important; }

.rhythm {
    margin-top: 18px;
    padding: 16px 16px 14px;
    border: 1px solid rgba(61, 255, 154, 0.24);
    border-radius: 6px;
    background:
        radial-gradient(circle at 0 0, rgba(61, 255, 154, 0.08), transparent 16rem),
        linear-gradient(180deg, rgba(5, 18, 12, 0.72), rgba(2, 8, 6, 0.45));
}
.rhythm-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rhythm-kicker {
    font: 700 0.72rem/1 'JetBrains Mono', ui-monospace, monospace;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #9dffc8;
}
.rhythm-now {
    padding: 6px 12px;
    border-radius: 999px;
    background: #3dff9a;
    color: #04110c;
    font: 700 0.72rem/1 'JetBrains Mono', ui-monospace, monospace;
    letter-spacing: 0.06em;
    box-shadow: 0 0 18px rgba(61, 255, 154, 0.35);
}
.rhythm-track-wrap { position: relative; margin-top: 16px; padding-top: 12px; }
.rhythm-track {
    display: flex;
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #020806;
    box-shadow: inset 0 0 0 1px rgba(61, 255, 154, 0.16);
}
.rhythm-seg { display: block; height: 100%; }
.tone-sleep { --tone: #24523c; }
.tone-gold { --tone: #d6ff4a; }
.tone-morn { --tone: #5ce1ff; }
.tone-focus { --tone: #ff2d3a; }
.tone-lunch { --tone: #14946a; }
.tone-ext { --tone: #b6ff7a; }
.tone-admin { --tone: #c4b5fd; }
.tone-shift { --tone: #6f947f; }
.tone-family { --tone: #1f8f62; }
.tone-down { --tone: #8dffc4; }
.rhythm-seg { background: var(--tone); }
.rhythm-now-pin {
    position: absolute;
    top: 2px;
    bottom: 0;
    width: 2px;
    background: #f4fff8;
    box-shadow: 0 0 12px #3dff9a;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 2;
}
.rhythm-now-pin::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 9px;
    height: 9px;
    background: #3dff9a;
    box-shadow: 0 0 12px #3dff9a;
    transform: translateX(-50%) rotate(45deg);
}
.rhythm-scale {
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    color: #7eae90;
    font: 600 0.58rem/1 'JetBrains Mono', ui-monospace, monospace;
    letter-spacing: 0.08em;
}
.rhythm-phases {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}
.rhythm-phase {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 8px 8px 9px;
    border: 1px solid rgba(61, 255, 154, 0.12);
    border-top: 2px solid var(--tone);
    border-radius: 4px;
    background: rgba(3, 12, 8, 0.72);
}
.rhythm-phase time {
    color: #7eae90;
    font: 600 0.52rem/1 'JetBrains Mono', ui-monospace, monospace;
    letter-spacing: 0.02em;
}
.rhythm-phase strong {
    color: #e7ffef;
    font: 700 0.68rem/1.15 'JetBrains Mono', ui-monospace, monospace;
    letter-spacing: 0.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rhythm-phase.is-past { opacity: 0.42; }
.rhythm-phase.is-now {
    opacity: 1;
    background: var(--tone);
    border-color: transparent;
    box-shadow: 0 0 18px color-mix(in srgb, var(--tone) 55%, transparent);
}
.rhythm-phase.is-now time,
.rhythm-phase.is-now strong { color: #04110c; }

.widgets-toggle-btn {
    border-radius: 3px !important;
    background: #0c2418 !important;
    color: #e7ffef !important;
}
.widgets-toggle-icon { color: #3dff9a !important; }
.dtw-task { background: rgba(2, 10, 7, 0.72) !important; border-color: rgba(61, 255, 154, 0.14) !important; border-radius: 3px !important; }
.dtw-body input, .dc-focus-input, input, textarea { color: #e9fff3 !important; }
.day-card .dc-focus-lbl,
.day-card .dc-focus-total,
.day-card .dc-focus-input { color: #ff2d3a !important; }
.dc-focus-bar-fill { background: #ff2d3a !important; box-shadow: 0 0 6px rgba(255, 45, 58, 0.45) !important; }
.dtw-core { border-color: rgba(61, 255, 154, 0.4) !important; background: linear-gradient(135deg, rgba(10, 48, 30, 0.7), rgba(3, 12, 8, 0.85)) !important; }
.dtw-core .dtw-body label { color: #7dffc0 !important; }
.dtw-support { border-color: rgba(92, 225, 255, 0.35) !important; background: linear-gradient(135deg, rgba(8, 36, 42, 0.7), rgba(3, 10, 14, 0.85)) !important; }
.dtw-support .dtw-body label { color: #9aefff !important; }
.dtw-done { background: #07140e !important; border-color: rgba(61, 255, 154, 0.24) !important; color: #b7d8c6 !important; }
.points-widget {
    border-radius: 4px !important;
    background: radial-gradient(circle at 0 0, rgba(61, 255, 154, 0.12), transparent 36%), linear-gradient(180deg, #07150f, #030806) !important;
    border: 1px solid rgba(61, 255, 154, 0.22) !important;
}
.pw-icon { background: #149454 !important; color: #04110c !important; box-shadow: 0 0 18px rgba(61, 255, 154, 0.35) !important; }
.intel-card {
    border-radius: 4px !important;
    background: linear-gradient(135deg, #073222, #0a4a32) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(190, 255, 220, 0.16) !important;
}
.intel-card.ic-work {
    background: linear-gradient(135deg, #102018, #1c3324) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35) !important;
}
.nav-btn, .nav-range {
    color: #c8ffe0 !important;
    background: #07140e !important;
    border-color: rgba(61, 255, 154, 0.2) !important;
    border-radius: 3px !important;
}
.nav-btn:hover { color: #fff !important; border-color: #3dff9a !important; }
.week-head { background: linear-gradient(90deg, #07180f, #04110c) !important; border-color: rgba(61, 255, 154, 0.12) !important; }
.wh-week-number {
    color: #9dffd0 !important;
    border-color: rgba(61, 255, 154, 0.35) !important;
    background: rgba(61, 255, 154, 0.08) !important;
}
.day-card {
    color: #e7ffef !important;
    background: rgba(4, 14, 10, 0.9) !important;
    border-color: rgba(61, 255, 154, 0.12) !important;
    border-radius: 3px !important;
}
.day-card:hover { border-color: rgba(61, 255, 154, 0.4) !important; }
.day-card.is-today { box-shadow: inset 0 0 0 2px #3dff9a, 0 0 22px rgba(61, 255, 154, 0.16) !important; }
.day-card.is-weekend { background: rgba(2, 8, 6, 0.88) !important; }
.dc-focus-input-wrap { background: #020806 !important; border-color: rgba(61, 255, 154, 0.16) !important; }

/* Dialogs */
#focusQV, #weekFocusQV, #monthFocusQV, .today-qv-overlay, .journal-overlay, .calendar-popup-overlay, .cp-modal {
    background: rgba(1, 6, 4, 0.78) !important;
}
.fqv-card, .wfqv-card, .journal-card, .today-qv-card, .cp-card, .calendar-popup-card {
    color: #e7ffef !important;
    background: linear-gradient(180deg, #0a1c14, #040c09) !important;
    border: 1px solid rgba(61, 255, 154, 0.28) !important;
    border-radius: 4px !important;
    box-shadow: 0 36px 90px rgba(0, 0, 0, 0.65), 0 0 32px rgba(61, 255, 154, 0.08) !important;
}
.fqv-head, .wfqv-head, .fqv-hint, .wfqv-footer, .journal-head, .journal-foot { border-color: rgba(61, 255, 154, 0.16) !important; }
.fqv-eyebrow, .wfqv-kicker, .journal-kicker, .today-qv-kicker, .cdp-kicker { color: #3dff9a !important; }
.fqv-head h2, .wfqv-title, .fqv-status strong, .wfqv-progress-label strong { color: #f3fff7 !important; }
.fqv-date-lbl, .wfqv-week, .fqv-unit, .fqv-status, .fqv-hint, .wfqv-footer { color: #7eae90 !important; }
.fqv-close, .wfqv-close, .journal-close, .today-qv-close {
    color: #c8ffe0 !important;
    background: #07150f !important;
    border: 1px solid rgba(61, 255, 154, 0.28) !important;
    border-radius: 3px !important;
}
.fqv-close:hover, .wfqv-close:hover, .journal-close:hover { background: #149454 !important; color: #04110c !important; }
.fqv-num.red { color: #ff2d3a !important; text-shadow: 0 0 24px rgba(255, 45, 58, 0.35) !important; }
.fqv-bar-wrap, .wfqv-progress-track { background: rgba(255, 45, 58, 0.12) !important; }
.fqv-bar, .wfqv-progress-track span { background: linear-gradient(90deg, #9d1020, #ff2d3a) !important; box-shadow: 0 0 14px rgba(255, 45, 58, 0.4) !important; }
.wfqv-hero { background: rgba(4, 16, 11, 0.8) !important; border: 1px solid rgba(61, 255, 154, 0.16) !important; border-radius: 3px !important; }
.wfqv-total span { color: #ff2d3a !important; }
.wfqv-day { background: #07140e !important; border: 1px solid rgba(61, 255, 154, 0.12) !important; border-radius: 3px !important; color: #e7ffef !important; }
.wfqv-day.is-today { background: rgba(20, 148, 84, 0.18) !important; box-shadow: inset 0 0 0 1px #3dff9a !important; }
.wfqv-day-meter { background: rgba(61, 255, 154, 0.12) !important; }
.wfqv-day-meter span { background: #ff2d3a !important; }

/* Auth gate */
#authLock {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(61, 255, 154, 0.12), transparent 28rem),
        repeating-linear-gradient(0deg, rgba(61, 255, 154, 0.035) 0 1px, transparent 1px 3px),
        #030705 !important;
}
.auth-card {
    width: min(380px, calc(100vw - 32px));
    border-radius: 4px !important;
    background: linear-gradient(180deg, rgba(8, 24, 16, 0.96), rgba(3, 10, 7, 0.96)) !important;
    border: 1px solid rgba(61, 255, 154, 0.32) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), 0 0 40px rgba(61, 255, 154, 0.08) !important;
}
.auth-logo {
    color: #04110c !important;
    background: #3dff9a !important;
    border-color: #3dff9a !important;
    border-radius: 3px !important;
}
.auth-title {
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 0.18em !important;
    color: #f3fff7 !important;
    text-shadow: 0 0 18px rgba(61, 255, 154, 0.35);
}
.auth-subtitle, .auth-label { color: #8fb8a0 !important; font-family: 'JetBrains Mono', monospace !important; }
.auth-input {
    border-radius: 3px !important;
    background: #020806 !important;
    border-color: rgba(61, 255, 154, 0.22) !important;
    color: #e9fff3 !important;
    font-family: 'JetBrains Mono', monospace !important;
}
.auth-input:focus {
    border-color: #3dff9a !important;
    box-shadow: 0 0 0 3px rgba(61, 255, 154, 0.16) !important;
}
.auth-submit-btn {
    border-radius: 3px !important;
    background: #3dff9a !important;
    color: #04110c !important;
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.auth-submit-btn:hover { filter: brightness(1.08); }
.auth-submit-btn:active { background: #149454 !important; }

/* Analytics */
.analytics-header {
    background: rgba(4, 14, 10, 0.92) !important;
    border-bottom: 1px solid rgba(61, 255, 154, 0.35) !important;
}
.analytics-title {
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #e9fff3 !important;
    color: #e9fff3 !important;
    text-shadow: 0 0 18px rgba(61, 255, 154, 0.35);
}
.chart-card, .perfect-gem, .nav-link {
    background: rgba(7, 22, 15, 0.92) !important;
    border: 1px solid rgba(61, 255, 154, 0.18) !important;
    border-radius: 4px !important;
    color: #d7ffe8 !important;
}
.chart-title, .pg-label { color: #8dffc4 !important; font-family: 'JetBrains Mono', monospace !important; }
.pg-num { color: #d6ff6b !important; font-family: 'JetBrains Mono', monospace !important; }
.nav-link { text-decoration: none; }
.nav-link:hover { border-color: #3dff9a !important; color: #fff !important; }

.win-the-day-widget,
.win-the-day-widget.is-won {
    border-radius: 4px !important;
    background: linear-gradient(180deg, rgba(8, 28, 18, 0.96), rgba(3, 10, 7, 0.96)) !important;
    border: 1px solid rgba(61, 255, 154, 0.24) !important;
    box-shadow: var(--shadow-smooth) !important;
}
.win-the-day-widget.is-won { border-color: #3dff9a !important; box-shadow: 0 0 28px rgba(61, 255, 154, 0.16) !important; }
.wtd-kicker, .wtd-trophy-icon { color: #3dff9a !important; }
.wtd-pulse-dot { background: #3dff9a !important; box-shadow: 0 0 8px #3dff9a !important; }
.wtd-title { color: #f3fff7 !important; font-family: 'JetBrains Mono', monospace !important; letter-spacing: 0.04em !important; }
.wtd-subtitle, .wtd-status-progress, .wtd-p-tag { color: #8fb8a0 !important; }
.wtd-status-card, .wtd-pillar {
    border-radius: 3px !important;
    background: rgba(61, 255, 154, 0.04) !important;
    border-color: rgba(61, 255, 154, 0.16) !important;
}
.wtd-status-badge, .wtd-p-name { color: #f3fff7 !important; }
.wtd-pillar:focus-visible { outline-color: #3dff9a !important; }

@media (min-width: 760px) and (max-width: 1620px) {
    .rhythm-track-wrap,
    .rhythm-scale,
    .rhythm-phases { margin-right: 150px; }
}
@media (max-width: 1100px) {
    .rhythm-phases { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .brand-title-text { font-size: clamp(1.7rem, 9vw, 2.5rem) !important; align-items: flex-start !important; }
    .brand-word { letter-spacing: 0.08em; }
    .title-truth { font-size: 0.58rem !important; letter-spacing: 0.08em !important; }
    .rhythm { padding: 12px; }
    .rhythm-head { align-items: flex-start; flex-direction: column; }
    .rhythm-phases {
        display: flex;
        overflow-x: auto;
        padding-bottom: 4px;
    }
    .rhythm-phase { flex: 0 0 118px; }
}

@media (prefers-reduced-motion: reduce) {
    body::before,
    body > header::before,
    .brand-prompt,
    .title-truth-core { animation: none !important; }
    .brand-prompt { opacity: 1; }
}