/* /Components/Dashboard/CharacterStatePanel.razor.rz.scp.css */
.character-state-panel[b-gymrwe4lsd] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 26px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(22px);
    background:
        radial-gradient(circle at 88% 0%, rgba(101,240,198,.12), transparent 13rem),
        radial-gradient(circle at 0% 100%, rgba(150,169,255,.1), transparent 14rem),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
        rgba(12, 22, 33, .52);
}

.character-state-panel[b-gymrwe4lsd]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255,255,255,.12), transparent 26%, transparent 74%, rgba(255,255,255,.05));
    opacity: .34;
}

.section-head[b-gymrwe4lsd] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.section-head h2[b-gymrwe4lsd] {
    margin: 0;
    font-size: 15px;
    font-weight: 720;
}

.eyebrow[b-gymrwe4lsd] {
    display: block;
    margin-bottom: 7px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 10px;
}

.section-note[b-gymrwe4lsd] {
    max-width: 420px;
    margin: 8px 0 0;
    color: var(--soft);
    font-size: 14px;
    line-height: 1.45;
}

.state-pulse[b-gymrwe4lsd] {
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(237,247,246,.9) 0 5%, rgba(101,240,198,.26) 18%, rgba(101,240,198,.08) 54%, transparent 68%);
    border: 1px solid rgba(101, 240, 198, .22);
    box-shadow: var(--glow-calm);
    animation: state-pulse-b-gymrwe4lsd 4.8s ease-in-out infinite;
}

.state-meter-grid[b-gymrwe4lsd] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.state-footer[b-gymrwe4lsd] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    color: var(--soft);
    font-size: 12px;
    line-height: 1.4;
}

.state-check[b-gymrwe4lsd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.state-check > span[b-gymrwe4lsd] {
    color: var(--muted);
    margin-right: 2px;
}

.state-check button[b-gymrwe4lsd] {
    min-height: 30px;
    padding: 0 11px;
    color: var(--soft);
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 999px;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.state-check button:hover[b-gymrwe4lsd] {
    color: var(--ink);
    border-color: rgba(101, 240, 198, .28);
    background: rgba(101, 240, 198, .075);
}

@keyframes state-pulse-b-gymrwe4lsd {
    0%, 100% {
        transform: scale(1);
        opacity: .8;
    }
    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}

@media (max-width: 820px) {
    .state-meter-grid[b-gymrwe4lsd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/StateMeter.razor.rz.scp.css */
.state-meter[b-2l5jy42jij] {
    --value: 50;
    --tone: var(--calm);
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    min-height: 118px;
    padding: 15px;
    overflow: hidden;
    border-radius: 20px;
    background:
        radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--tone), transparent 82%), transparent 9rem),
        rgba(255,255,255,.035);
    border: 1px solid color-mix(in srgb, var(--tone), transparent 82%);
    box-shadow: inset 0 0 26px rgba(255,255,255,.025), 0 0 28px color-mix(in srgb, var(--tone), transparent 92%);
}

.meter-head[b-2l5jy42jij] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 11px;
    align-items: start;
}

.meter-icon[b-2l5jy42jij] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--tone), transparent 84%);
    box-shadow: 0 0 24px color-mix(in srgb, var(--tone), transparent 72%);
}

.meter-head strong[b-2l5jy42jij],
.meter-head span[b-2l5jy42jij],
.meter-head b[b-2l5jy42jij] {
    display: block;
}

.meter-head strong[b-2l5jy42jij] {
    font-size: 14px;
    line-height: 1.15;
}

.meter-head span[b-2l5jy42jij] {
    margin-top: 5px;
    color: var(--soft);
    font-size: 12px;
    line-height: 1.35;
}

.meter-head b[b-2l5jy42jij] {
    color: var(--tone);
    font-size: 18px;
    line-height: 1;
    text-shadow: 0 0 20px color-mix(in srgb, var(--tone), transparent 52%);
}

.meter-track[b-2l5jy42jij] {
    height: 16px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.06);
}

.meter-track span[b-2l5jy42jij] {
    display: block;
    width: calc(var(--value) * 1%);
    height: 100%;
    border-radius: inherit;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--tone), transparent 22%), color-mix(in srgb, var(--tone), white 34%));
    box-shadow: 0 0 18px color-mix(in srgb, var(--tone), transparent 42%);
    animation: meter-rise-b-2l5jy42jij .82s cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes meter-rise-b-2l5jy42jij {
    from {
        width: 8%;
        opacity: .42;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-05ggb882x7] {
    min-height: 100vh;
}

#blazor-error-ui[b-05ggb882x7] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-05ggb882x7] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-6hcmxjk3k9] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-6hcmxjk3k9] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-6hcmxjk3k9] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-6hcmxjk3k9] {
    font-size: 1.1rem;
}

.bi[b-6hcmxjk3k9] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-6hcmxjk3k9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-6hcmxjk3k9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-6hcmxjk3k9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-6hcmxjk3k9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-6hcmxjk3k9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-6hcmxjk3k9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-6hcmxjk3k9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-6hcmxjk3k9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-6hcmxjk3k9] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-6hcmxjk3k9] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-6hcmxjk3k9] {
        padding-bottom: 1rem;
    }

    .nav-item[b-6hcmxjk3k9]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-6hcmxjk3k9]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-6hcmxjk3k9]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-6hcmxjk3k9] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-6hcmxjk3k9] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-6hcmxjk3k9] {
        display: none;
    }

    .nav-scrollable[b-6hcmxjk3k9] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
:host[b-0i7lcyw8df] {
    color-scheme: dark;
}

.life-hud[b-0i7lcyw8df] {
    --panel: rgba(12, 22, 33, .52);
    --ink: #edf7f6;
    --muted: #8fa3ae;
    --soft: #b8cbd1;
    --line: rgba(186, 222, 232, .12);
    --calm: #65f0c6;
    --money: #f5c86b;
    --family: #ff8a7b;
    --creative: #96a9ff;
    --recovery: #8df7a7;
    --stress: #ff5b63;
    --shadow: 0 24px 90px rgba(0, 0, 0, .42);
    --glow-calm: 0 0 24px rgba(101, 240, 198, .36), 0 0 80px rgba(22, 168, 143, .16);
    min-height: 100vh;
    padding: 24px;
    color: var(--ink);
    background:
        radial-gradient(circle at 50% -18%, rgba(101, 240, 198, .18), transparent 32rem),
        radial-gradient(circle at 88% 8%, rgba(245, 200, 107, .14), transparent 24rem),
        radial-gradient(circle at 6% 74%, rgba(150, 169, 255, .11), transparent 30rem),
        linear-gradient(180deg, #07101b 0%, #05080f 62%, #04070d 100%);
    position: relative;
    overflow: hidden;
}

.life-hud[b-0i7lcyw8df]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(circle at 50% 18%, #000 0%, transparent 70%);
    opacity: .42;
}

button[b-0i7lcyw8df],
input[b-0i7lcyw8df] {
    font: inherit;
}

button[b-0i7lcyw8df] {
    border: 0;
    cursor: pointer;
}

.topbar[b-0i7lcyw8df],
.hud-grid[b-0i7lcyw8df] {
    width: min(1460px, 100%);
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

.topbar[b-0i7lcyw8df] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 62px;
    margin-bottom: 22px;
}

.brand[b-0i7lcyw8df] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.sigil[b-0i7lcyw8df] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--calm);
    background: radial-gradient(circle, rgba(101,240,198,.22), rgba(101,240,198,.05) 58%, transparent 60%), rgba(255,255,255,.03);
    border: 1px solid rgba(101, 240, 198, .28);
    border-radius: 50%;
    box-shadow: var(--glow-calm);
}

.sigil span[b-0i7lcyw8df] {
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-radius: 50%;
    box-shadow: inset 0 0 14px rgba(101, 240, 198, .42);
}

.brand h1[b-0i7lcyw8df],
.brand p[b-0i7lcyw8df],
.section-head h2[b-0i7lcyw8df],
.section-head h3[b-0i7lcyw8df],
.quest h3[b-0i7lcyw8df],
.activity h3[b-0i7lcyw8df] {
    margin: 0;
}

.brand h1[b-0i7lcyw8df] {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 720;
}

.brand p[b-0i7lcyw8df],
.system-state[b-0i7lcyw8df],
.eyebrow[b-0i7lcyw8df] {
    color: var(--muted);
    font-size: 13px;
}

.brand p[b-0i7lcyw8df] {
    margin-top: 4px;
}

.system-state[b-0i7lcyw8df] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.04);
    backdrop-filter: blur(20px);
}

.status-dot[b-0i7lcyw8df] {
    width: 8px;
    height: 8px;
    background: var(--calm);
    border-radius: 50%;
    box-shadow: 0 0 18px var(--calm);
}

.hud-grid[b-0i7lcyw8df] {
    display: grid;
    grid-template-columns: minmax(360px, .92fr) minmax(480px, 1.18fr) minmax(330px, .72fr);
    gap: 22px;
    align-items: start;
}

.hud-column[b-0i7lcyw8df],
.quest-zone[b-0i7lcyw8df] {
    display: grid;
    gap: 22px;
    align-content: start;
}

.surface[b-0i7lcyw8df] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)), var(--panel);
    border: 1px solid var(--line);
    border-radius: 26px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(22px);
}

.surface[b-0i7lcyw8df]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255,255,255,.13), transparent 28%, transparent 72%, rgba(255,255,255,.05));
    opacity: .38;
}

.section-head[b-0i7lcyw8df] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

.section-head h2[b-0i7lcyw8df] {
    font-size: 15px;
    font-weight: 720;
}

.section-note[b-0i7lcyw8df] {
    max-width: 520px;
    margin: 8px 0 0;
    color: var(--soft);
    font-size: 14px;
    line-height: 1.45;
}

.eyebrow[b-0i7lcyw8df] {
    display: block;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 10px;
}

.icon-button[b-0i7lcyw8df],
.ghost-button[b-0i7lcyw8df],
.primary-action[b-0i7lcyw8df] {
    display: inline-grid;
    min-height: 42px;
    place-items: center;
    color: var(--ink);
    border-radius: 999px;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.icon-button[b-0i7lcyw8df] {
    width: 42px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--line);
}

.ghost-button[b-0i7lcyw8df] {
    padding: 0 16px;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--line);
}

.primary-action[b-0i7lcyw8df] {
    padding: 0 20px;
    color: #03110f;
    background: linear-gradient(135deg, var(--calm), #b8ffe9);
    box-shadow: var(--glow-calm);
    font-weight: 760;
}

.wide-action[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    width: fit-content;
    min-width: 180px;
}

.core-panel[b-0i7lcyw8df] {
    min-height: 630px;
    padding: 24px;
    display: grid;
    gap: 22px;
}

.core-stage[b-0i7lcyw8df] {
    display: grid;
    place-items: center;
    min-height: 400px;
    position: relative;
    z-index: 1;
}

.core-stage[b-0i7lcyw8df]::before,
.core-stage[b-0i7lcyw8df]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.core-stage[b-0i7lcyw8df]::before {
    width: 92%;
    aspect-ratio: 1;
    background: radial-gradient(circle, rgba(101,240,198,.18), transparent 44%), conic-gradient(from 0deg, transparent, rgba(101,240,198,.22), transparent, rgba(245,200,107,.14), transparent);
    filter: blur(8px);
    opacity: .72;
    animation: slow-spin-b-0i7lcyw8df 18s linear infinite;
}

.core-stage[b-0i7lcyw8df]::after {
    width: 74%;
    aspect-ratio: 1;
    border: 1px solid rgba(101, 240, 198, .16);
    box-shadow: inset 0 0 70px rgba(101, 240, 198, .06);
}

.stability-core[b-0i7lcyw8df] {
    --score: 78;
    position: relative;
    display: grid;
    width: min(330px, 76vw);
    aspect-ratio: 1;
    place-items: center;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 44%, rgba(237,247,246,.96) 0 2%, rgba(101,240,198,.34) 9%, rgba(14,51,55,.42) 36%, rgba(5,8,15,.9) 66%), conic-gradient(from 225deg, var(--calm) calc(var(--score) * 1%), rgba(255,255,255,.08) 0);
    box-shadow: inset 0 0 60px rgba(255,255,255,.09), inset 0 0 120px rgba(101,240,198,.13), 0 0 52px rgba(101,240,198,.28), 0 0 130px rgba(101,240,198,.13);
    animation: core-pulse-b-0i7lcyw8df 4.8s ease-in-out infinite;
}

.stability-core[b-0i7lcyw8df]::before {
    content: "";
    position: absolute;
    inset: 11px;
    border-radius: inherit;
    border: 1px solid rgba(221, 255, 248, .22);
}

.stability-core[b-0i7lcyw8df]::after {
    content: "";
    position: absolute;
    width: 118%;
    aspect-ratio: 1;
    border-radius: inherit;
    background: conic-gradient(from 90deg, transparent 0 14%, rgba(101,240,198,.72) 15%, transparent 16% 49%, rgba(245,200,107,.5) 50%, transparent 51% 82%, rgba(101,240,198,.55) 83%, transparent 84%);
    mask: radial-gradient(circle, transparent 67%, #000 68% 70%, transparent 71%);
    animation: slow-spin-b-0i7lcyw8df 22s linear infinite reverse;
}

.core-readout[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    text-align: center;
}

.score[b-0i7lcyw8df] {
    display: block;
    font-size: clamp(58px, 8vw, 86px);
    font-weight: 780;
    line-height: .86;
    text-shadow: 0 0 34px rgba(101, 240, 198, .42);
}

.state-label[b-0i7lcyw8df] {
    display: block;
    margin-top: 14px;
    color: var(--soft);
    font-size: 14px;
}

.core-caption[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.signal[b-0i7lcyw8df] {
    padding: 14px;
    min-height: 94px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
}

.signal b[b-0i7lcyw8df] {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}

.signal-track[b-0i7lcyw8df] {
    height: 32px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
}

.signal-track span[b-0i7lcyw8df] {
    display: block;
    width: var(--value);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--tone), rgba(255,255,255,.72));
}

.today-focus[b-0i7lcyw8df],
.quick-capture[b-0i7lcyw8df],
.add-entry-panel[b-0i7lcyw8df],
.activity-panel[b-0i7lcyw8df],
.timeline-panel[b-0i7lcyw8df],
.week-panel[b-0i7lcyw8df],
.day-panel[b-0i7lcyw8df],
.planner-panel[b-0i7lcyw8df],
.reality-panel[b-0i7lcyw8df],
.rhythm-panel[b-0i7lcyw8df] {
    padding: 22px;
    display: grid;
    gap: 16px;
}

.today-focus[b-0i7lcyw8df] {
    background: radial-gradient(circle at 16% 8%, rgba(245, 200, 107, .18), transparent 18rem), linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.02)), rgba(20, 27, 38, .58);
}

.add-entry-panel[b-0i7lcyw8df] {
    background: radial-gradient(circle at 86% 0%, rgba(101,240,198,.16), transparent 12rem), linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)), rgba(12, 22, 33, .52);
}

.focus-list[b-0i7lcyw8df],
.activity-list[b-0i7lcyw8df],
.timeline[b-0i7lcyw8df],
.week-calendar[b-0i7lcyw8df],
.day-flow[b-0i7lcyw8df],
.reality-options[b-0i7lcyw8df],
.step-list[b-0i7lcyw8df] {
    display: grid;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.focus-item[b-0i7lcyw8df] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(245,200,107,.12), rgba(101,240,198,.055)), rgba(255,255,255,.04);
    border: 1px solid rgba(245,200,107,.15);
}

.focus-item h3[b-0i7lcyw8df] {
    margin: 0 0 7px;
    font-size: 18px;
}

.focus-impact[b-0i7lcyw8df] {
    display: grid;
    gap: 6px;
    color: var(--soft);
    font-size: 14px;
}

.capture-field[b-0i7lcyw8df] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    position: relative;
    z-index: 1;
    padding: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 0 44px rgba(101, 240, 198, .07);
}

.capture-field input[b-0i7lcyw8df] {
    min-width: 0;
    width: 100%;
    min-height: 54px;
    padding: 0 18px;
    color: var(--ink);
    background: transparent;
    border: 0;
    outline: 0;
}

.add-orb[b-0i7lcyw8df] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #03110f;
    background: linear-gradient(135deg, var(--calm), #c8ffed);
    border-radius: 50%;
    box-shadow: var(--glow-calm);
    font-size: 26px;
    font-weight: 520;
}

.input-examples[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.input-examples button[b-0i7lcyw8df] {
    min-height: 32px;
    padding: 0 12px;
    color: var(--soft);
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
}

.input-examples button:hover[b-0i7lcyw8df] {
    color: var(--ink);
    border-color: rgba(101, 240, 198, .28);
}

.schedule-controls[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 10px;
}

.schedule-controls label[b-0i7lcyw8df],
.manual-quests[b-0i7lcyw8df] {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 12px;
}

.schedule-controls select[b-0i7lcyw8df],
.schedule-controls input[type="time"][b-0i7lcyw8df] {
    min-height: 42px;
    padding: 0 12px;
    color: var(--ink);
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    outline: 0;
}

.toggle-row[b-0i7lcyw8df] {
    grid-template-columns: auto 1fr;
    align-content: end;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    color: var(--soft) !important;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
}

.manual-quests[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
}

.manual-quests > div[b-0i7lcyw8df] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.quest-toggle[b-0i7lcyw8df] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 10px;
    color: var(--soft);
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
}

.quest-toggle:has(input:checked)[b-0i7lcyw8df] {
    color: var(--ink);
    border-color: rgba(101, 240, 198, .3);
    background: rgba(101, 240, 198, .08);
}

.ai-preview[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    padding: 16px;
    border-radius: 22px;
    background: rgba(101, 240, 198, .08);
    border: 1px solid rgba(101, 240, 198, .16);
}

.ai-preview.is-visible[b-0i7lcyw8df] {
    display: grid;
    gap: 14px;
    animation: rise-b-0i7lcyw8df .26s ease both;
}

.modal-backdrop[b-0i7lcyw8df] {
    position: fixed;
    inset: 0;
    z-index: 30;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(1, 4, 9, .72);
    backdrop-filter: blur(16px);
    animation: rise-b-0i7lcyw8df .18s ease both;
}

.activity-modal[b-0i7lcyw8df] {
    width: min(760px, 100%);
    max-height: min(860px, calc(100vh - 44px));
    padding: 24px;
    display: grid;
    gap: 16px;
    overflow: auto;
    background: radial-gradient(circle at 88% 0%, rgba(101,240,198,.16), transparent 18rem), radial-gradient(circle at 8% 100%, rgba(150,169,255,.12), transparent 18rem), linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.026)), rgba(8, 17, 26, .92);
}

.modal-head[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.modal-head h2[b-0i7lcyw8df] {
    margin: 0;
    font-size: 22px;
}

.preview-row[b-0i7lcyw8df],
.impact-line[b-0i7lcyw8df] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}

.impact-line[b-0i7lcyw8df] {
    justify-content: flex-start;
    color: var(--soft);
    font-size: 14px;
}

.impact-token[b-0i7lcyw8df] {
    color: var(--tone);
    text-shadow: 0 0 18px color-mix(in srgb, var(--tone), transparent 45%);
    font-weight: 760;
}

.quest-section[b-0i7lcyw8df] {
    display: grid;
    gap: 14px;
}

.quest-grid[b-0i7lcyw8df] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.quest-grid.small[b-0i7lcyw8df] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.quest[b-0i7lcyw8df] {
    --progress: 50;
    --tone: var(--calm);
    position: relative;
    min-height: 230px;
    padding: 22px;
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.018)), rgba(255,255,255,.035);
    box-shadow: var(--shadow);
    border: 1px solid rgba(255,255,255,.09);
}

.quest.small[b-0i7lcyw8df] {
    min-height: 164px;
    border-radius: 24px;
    padding: 16px;
}

.quest[b-0i7lcyw8df]::before {
    content: "";
    position: absolute;
    inset: auto -18% -48% -18%;
    height: calc(var(--progress) * 1.05%);
    min-height: 34%;
    background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tone), transparent 25%), transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--tone), transparent 62%), transparent);
    opacity: .62;
    filter: blur(2px);
}

.quest[b-0i7lcyw8df]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--tone), transparent 78%), transparent 12rem);
}

.quest-content[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: grid;
    height: 100%;
    align-content: space-between;
    gap: 34px;
}

.quest h3[b-0i7lcyw8df] {
    font-size: 22px;
    line-height: 1.1;
}

.quest.small h3[b-0i7lcyw8df] {
    font-size: 16px;
}

.quest p[b-0i7lcyw8df] {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.45;
}

.quest-progress[b-0i7lcyw8df] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.quest-progress strong[b-0i7lcyw8df] {
    font-size: 44px;
    line-height: .9;
    text-shadow: 0 0 26px color-mix(in srgb, var(--tone), transparent 55%);
}

.quest.small .quest-progress strong[b-0i7lcyw8df] {
    font-size: 28px;
}

.quest-ring[b-0i7lcyw8df] {
    width: 58px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(var(--tone) calc(var(--progress) * 1%), rgba(255,255,255,.1) 0);
    mask: radial-gradient(circle, transparent 52%, #000 54%);
}

.activity[b-0i7lcyw8df] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 22px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.06);
}

.activity.done[b-0i7lcyw8df] {
    background: rgba(101, 240, 198, .075);
    animation: task-complete-b-0i7lcyw8df .52s ease both;
}

.complete-button[b-0i7lcyw8df] {
    position: relative;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    color: var(--muted);
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    touch-action: none;
    user-select: none;
}

.activity.done .complete-button[b-0i7lcyw8df] {
    color: #03110f;
    background: var(--calm);
    box-shadow: var(--glow-calm);
}

.complete-button.is-complete[b-0i7lcyw8df] {
    color: #03110f;
    background: var(--calm);
    box-shadow: var(--glow-calm);
}

.complete-button.is-holding[b-0i7lcyw8df] {
    color: var(--ink);
    border-color: color-mix(in srgb, var(--hold-color), transparent 48%);
    box-shadow: 0 0 22px color-mix(in srgb, var(--hold-color), transparent 64%);
}

.hold-dot[b-0i7lcyw8df] {
    --hold: 0;
    --hold-color: var(--stress);
    position: absolute;
    left: 50%;
    top: -38px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.95) 0 4%, rgba(255,255,255,.22) 5% 22%, transparent 48%),
        radial-gradient(circle, color-mix(in srgb, var(--hold-color), white 16%), color-mix(in srgb, var(--hold-color), transparent 35%) 44%, rgba(5, 8, 15, .74) 72%),
        linear-gradient(135deg, var(--stress), var(--money) calc(var(--hold) * .7%), var(--calm) calc(var(--hold) * 1%));
    box-shadow:
        0 0 18px color-mix(in srgb, var(--hold-color), transparent 18%),
        0 0 44px color-mix(in srgb, var(--hold-color), transparent 54%),
        0 0 78px color-mix(in srgb, var(--hold-color), transparent 76%);
    transform: translateX(-50%);
    pointer-events: none;
    animation: hold-glow-b-0i7lcyw8df .72s ease-in-out infinite alternate;
    font-size: 10px;
    font-weight: 820;
    line-height: 1;
    color: #07100e;
    text-shadow: 0 1px 8px rgba(255,255,255,.75);
}

.hold-dot[b-0i7lcyw8df]::before {
    content: "";
    position: absolute;
    inset: -5px;
    border-radius: inherit;
    background: conic-gradient(from 180deg, var(--stress), var(--money), var(--calm), var(--stress));
    opacity: .36;
    filter: blur(8px);
    z-index: -1;
}

.hold-dot span[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    min-width: 2ch;
    animation: number-rise-b-0i7lcyw8df .16s ease-out both;
}

.activity h3[b-0i7lcyw8df] {
    font-size: 15px;
    line-height: 1.25;
}

.activity-meta[b-0i7lcyw8df] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
    color: var(--soft);
    font-size: 13px;
}

.floating-impact[b-0i7lcyw8df] {
    position: absolute;
    right: 18px;
    top: 8px;
    color: var(--calm);
    font-weight: 780;
    text-shadow: 0 0 22px rgba(101, 240, 198, .7);
    opacity: 0;
    pointer-events: none;
}

.activity.done .floating-impact[b-0i7lcyw8df] {
    animation: float-impact-b-0i7lcyw8df 1.2s ease both;
}

.gentle-suggestion[b-0i7lcyw8df],
.planner-prompt[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    padding: 16px;
    color: var(--soft);
    background: rgba(141, 247, 167, .07);
    border: 1px solid rgba(141, 247, 167, .15);
    border-radius: 20px;
    line-height: 1.45;
}

.week-calendar[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(7, minmax(150px, 1fr));
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.calendar-wide[b-0i7lcyw8df] {
    grid-column: 1 / -1;
}

.day-nav[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 8px;
    align-items: center;
}

.day-overview[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 18px;
    align-items: stretch;
}

.day-balance[b-0i7lcyw8df] {
    display: grid;
    align-content: center;
    justify-items: center;
    min-height: 240px;
    padding: 18px;
    text-align: center;
    background: radial-gradient(circle, rgba(101,240,198,.16), rgba(255,255,255,.035) 62%);
    border: 1px solid rgba(101, 240, 198, .16);
    border-radius: 24px;
}

.day-balance.compact[b-0i7lcyw8df] {
    min-height: 112px;
    margin-top: -2px;
}

.day-balance.compact strong[b-0i7lcyw8df] {
    font-size: 42px;
}

.day-balance span[b-0i7lcyw8df] {
    color: var(--muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .14em;
}

.day-balance strong[b-0i7lcyw8df] {
    margin-top: 12px;
    font-size: 58px;
    line-height: .9;
    text-shadow: 0 0 28px rgba(101, 240, 198, .34);
}

.day-flow.large[b-0i7lcyw8df] {
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    gap: 12px;
    align-content: start;
}

.day-flow.large .calendar-entry[b-0i7lcyw8df] {
    min-height: 118px;
    padding: 16px;
}

.day-flow.large .calendar-entry span[b-0i7lcyw8df] {
    font-size: 12px;
}

.day-flow.large .calendar-entry strong[b-0i7lcyw8df] {
    font-size: 16px;
}

.day-column[b-0i7lcyw8df] {
    min-height: 260px;
    padding: 13px;
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 22px;
}

.day-column.today[b-0i7lcyw8df] {
    border-color: rgba(101, 240, 198, .34);
    box-shadow: inset 0 0 30px rgba(101, 240, 198, .06), 0 0 24px rgba(101, 240, 198, .08);
}

.day-head[b-0i7lcyw8df] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.day-head strong[b-0i7lcyw8df] {
    font-size: 13px;
}

.day-head span[b-0i7lcyw8df] {
    color: var(--soft);
    font-size: 12px;
}

.day-flow[b-0i7lcyw8df] {
    display: grid;
    gap: 10px;
}

.calendar-entry[b-0i7lcyw8df] {
    display: grid;
    gap: 4px;
    min-height: 70px;
    padding: 11px;
    background: color-mix(in srgb, var(--tone), transparent 88%);
    border: 1px solid color-mix(in srgb, var(--tone), transparent 72%);
    border-radius: 16px;
    box-shadow: 0 0 20px color-mix(in srgb, var(--tone), transparent 88%);
}

.calendar-entry span[b-0i7lcyw8df] {
    color: var(--soft);
    font-size: 11px;
}

.calendar-entry strong[b-0i7lcyw8df] {
    font-size: 13px;
    line-height: 1.25;
}

.calendar-entry.empty[b-0i7lcyw8df] {
    border-style: dashed;
    opacity: .7;
}

.activity.calendar-entry[b-0i7lcyw8df] {
    min-height: 76px;
    background: color-mix(in srgb, var(--tone), transparent 90%);
}

.activity.calendar-entry .activity-meta[b-0i7lcyw8df] {
    margin-top: 5px;
}

.activity.calendar-entry.done[b-0i7lcyw8df] {
    background: rgba(101, 240, 198, .095);
    border-color: rgba(101, 240, 198, .24);
}

.activity.calendar-entry.done .complete-button[b-0i7lcyw8df] {
    color: #03110f;
    background: var(--calm);
    box-shadow: var(--glow-calm);
}

.activity.calendar-entry.done h3[b-0i7lcyw8df] {
    color: var(--calm);
}

.rhythm-map[b-0i7lcyw8df] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}

.rhythm-row[b-0i7lcyw8df] {
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 12px;
    align-items: center;
    color: var(--soft);
    font-size: 13px;
}

.rhythm-track[b-0i7lcyw8df] {
    display: grid;
    grid-template-columns: 1.1fr .65fr .9fr 1.25fr;
    gap: 6px;
    min-height: 28px;
}

.rhythm-block[b-0i7lcyw8df] {
    border-radius: 999px;
    background: color-mix(in srgb, var(--tone), transparent 78%);
    border: 1px solid color-mix(in srgb, var(--tone), transparent 68%);
    box-shadow: 0 0 20px color-mix(in srgb, var(--tone), transparent 86%);
}

.planner-prompt[b-0i7lcyw8df] {
    background: radial-gradient(circle at 0% 0%, rgba(150,169,255,.2), transparent 12rem), rgba(255,255,255,.045);
    border-color: rgba(150,169,255,.16);
}

.planner-prompt h3[b-0i7lcyw8df] {
    margin: 0 0 8px;
    font-size: 17px;
}

.planner-prompt p[b-0i7lcyw8df],
.first-step span[b-0i7lcyw8df] {
    margin: 0;
    color: var(--soft);
    font-size: 14px;
    line-height: 1.45;
}

.first-step[b-0i7lcyw8df],
.reality-option[b-0i7lcyw8df] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px;
    color: var(--soft);
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
}

.timeline[b-0i7lcyw8df] {
    gap: 18px;
}

.timeline[b-0i7lcyw8df]::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: linear-gradient(var(--calm), rgba(255,255,255,.04));
    opacity: .5;
}

.event[b-0i7lcyw8df] {
    position: relative;
    padding-left: 34px;
}

.event[b-0i7lcyw8df]::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--tone, var(--calm));
    box-shadow: 0 0 22px var(--tone, var(--calm));
}

.event h3[b-0i7lcyw8df] {
    margin: 0;
    font-size: 15px;
    font-weight: 680;
}

.event p[b-0i7lcyw8df] {
    margin: 7px 0 0;
    color: var(--soft);
    font-size: 14px;
    line-height: 1.45;
}

.toast[b-0i7lcyw8df] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 20;
    width: min(380px, calc(100vw - 44px));
    padding: 18px 20px;
    color: var(--ink);
    background: linear-gradient(135deg, rgba(101,240,198,.18), rgba(255,255,255,.06)), rgba(8, 17, 26, .92);
    border: 1px solid rgba(101, 240, 198, .2);
    border-radius: 22px;
    box-shadow: var(--glow-calm), var(--shadow);
    backdrop-filter: blur(20px);
    animation: rise-b-0i7lcyw8df .28s ease both;
}

.toast strong[b-0i7lcyw8df] {
    display: block;
    margin-bottom: 7px;
    color: var(--calm);
}

.impact-update[b-0i7lcyw8df] {
    position: fixed;
    left: 50%;
    bottom: 28px;
    z-index: 35;
    display: grid;
    gap: 10px;
    width: min(520px, calc(100vw - 36px));
    padding: 20px;
    color: var(--ink);
    background:
        radial-gradient(circle at 0% 0%, rgba(101,240,198,.18), transparent 16rem),
        linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.028)),
        rgba(8, 17, 26, .95);
    border: 1px solid rgba(101, 240, 198, .24);
    border-radius: 24px;
    box-shadow: var(--glow-calm), var(--shadow);
    backdrop-filter: blur(20px);
    transform: translateX(-50%);
}

.impact-update.is-visible[b-0i7lcyw8df] {
    animation: update-pop-b-0i7lcyw8df 2.8s ease both;
}

.impact-update strong[b-0i7lcyw8df] {
    font-size: 18px;
}

.impact-update p[b-0i7lcyw8df] {
    margin: 0;
    color: var(--soft);
    font-size: 14px;
}

@keyframes core-pulse-b-0i7lcyw8df {
    0%, 100% { transform: scale(1); filter: saturate(1); }
    50% { transform: scale(1.018); filter: saturate(1.16); }
}

@keyframes slow-spin-b-0i7lcyw8df {
    to { transform: rotate(360deg); }
}

@keyframes rise-b-0i7lcyw8df {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes task-complete-b-0i7lcyw8df {
    0% { transform: scale(1); }
    42% { transform: scale(1.025); }
    100% { transform: scale(1); }
}

@keyframes float-impact-b-0i7lcyw8df {
    0% { opacity: 0; transform: translateY(10px); }
    18% { opacity: 1; }
    100% { opacity: 0; transform: translateY(-48px); }
}

@keyframes hold-glow-b-0i7lcyw8df {
    from {
        transform: translateX(-50%) scale(.96);
        filter: saturate(1);
    }
    to {
        transform: translateX(-50%) scale(1.08);
        filter: saturate(1.35);
    }
}

@keyframes number-rise-b-0i7lcyw8df {
    from {
        opacity: .45;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes update-pop-b-0i7lcyw8df {
    0% {
        opacity: 0;
        transform: translate(-50%, 18px) scale(.97);
    }
    12%, 78% {
        opacity: 1;
        transform: translate(-50%, 0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -10px) scale(.99);
    }
}

@media (max-width: 1200px) {
    .hud-grid[b-0i7lcyw8df] {
        grid-template-columns: minmax(340px, .86fr) minmax(0, 1.14fr);
    }

    .right-column[b-0i7lcyw8df] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .life-hud[b-0i7lcyw8df] {
        padding: 16px;
    }

    .brand p[b-0i7lcyw8df],
    .system-state[b-0i7lcyw8df] {
        display: none;
    }

    .hud-grid[b-0i7lcyw8df],
    .right-column[b-0i7lcyw8df],
    .quest-grid[b-0i7lcyw8df],
    .quest-grid.small[b-0i7lcyw8df],
    .core-caption[b-0i7lcyw8df],
    .day-overview[b-0i7lcyw8df] {
        grid-template-columns: 1fr;
    }

    .day-flow.large[b-0i7lcyw8df] {
        grid-template-columns: 1fr;
    }

    .core-panel[b-0i7lcyw8df] {
        min-height: auto;
        padding: 18px;
    }

    .core-stage[b-0i7lcyw8df] {
        min-height: 330px;
    }

    .capture-field[b-0i7lcyw8df],
    .focus-item[b-0i7lcyw8df] {
        grid-template-columns: 1fr;
        border-radius: 24px;
    }

    .capture-field input[b-0i7lcyw8df] {
        min-height: 44px;
    }

    .primary-action[b-0i7lcyw8df] {
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.aeden-home[b-9wo4g83rek] {
    --ink: #edf7f6;
    --muted: #8fa3ae;
    --soft: #b8cbd1;
    --line: rgba(186, 222, 232, .12);
    --calm: #65f0c6;
    --money: #f5c86b;
    --recovery: #8df7a7;
    --shadow: 0 24px 90px rgba(0, 0, 0, .42);
    --glow-calm: 0 0 24px rgba(101, 240, 198, .36), 0 0 80px rgba(22, 168, 143, .16);
    min-height: 100vh;
    padding: 24px;
    color: var(--ink);
    background:
        radial-gradient(circle at 50% -18%, rgba(101, 240, 198, .18), transparent 32rem),
        radial-gradient(circle at 88% 8%, rgba(245, 200, 107, .14), transparent 24rem),
        radial-gradient(circle at 6% 74%, rgba(150, 169, 255, .11), transparent 30rem),
        linear-gradient(180deg, #07101b 0%, #05080f 62%, #04070d 100%);
    position: relative;
    overflow: hidden;
}

.aeden-home[b-9wo4g83rek]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(circle at 50% 18%, #000 0%, transparent 70%);
    opacity: .42;
}

.home-topbar[b-9wo4g83rek],
.home-hero[b-9wo4g83rek],
.home-system[b-9wo4g83rek],
.philosophy-panel[b-9wo4g83rek],
.quote-panel[b-9wo4g83rek] {
    position: relative;
    z-index: 1;
    width: min(1180px, 100%);
    margin-inline: auto;
}

.home-topbar[b-9wo4g83rek] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 58px;
}

.home-brand[b-9wo4g83rek],
.home-actions[b-9wo4g83rek],
.hero-actions[b-9wo4g83rek] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.home-brand[b-9wo4g83rek] {
    color: var(--ink);
    text-decoration: none;
    font-weight: 780;
}

.home-sigil[b-9wo4g83rek] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(101,240,198,.22), rgba(101,240,198,.05) 58%, transparent 60%), rgba(255,255,255,.03);
    border: 1px solid rgba(101, 240, 198, .28);
    box-shadow: var(--glow-calm);
}

.home-actions form[b-9wo4g83rek] {
    margin: 0;
}

.ghost-link[b-9wo4g83rek],
.primary-link[b-9wo4g83rek] {
    display: inline-grid;
    min-height: 42px;
    place-items: center;
    padding: 0 16px;
    border-radius: 999px;
    text-decoration: none;
    border: 1px solid var(--line);
    font: inherit;
}

button.ghost-link[b-9wo4g83rek],
.ghost-link[b-9wo4g83rek] {
    color: var(--ink);
    background: rgba(255,255,255,.07);
}

.primary-link[b-9wo4g83rek] {
    color: #03110f;
    background: linear-gradient(135deg, var(--calm), #b8ffe9);
    box-shadow: var(--glow-calm);
    font-weight: 760;
}

.large[b-9wo4g83rek] {
    min-height: 52px;
    padding-inline: 22px;
}

.home-hero[b-9wo4g83rek] {
    display: grid;
    grid-template-columns: minmax(0, .94fr) minmax(360px, .72fr);
    gap: clamp(26px, 6vw, 76px);
    align-items: center;
    min-height: calc(100vh - 150px);
    padding: 68px 0 72px;
}

.eyebrow[b-9wo4g83rek] {
    display: block;
    margin-bottom: 14px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 10px;
}

.hero-copy h1[b-9wo4g83rek] {
    max-width: 860px;
    margin: 0;
    font-size: clamp(48px, 7.4vw, 94px);
    line-height: .92;
    font-weight: 820;
    letter-spacing: 0;
    text-shadow: 0 0 44px rgba(101, 240, 198, .22);
}

.hero-copy p[b-9wo4g83rek] {
    max-width: 640px;
    margin: 24px 0 0;
    color: var(--soft);
    font-size: clamp(17px, 2vw, 21px);
    line-height: 1.55;
}

.hero-actions[b-9wo4g83rek] {
    margin-top: 30px;
    flex-wrap: wrap;
}

.hero-hud[b-9wo4g83rek] {
    display: grid;
    gap: 18px;
    padding: 22px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 10%, rgba(101,240,198,.18), transparent 16rem),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
        rgba(12, 22, 33, .55);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    backdrop-filter: blur(22px);
}

.preview-core[b-9wo4g83rek] {
    display: grid;
    width: min(330px, 100%);
    aspect-ratio: 1;
    place-items: center;
    justify-self: center;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 44%, rgba(237,247,246,.96) 0 2%, rgba(101,240,198,.34) 9%, rgba(14,51,55,.42) 36%, rgba(5,8,15,.9) 66%),
        conic-gradient(from 225deg, var(--calm) 78%, rgba(255,255,255,.08) 0);
    box-shadow: inset 0 0 60px rgba(255,255,255,.09), 0 0 80px rgba(101,240,198,.2);
    text-align: center;
    animation: home-pulse-b-9wo4g83rek 5s ease-in-out infinite;
}

.preview-core strong[b-9wo4g83rek] {
    display: block;
    font-size: 82px;
    line-height: .85;
}

.preview-core span[b-9wo4g83rek] {
    display: block;
    margin-top: 14px;
    color: var(--soft);
}

.preview-stack[b-9wo4g83rek] {
    display: grid;
    gap: 10px;
}

.preview-stack article[b-9wo4g83rek] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 62px;
    padding: 14px 16px;
    border-radius: 18px;
    color: var(--soft);
    background: color-mix(in srgb, var(--tone), transparent 90%);
    border: 1px solid color-mix(in srgb, var(--tone), transparent 76%);
    box-shadow: 0 0 22px color-mix(in srgb, var(--tone), transparent 90%);
}

.preview-stack strong[b-9wo4g83rek] {
    color: var(--tone);
    font-size: 22px;
}

.philosophy-panel[b-9wo4g83rek] {
    display: grid;
    grid-template-columns: minmax(220px, .6fr) minmax(0, 1fr);
    gap: clamp(24px, 5vw, 72px);
    margin-top: 8px;
    padding: clamp(30px, 5vw, 58px);
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 12% 0%, rgba(101,240,198,.12), transparent 18rem),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.016)),
        rgba(12, 22, 33, .46);
    border: 1px solid rgba(186, 222, 232, .1);
    box-shadow: var(--shadow);
    backdrop-filter: blur(22px);
}

.philosophy-panel[b-9wo4g83rek]::before,
.quote-panel[b-9wo4g83rek]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255,255,255,.1), transparent 30%, transparent 74%, rgba(101,240,198,.045));
    opacity: .42;
}

.philosophy-panel h2[b-9wo4g83rek] {
    position: relative;
    z-index: 1;
    max-width: 260px;
    margin: 0;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1;
    font-weight: 780;
}

.philosophy-panel > .eyebrow[b-9wo4g83rek] {
    align-self: start;
}

.philosophy-panel > div[b-9wo4g83rek] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 18px;
}

.philosophy-panel p[b-9wo4g83rek] {
    max-width: 720px;
    margin: 0;
    color: var(--soft);
    font-size: clamp(17px, 2vw, 21px);
    line-height: 1.62;
}

.home-system[b-9wo4g83rek] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: clamp(38px, 6vw, 76px) 0;
}

.home-system article[b-9wo4g83rek] {
    min-height: 210px;
    padding: 24px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 8% 0%, rgba(101,240,198,.08), transparent 12rem),
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.014)),
        rgba(12, 22, 33, .42);
    border: 1px solid rgba(186, 222, 232, .09);
    box-shadow: var(--shadow);
}

.home-system span[b-9wo4g83rek] {
    color: var(--calm);
    font-size: 12px;
    font-weight: 760;
}

.home-system h2[b-9wo4g83rek] {
    margin: 22px 0 12px;
    font-size: 20px;
}

.home-system p[b-9wo4g83rek] {
    margin: 0;
    color: var(--soft);
    line-height: 1.55;
}

.quote-panel[b-9wo4g83rek] {
    display: grid;
    min-height: 280px;
    place-items: center;
    margin-bottom: 38px;
    overflow: hidden;
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 50%, rgba(101,240,198,.16), transparent 22rem),
        radial-gradient(circle at 76% 18%, rgba(245,200,107,.08), transparent 20rem),
        rgba(255,255,255,.025);
    border: 1px solid rgba(186, 222, 232, .08);
    box-shadow: 0 28px 110px rgba(0, 0, 0, .35);
}

.quote-panel p[b-9wo4g83rek] {
    position: relative;
    z-index: 1;
    max-width: 820px;
    margin: 0;
    padding: 0 24px;
    text-align: center;
    color: var(--ink);
    font-size: clamp(38px, 6vw, 78px);
    line-height: 1.02;
    font-weight: 780;
    text-shadow: 0 0 46px rgba(101, 240, 198, .24);
}

@keyframes home-pulse-b-9wo4g83rek {
    0%, 100% { transform: scale(1); filter: saturate(1); }
    50% { transform: scale(1.018); filter: saturate(1.14); }
}

@media (max-width: 900px) {
    .home-hero[b-9wo4g83rek],
    .home-system[b-9wo4g83rek],
    .philosophy-panel[b-9wo4g83rek] {
        grid-template-columns: 1fr;
    }

    .home-hero[b-9wo4g83rek] {
        min-height: auto;
    }

    .hero-hud[b-9wo4g83rek] {
        max-width: 520px;
    }

    .philosophy-panel h2[b-9wo4g83rek] {
        max-width: none;
    }
}

@media (max-width: 620px) {
    .aeden-home[b-9wo4g83rek] {
        padding: 16px;
    }

    .home-topbar[b-9wo4g83rek] {
        align-items: flex-start;
    }

    .home-actions[b-9wo4g83rek] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .hero-copy h1[b-9wo4g83rek] {
        font-size: clamp(44px, 15vw, 68px);
    }

    .preview-core[b-9wo4g83rek] {
        width: min(260px, 100%);
    }
}