/* Akanebook: laptop personal de Akane compartida por las tres páginas principales. */
.akanebook-section {
    --akb-violet: #a86cff;
    --akb-cyan: #77e7ff;
    --akb-ink: #09070f;
    position: relative;
    width: min(1180px, calc(100% - 32px));
    margin: clamp(64px, 9vw, 118px) auto 52px;
    padding: clamp(24px, 4vw, 48px);
    overflow: hidden;
    border: 3px solid rgba(225, 211, 255, 0.82);
    border-radius: 6px;
    background:
        linear-gradient(135deg, rgba(168, 108, 255, 0.13), transparent 44%),
        #0d0a16;
    box-shadow: 10px 10px 0 #030206, 0 0 32px rgba(168, 108, 255, 0.18);
    color: #fff;
}

.akanebook-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 100% 5px;
    opacity: .45;
}

.akanebook-intro {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin-bottom: 28px;
}

.akanebook-kicker,
.akanebook-statusline,
.akb-topbar,
.akb-app-label,
.akb-window-title,
.akb-lock-meta,
.akb-note-date {
    font-family: "Silkscreen", monospace;
}

.akanebook-kicker {
    margin: 0 0 8px;
    color: var(--akb-cyan);
    font-size: clamp(.7rem, 1.2vw, .9rem);
    letter-spacing: .04em;
}

.akanebook-intro h2 {
    margin: 0;
    font-family: "Bungee", sans-serif;
    font-size: clamp(2.2rem, 6vw, 5rem);
    line-height: .95;
    color: #fff;
    text-shadow: 4px 4px 0 #4b247c;
}

.akanebook-intro > p:last-child {
    max-width: 680px;
    margin: 14px 0 0;
    font-family: "Nunito", sans-serif;
    font-size: clamp(1rem, 2vw, 1.2rem);
    font-weight: 800;
    color: #ddd3ed;
}

.akanebook-stage {
    position: relative;
    z-index: 1;
    width: 100%;
}

.akanebook-device {
    position: relative;
    width: min(930px, 100%);
    margin: 0 auto;
}

.akb-mobile-launch,
.akb-mobile-exit { display: none; }

.akanebook-lid {
    position: relative;
    padding: 18px 18px 24px;
    border: 4px solid #c7bfd3;
    border-bottom-color: #746d80;
    border-radius: 15px 15px 5px 5px;
    background: #292531;
    box-shadow: inset 0 0 0 3px #100e16, 9px 9px 0 rgba(0,0,0,.72);
}

.akanebook-camera {
    position: absolute;
    top: 7px;
    left: 50%;
    width: 7px;
    height: 7px;
    border: 1px solid #6f6978;
    border-radius: 50%;
    background: #07060a;
    transform: translateX(-50%);
}

.akanebook-screen {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 430px;
    overflow: hidden;
    border: 3px solid #08070c;
    background: #100b19;
    isolation: isolate;
}

.akanebook-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    background: linear-gradient(rgba(255,255,255,.025) 50%, rgba(0,0,0,.035) 50%);
    background-size: 100% 4px;
    opacity: .38;
}

.akanebook-base {
    position: relative;
    width: 108%;
    height: 58px;
    margin-left: -4%;
    border: 4px solid #aaa3b5;
    border-top: 2px solid #eeeaf3;
    border-radius: 3px 3px 22px 22px;
    background: linear-gradient(#56505f, #2c2832 68%, #19171d);
    box-shadow: 9px 9px 0 rgba(0,0,0,.75);
}

.akanebook-base::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 50%;
    width: 25%;
    height: 24px;
    border: 2px solid #777181;
    border-radius: 3px;
    transform: translateX(-50%);
}

.akb-view {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.akb-view[hidden] { display: none !important; }

.akb-lock {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 370px);
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 18px 34px;
    align-items: center;
    padding: 18px 26px 16px;
    background:
        linear-gradient(90deg, rgba(4, 4, 12, .86) 0 35%, rgba(7, 4, 14, .36) 66%, rgba(7, 4, 14, .76)),
        linear-gradient(0deg, rgba(7, 4, 14, .72), transparent 50%),
        url("../assets/images/cheatguys-info/Akanebook/blockscreen.jpg") center 38% / cover no-repeat;
}

.akb-lock-chrome,
.akb-lock-footer {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #ece8f5;
    font: 700 .58rem/1 "Silkscreen", monospace;
    text-shadow: 2px 2px 0 #000;
}

.akb-lock-chrome {
    align-self: start;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.akb-lock-footer {
    align-self: end;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.32);
    color: #c9bfd7;
}

.akb-lock-clock {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    display: grid;
    justify-items: start;
    min-width: 0;
    padding: 0 0 22px 10px;
    text-align: left;
    filter: drop-shadow(4px 4px 0 rgba(0,0,0,.76));
}

.akb-lock-clock time {
    color: #fff;
    font: 400 clamp(3.7rem, 8vw, 6.4rem)/.82 "Bungee", sans-serif;
    letter-spacing: -.06em;
}

.akb-lock-clock > span {
    margin-top: 12px;
    color: #fff;
    font: 900 clamp(.9rem, 1.8vw, 1.18rem)/1.15 "Nunito", sans-serif;
    text-transform: capitalize;
}

.akb-lock-clock small {
    margin-top: 8px;
    color: var(--akb-cyan);
    font: 700 .55rem/1.2 "Silkscreen", monospace;
}

.akb-lock-card {
    position: relative;
    grid-column: 2;
    grid-row: 2;
    display: grid;
    justify-items: center;
    width: 100%;
    padding: 24px 28px 20px;
    overflow: hidden;
    border: 2px solid rgba(255,255,255,.82);
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(168,108,255,.17), transparent 48%),
        rgba(10, 7, 17, .9);
    box-shadow: 9px 9px 0 rgba(0,0,0,.76), inset 0 0 30px rgba(168,108,255,.1);
    text-align: center;
}

.akb-lock-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, var(--akb-cyan), var(--akb-violet), #ff6eac);
}

.akb-login-chip {
    justify-self: start;
    margin: 0 0 13px;
    padding: 4px 7px;
    color: #0a0710;
    background: var(--akb-cyan);
    font: 700 .5rem/1 "Silkscreen", monospace;
    box-shadow: 3px 3px 0 #432363;
}

.akb-avatar-frame {
    display: grid;
    place-items: center;
    width: 106px;
    aspect-ratio: 1;
    padding: 5px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: conic-gradient(from 20deg, var(--akb-cyan), var(--akb-violet), #ff6eac, var(--akb-cyan));
    box-shadow: 0 0 0 4px rgba(9,6,15,.92), 0 0 26px rgba(168,108,255,.64);
}

.akb-avatar {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center bottom;
    border-radius: 50%;
    background: #150c20;
}

.akb-lock-name {
    margin: 16px 0 4px;
    font-family: "Nunito", sans-serif;
    font-size: 1.35rem;
    font-weight: 900;
}

.akb-lock-meta {
    margin: 0 0 13px;
    color: #b6f4ff;
    font-size: .62rem;
}

.akb-password {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    margin-bottom: 10px;
    border: 2px solid #9188a0;
    background: #08060d;
    color: #fff;
    font: 900 1.15rem/1 "Nunito", sans-serif;
    letter-spacing: .45em;
}

.akb-login-hint {
    margin-top: 10px;
    color: #b9adca;
    font: 800 .72rem/1.2 "Nunito", sans-serif;
}

.akb-password span {
    opacity: 0;
    transform: translateY(4px);
}

.akb-lock.is-signing-in .akb-password span { animation: akbDotIn 120ms ease-out forwards; }
.akb-lock.is-signing-in .akb-password span:nth-child(2) { animation-delay: 120ms; }
.akb-lock.is-signing-in .akb-password span:nth-child(3) { animation-delay: 240ms; }
.akb-lock.is-signing-in .akb-password span:nth-child(4) { animation-delay: 360ms; }
.akb-lock.is-signing-in .akb-password span:nth-child(5) { animation-delay: 480ms; }
.akb-lock.is-signing-in .akb-password span:nth-child(6) { animation-delay: 600ms; }

.akb-primary,
.akb-window-close,
.akb-character,
.akb-note-tab,
.akb-chat-form button,
.akb-inline-link {
    min-height: 44px;
    border: 2px solid currentColor;
    border-radius: 3px;
    background: #130d1e;
    color: #fff;
    font-family: "Silkscreen", monospace;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 4px 4px 0 #000;
}

.akb-primary { width: 100%; color: var(--akb-cyan); }
.akb-primary:hover,
.akb-primary:focus-visible,
.akb-window-close:hover,
.akb-window-close:focus-visible,
.akb-character:hover,
.akb-character:focus-visible,
.akb-note-tab:hover,
.akb-note-tab:focus-visible,
.akb-chat-form button:hover,
.akb-chat-form button:focus-visible,
.akb-inline-link:hover,
.akb-inline-link:focus-visible {
    color: var(--akb-cyan);
    outline: 3px solid rgba(119,231,255,.42);
    outline-offset: 2px;
    transform: translate(1px, 1px);
    box-shadow: 2px 2px 0 #000;
}

.akb-lock-status {
    min-height: 1.4em;
    margin: 12px 0 0;
    color: #dfd4ee;
    font: 700 .85rem/1.3 "Nunito", sans-serif;
}

.akb-boot {
    display: grid;
    align-content: center;
    justify-items: center;
    padding: 32px;
    background: #050407;
}

.akb-boot-logo {
    margin: 0;
    color: #fff;
    font: 900 clamp(2rem, 7vw, 4.6rem)/1 "Bungee", sans-serif;
    text-shadow: 4px 4px 0 #592c8a;
}

.akb-boot-log {
    width: min(520px, 90%);
    margin: 24px 0 0;
    color: #cbb5e9;
    font: 500 clamp(.7rem, 1.7vw, .95rem)/1.8 "JetBrains Mono", monospace;
}

.akb-boot-log span { display: block; opacity: 0; animation: akbBootLine 240ms steps(4,end) forwards; }
.akb-boot-log span:nth-child(2) { animation-delay: 260ms; }
.akb-boot-log span:nth-child(3) { animation-delay: 520ms; }
.akb-boot-log span:nth-child(4) { animation-delay: 780ms; }

.akb-boot-bar {
    width: min(520px, 90%);
    height: 12px;
    margin-top: 22px;
    border: 2px solid #8b8298;
    background: #0b0710;
}

.akb-boot-bar::before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--akb-violet), var(--akb-cyan));
    animation: akbBootProgress 1.25s steps(8,end) forwards;
}

.akb-desktop {
    display: grid;
    grid-template-rows: 34px minmax(0, 1fr) 38px;
    overflow: hidden;
    background: #121019;
}

.akb-topbar,
.akb-taskbar {
    position: relative;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 10px;
    border: 2px solid #08070c;
    border-top-color: #f7f4ff;
    border-left-color: #f7f4ff;
    background: linear-gradient(90deg, #442070, #7e38c0 58%, #d04caa);
    color: #fff;
    font-size: .62rem;
    text-shadow: 1px 1px 0 #140b20;
}

.akb-topbar-brand,
.akb-topbar-meta,
.akb-task-status { display: flex; align-items: center; gap: 8px; }
.akb-topbar-brand b { color: var(--akb-cyan); font: 900 1.15rem/1 "Nunito", sans-serif; }
.akb-topbar-meta { color: #f9eaff; }
.akb-topbar-meta time { min-width: 42px; padding-left: 8px; border-left: 1px solid rgba(255,255,255,.6); text-align: right; }

.akb-desktop-workspace {
    position: relative;
    min-height: 0;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(12,8,19,.35), rgba(12,8,19,.06) 46%, rgba(12,8,19,.25)),
        url("../assets/images/cheatguys-info/Akanebook/background.webp") center 48% / cover no-repeat;
}

.akb-desktop-workspace::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(6,4,10,.14), transparent 38%, rgba(6,4,10,.28));
}

.akb-app-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 118px);
    align-content: start;
    gap: 12px 8px;
    width: 280px;
    padding: 20px 16px;
}

.akb-app {
    display: grid;
    grid-template-rows: 56px auto auto;
    justify-items: center;
    align-items: center;
    gap: 3px;
    min-height: 96px;
    padding: 5px 4px;
    border: 2px solid transparent;
    background: transparent;
    color: #fff;
    cursor: pointer;
    text-shadow: 2px 2px 0 #000;
}

.akb-app:hover,
.akb-app:focus-visible {
    border-color: #fff;
    outline: 2px dotted var(--akb-cyan);
    outline-offset: -5px;
    background: rgba(27,13,43,.78);
}

.akb-app-icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 3px solid #f7f4ff;
    border-right-color: #77707f;
    border-bottom-color: #77707f;
    border-radius: 2px;
    background: #25113b;
    box-shadow: 4px 4px 0 rgba(0,0,0,.82);
    color: var(--akb-cyan);
    font: 900 1.2rem/1 "JetBrains Mono", monospace;
}

.akb-app-icon-character { overflow: hidden; background: linear-gradient(135deg, #311441, #9d417e); }
.akb-app-icon-character img { width: 48px; height: 48px; object-fit: contain; filter: drop-shadow(2px 2px 0 #000); }
.akb-app-icon-chat {
    isolation: isolate;
    overflow: visible;
    background: linear-gradient(145deg, #12091e, #25103d 62%, #38154c);
}
.akb-app-icon-chat::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 7px;
    top: 8px;
    width: 31px;
    height: 23px;
    border: 3px solid #16051e;
    background: #55eef4;
    box-shadow: inset 0 0 0 2px #c8ffff, 4px 4px 0 #000;
    clip-path: polygon(0 0, 100% 0, 100% 76%, 34% 76%, 20% 100%, 20% 76%, 0 76%);
}
.akb-app-icon-chat::after {
    content: "•••";
    position: absolute;
    z-index: 2;
    left: 14px;
    top: 9px;
    color: #42135f;
    font: 900 15px/1 "JetBrains Mono", monospace;
    letter-spacing: 1px;
}
.akb-app-icon-chat i {
    position: absolute;
    z-index: 3;
    right: 5px;
    bottom: 6px;
    width: 25px;
    height: 18px;
    border: 3px solid #240817;
    background: #ff69b2;
    box-shadow: inset 0 0 0 2px #ffc2df, 3px 3px 0 #000;
    clip-path: polygon(0 0, 100% 0, 100% 76%, 80% 76%, 80% 100%, 64% 76%, 0 76%);
}
.akb-app-icon-chat i::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 3px;
    height: 3px;
    background: #4d102d;
    box-shadow: 6px 0 #4d102d, 12px 0 #4d102d;
}
.akb-app-icon-note { color: #2a1f16; background: #ffed73; transform: rotate(-2deg); }
.akb-app-icon-note::before { content: ""; position: absolute; inset: 7px; border-top: 2px solid rgba(74,49,19,.45); border-bottom: 2px solid rgba(74,49,19,.45); }
.akb-app-icon-note b { position: relative; z-index: 1; font-size: .72rem; }
.akb-app-icon-folder { align-content: end; padding: 7px; background: #1a0e27; }
.akb-app-icon-folder b { position: relative; width: 35px; height: 24px; border: 2px solid #501321; background: #ff6c8b; box-shadow: inset 0 0 0 2px #ffb5c4; }
.akb-app-icon-folder b::before { content: ""; position: absolute; left: -2px; top: -9px; width: 18px; height: 8px; border: 2px solid #501321; border-bottom: 0; background: #ff8ba3; }
.akb-app-label { font-size: .62rem; text-shadow: 2px 2px 0 #000; }
.akb-app small { color: #e4d7ef; font: 700 .48rem/1.2 "Silkscreen", monospace; text-shadow: 1px 1px 0 #000; }

.akb-desktop-widgets {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    display: grid;
    gap: 10px;
    width: min(270px, 36%);
}

.akb-widget {
    border: 3px solid #29232f;
    border-top-color: #fff;
    border-left-color: #fff;
    border-radius: 0;
    background: #d5d0d8;
    color: #17121c;
    box-shadow: 5px 5px 0 rgba(0,0,0,.78);
}

.akb-widget-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 25px;
    padding: 3px 7px;
    background: linear-gradient(90deg, #46217a, #b63eab);
    color: #fff;
    font: 700 .56rem/1.2 "Silkscreen", monospace;
}

.akb-clock-widget { padding: 0 8px 8px; text-align: center; }
.akb-clock-widget .akb-widget-title { margin: 0 -8px 6px; }
.akb-clock-time { display: block; font: 900 clamp(1.7rem,4vw,2.6rem)/1 "VT323", monospace; letter-spacing: .06em; }
.akb-clock-date { margin: 2px 0 4px; font: 900 .73rem/1.2 "Nunito", sans-serif; text-transform: capitalize; }
.akb-clock-widget small { display: block; overflow: hidden; color: #5f496e; font: 700 .5rem/1.2 "Silkscreen", monospace; text-overflow: ellipsis; white-space: nowrap; }

.akb-pinned-note {
    position: relative;
    display: grid;
    gap: 2px;
    padding: 15px 13px 11px;
    border-color: #7f6421;
    background: repeating-linear-gradient(#fff294 0 22px, #e0c94e 23px, #fff294 24px);
    text-align: left;
    transform: rotate(-1deg);
    cursor: pointer;
}
.akb-pinned-note:hover,
.akb-pinned-note:focus-visible { outline: 3px solid var(--akb-cyan); outline-offset: 2px; transform: rotate(0); }
.akb-pinned-note strong { font: 900 .66rem/1.25 "Silkscreen", monospace; }
.akb-pinned-note > span:not(.akb-note-pin) { font: 900 .72rem/1.18 "Nunito", sans-serif; }
.akb-pinned-note small { margin-top: 5px; color: #5e3d11; font: 700 .5rem/1 "Silkscreen", monospace; }
.akb-note-pin { position: absolute; top: -7px; left: 50%; width: 11px; height: 11px; border: 2px solid #7a0e62; border-radius: 50%; background: #ff71d1; box-shadow: 2px 2px 0 rgba(0,0,0,.4); }

.akb-system-widget dl { display: grid; gap: 2px; margin: 7px; }
.akb-system-widget dl div { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 2px; border-bottom: 1px dotted #6c626f; }
.akb-system-widget dt,
.akb-system-widget dd { margin: 0; font: 900 .55rem/1.3 "Silkscreen", monospace; }
.akb-system-widget dd { color: #6c2474; text-align: right; }
.akb-system-meter { height: 10px; margin: 7px; border: 2px inset #827b86; background: #27222b; }
.akb-system-meter span { display: block; width: var(--meter); height: 100%; background: repeating-linear-gradient(90deg, #60e5f6 0 7px, #19707d 8px 9px); }

.akb-desktop-sticker { position: absolute; z-index: 4; padding: 4px 7px; border: 2px solid currentColor; background: #130d1e; font: 700 .48rem/1 "Silkscreen", monospace; box-shadow: 3px 3px 0 rgba(0,0,0,.7); }
.akb-sticker-left { left: 10px; bottom: 8px; color: #ff8ed1; transform: rotate(-5deg); }
.akb-sticker-right { right: 10px; bottom: 8px; color: #95f2ff; transform: rotate(3deg); }

.akb-taskbar { border-bottom-color: #23202a; background: #c2bcc8; color: #17121c; text-shadow: none; }
.akb-start-button {
    min-height: 28px;
    padding: 2px 10px;
    border: 2px solid #77717c;
    border-top-color: #fff;
    border-left-color: #fff;
    background: #d8d2dc;
    color: #17121c;
    font: 700 .58rem/1 "Silkscreen", monospace;
    box-shadow: 2px 2px 0 #39343d;
    cursor: pointer;
}
.akb-start-button:hover,
.akb-start-button:focus-visible,
.akb-start-button[aria-expanded="true"] { outline: 2px dotted #5b247d; outline-offset: -5px; background: #eee9f2; }
.akb-task-status { flex: 1; min-width: 0; height: 25px; padding: 0 8px; border: 2px inset #847e89; font: 700 .53rem/1 "Silkscreen", monospace; }
.akb-task-status i { width: 7px; height: 7px; border-radius: 50%; background: #39dce9; box-shadow: 0 0 6px #39dce9; }
.akb-taskbar > time { min-width: 62px; padding: 5px 7px; border: 2px inset #847e89; font: 700 .58rem/1 "Silkscreen", monospace; text-align: center; }

.akb-start-menu {
    position: absolute;
    left: 4px;
    bottom: 38px;
    z-index: 12;
    width: min(285px, calc(100% - 8px));
    padding: 5px;
    border: 3px solid #817985;
    border-top-color: #fff;
    border-left-color: #fff;
    background: #cec8d2;
    color: #17121c;
    box-shadow: 6px 6px 0 rgba(0,0,0,.75);
}
.akb-start-menu[hidden] { display: none; }
.akb-start-user { display: flex; align-items: center; gap: 10px; padding: 8px; background: linear-gradient(90deg, #3c1b68, #9f3196); color: #fff; }
.akb-start-user img { width: 44px; height: 44px; border: 2px solid #fff; object-fit: cover; object-position: 50% 22%; background: #130d1e; }
.akb-start-user strong,
.akb-start-user span { display: block; }
.akb-start-user strong { font: 900 .78rem/1.1 "Silkscreen", monospace; }
.akb-start-user span { margin-top: 3px; font: 700 .52rem/1 "Silkscreen", monospace; }
.akb-start-menu nav { display: grid; gap: 2px; margin: 5px 0; }
.akb-start-menu nav button { display: grid; grid-template-columns: 42px 1fr; align-items: center; min-height: 44px; border: 0; background: transparent; color: #17121c; font: 700 .62rem/1 "Silkscreen", monospace; text-align: left; cursor: pointer; }
.akb-start-menu nav button span { display: grid; place-items: center; height: 32px; color: #522478; font-family: "JetBrains Mono", monospace; }
.akb-start-menu nav button:hover,
.akb-start-menu nav button:focus-visible { outline: 2px dotted #fff; outline-offset: -4px; background: #54257f; color: #fff; }
.akb-start-menu > p { margin: 0; padding: 6px; border-top: 2px groove #fff; font: 700 .48rem/1.2 "Silkscreen", monospace; }

.akb-window {
    display: grid;
    grid-template-rows: 42px minmax(0, 1fr);
    background: rgba(10,7,15,.97);
}

.akb-windowbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 10px 0 14px;
    border-bottom: 3px solid #8e86a0;
    background: #241731;
}

.akb-window-title { color: #fff; font-size: .72rem; }
.akb-window-close { min-width: 48px; min-height: 32px; padding: 2px 10px; color: #ff9db1; }
.akb-window-body { min-height: 0; overflow: auto; scrollbar-color: var(--akb-violet) #0a0710; }

.akb-chat-picker {
    display: grid;
    grid-template-rows: auto repeat(4, minmax(0, 1fr)) auto;
    gap: 5px;
    min-height: 0;
    padding: 10px;
    overflow-y: auto;
    border-right: 3px solid #40354e;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(155deg, #1d1129, #0d0913 58%);
    background-size: 100% 4px, auto;
}

.akb-chat-shell {
    display: grid;
    grid-template-columns: 218px minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.akb-chat-picker header,
.akb-chat-picker footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #a99ab8;
    font: 700 .48rem/1.2 "Silkscreen", monospace;
}

.akb-chat-picker header {
    padding: 2px 4px 8px;
    border-bottom: 2px solid #4a3c58;
}

.akb-chat-picker header strong { color: #fff; font-size: .59rem; }
.akb-chat-picker footer { padding: 7px 4px 1px; border-top: 1px solid #4a3c58; }

.akb-character {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr) 8px;
    align-items: center;
    gap: 8px;
    min-height: 0;
    padding: 7px;
    text-align: left;
    box-shadow: 3px 3px 0 #000;
}

.akb-character img { width: 46px; height: 46px; object-fit: contain; }
.akb-character > span { display: grid; gap: 3px; min-width: 0; }
.akb-character strong { color: #fff; font: 900 .86rem/1 "Nunito", sans-serif; }
.akb-character small { color: #a99ab8; font: 700 .43rem/1.3 "Silkscreen", monospace; overflow-wrap: anywhere; }
.akb-character > i,
.akb-chat-person > i { width: 7px; height: 7px; border-radius: 50%; background: #65ffd0; box-shadow: 0 0 8px #65ffd0; }
.akb-character > i.is-away { background: #ffd972; box-shadow: 0 0 8px #ffd972; }
.akb-character.is-active { color: var(--akb-cyan); border-color: var(--akb-cyan); background: #182934; box-shadow: inset 4px 0 0 var(--akb-cyan), 3px 3px 0 #000; }

.akb-chat-welcome {
    position: relative;
    display: grid;
    align-content: center;
    justify-items: start;
    min-width: 0;
    padding: clamp(28px, 6vw, 58px);
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 24%, rgba(119,231,255,.2), transparent 28%),
        linear-gradient(135deg, rgba(11,8,18,.83), rgba(35,13,48,.78)),
        url("../assets/images/cheatguys-info/Akanebook/blockscreen.jpg") center 38% / cover no-repeat;
}

.akb-chat-welcome::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -120px;
    width: 320px;
    height: 320px;
    border: 34px solid rgba(168,108,255,.1);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(119,231,255,.05);
}

.akb-chat-signal {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
    border: 2px solid var(--akb-cyan);
    color: #fff;
    background: #28123c;
    font-size: 1.8rem;
    box-shadow: 6px 6px 0 #09060e, 0 0 20px rgba(119,231,255,.28);
}

.akb-chat-welcome > p { margin: 0 0 7px; color: var(--akb-cyan); font: 700 .57rem/1 "Silkscreen", monospace; }
.akb-chat-welcome h3 { margin: 0; color: #fff; font: 900 clamp(2rem, 5vw, 3.6rem)/.88 "Bungee", sans-serif; text-shadow: 4px 4px 0 #632d87; }
.akb-chat-welcome > span:not(.akb-chat-signal) { margin-top: 16px; color: #ded6e8; font: 800 1rem/1.35 "Nunito", sans-serif; }
.akb-chat-presence { display: flex; align-items: center; gap: 12px; margin-top: 26px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.38); background: rgba(8,6,13,.72); }
.akb-chat-presence b { color: #65ffd0; font: 900 2rem/1 "Bungee", sans-serif; }
.akb-chat-presence > span { color: #fff; font: 900 .85rem/1.05 "Nunito", sans-serif; }
.akb-chat-presence small { color: #a99ab8; font: 700 .46rem/1 "Silkscreen", monospace; }

.akb-chat-room { display: grid; grid-column: 2; grid-template-rows: auto minmax(0,1fr) auto; height: 100%; min-height: 0; background: #0b0810; }
.akb-chat-room[hidden], .akb-chat-welcome[hidden] { display: none !important; }
.akb-chat-person {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 2px solid #5b476c;
    background: linear-gradient(90deg, #241332, #120d1a);
}
.akb-chat-person img { width: 42px; height: 42px; object-fit: contain; }
.akb-chat-person > div { min-width: 0; flex: 1; }
.akb-chat-person strong,
.akb-chat-person span { display: block; }
.akb-chat-person strong { font: 900 1rem/1.1 "Nunito", sans-serif; }
.akb-chat-person span { margin-top: 3px; color: #9eefff; font: 600 .65rem/1 "Silkscreen", monospace; }
.akb-chat-history { min-height: 0; padding: 16px; overflow-y: auto; background: radial-gradient(circle at 50% 0, rgba(77,39,100,.18), transparent 46%), #0b0810; scrollbar-color: var(--akb-violet) #0a0710; }
.akb-chat-row { display: flex; align-items: flex-end; gap: 8px; margin: 0 0 14px; }
.akb-chat-row.user { justify-content: flex-end; }
.akb-chat-avatar { width: 34px; height: 34px; object-fit: contain; }
.akb-chat-bubble { max-width: min(76%, 560px); padding: 10px 12px; border: 2px solid #7b6d8d; border-radius: 2px 10px 10px 10px; background: #1d1527; color: #fff; font: 700 .9rem/1.35 "Nunito", sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; box-shadow: 3px 3px 0 rgba(0,0,0,.55); }
.akb-chat-row.user .akb-chat-bubble { border-color: #56cfe8; border-radius: 10px 2px 10px 10px; background: #10232c; }
.akb-chat-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 12px; border-top: 3px solid #4e455c; background: #17101f; }
.akb-chat-form input { min-width: 0; min-height: 44px; border: 2px solid #8f85a0; border-radius: 2px; background: #08060c; color: #fff; padding: 0 12px; font: 700 1rem/1 "Nunito", sans-serif; }
.akb-chat-form input:focus-visible { outline: 3px solid rgba(119,231,255,.45); border-color: var(--akb-cyan); }
.akb-chat-form button { padding: 0 16px; color: var(--akb-cyan); }

.akb-notes-layout { display: grid; grid-template-columns: 220px minmax(0,1fr); width: 100%; height: 100%; min-height: 0; overflow: hidden; }
.akb-note-list { display: grid; align-content: start; gap: 8px; min-height: 0; padding: 14px; overflow-y: auto; border-right: 3px solid #4b4258; background: #100b17; scrollbar-color: var(--akb-violet) #0a0710; }
.akb-note-tab { padding: 10px; text-align: left; color: #d8c8ee; font-size: .62rem; line-height: 1.45; }
.akb-note-tab[aria-selected="true"] { color: #fff2a7; border-color: #fff2a7; background: #2a2020; }
.akb-note-page { height: 100%; min-height: 0; padding: clamp(24px,4vw,42px) clamp(24px,4vw,48px) 56px clamp(58px,7vw,76px); overflow-y: auto; background: linear-gradient(90deg, transparent 0 43px, rgba(211,87,112,.42) 44px 46px, transparent 47px), repeating-linear-gradient(#f5efd6 0 29px, #c9c2b4 30px, #f5efd6 31px); color: #29222f; font-family: "Nunito", sans-serif; scrollbar-color: var(--akb-violet) #d9d0b8; }
.akb-note-date { margin: 0 0 10px; color: #694c7c; font-size: .7rem; text-align: left; }
.akb-note-page h3 { margin: 0 0 20px; color: #35213f; font: 900 clamp(1.35rem,3vw,2rem)/1.1 "Nunito", sans-serif; }
.akb-note-page p { max-width: 68ch; margin: 0 0 1em; font-size: clamp(.94rem,1.7vw,1.08rem); line-height: 1.68; text-align: left; }

.akb-secret-gate { display: grid; align-content: center; justify-items: center; min-height: 100%; padding: 28px; text-align: center; background: radial-gradient(circle at 50% 25%, #271124, #08060d 66%); }
.akb-secret-gate[hidden] { display: none; }
.akb-secret-gate strong { color: #ff8da2; font: 900 clamp(1.2rem,3vw,2rem)/1.15 "Silkscreen", monospace; }
.akb-secret-gate p { max-width: 540px; color: #dfd2e8; font: 800 1rem/1.5 "Nunito", sans-serif; }
.akb-inline-link { display: inline-grid; place-items: center; padding: 8px 14px; color: #ffb2c0; text-decoration: none; }
.akb-secret-mount { position: relative; min-height: 0; height: 100%; overflow: hidden; }

#secretModal.is-akanebook-embedded {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #07050b !important;
}

#secretModal.is-akanebook-embedded > .modal-box {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 0 !important;
    box-shadow: none !important;
}

#secretModal.is-akanebook-embedded > .modal-box > .modal-header { display: none !important; }

#secretModal.is-akanebook-embedded .secret-body {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 9px;
    overflow: hidden !important;
}

#secretModal.is-akanebook-embedded .secret-folder-view,
#secretModal.is-akanebook-embedded .file-list,
#secretModal.is-akanebook-embedded .secret-viewer,
#secretModal.is-akanebook-embedded .secret-demo-view,
#secretModal.is-akanebook-embedded .secret-password-window { max-height: none; }

@media (min-width: 701px) {
    #secretModal.is-akanebook-embedded .secret-folder-view {
        grid-template-columns: 156px minmax(0,1fr);
        gap: 10px;
        height: 100%;
        min-height: 0;
        padding: 8px;
    }

    #secretModal.is-akanebook-embedded .secret-explorer-sidebar { padding: 9px; font-size: 11px; }
    #secretModal.is-akanebook-embedded .secret-folder-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; align-content: center; }
    #secretModal.is-akanebook-embedded .secret-folder-card { grid-template-columns: 62px minmax(0,1fr); gap: 4px 10px; width: 100%; min-height: 118px; padding: 10px; }
    #secretModal.is-akanebook-embedded .secret-folder-icon { width: 58px; height: 44px; }
    #secretModal.is-akanebook-embedded .secret-folder-name { font-size: .64rem; }
    #secretModal.is-akanebook-embedded .secret-folder-meta { font-size: 11px; }

    #secretModal.is-akanebook-embedded .file-list {
        grid-template-columns: repeat(5, minmax(0,1fr));
        align-content: start;
        height: 100%;
        min-height: 0;
        gap: 7px;
        padding: 7px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-color: #57e9ee #13101a;
    }

    #secretModal.is-akanebook-embedded .file-list::before { position: sticky; top: 0; z-index: 2; padding: 6px 8px; font-size: 12px; }
    #secretModal.is-akanebook-embedded .file-item { grid-template-rows: 52px auto; min-height: 108px; padding: 5px; }
    #secretModal.is-akanebook-embedded .file-thumb-shell { width: 54px; min-height: 48px; }
    #secretModal.is-akanebook-embedded .file-photo-icon { width: 46px; height: 36px; border-width: 2px; }
    #secretModal.is-akanebook-embedded .file-photo-icon::before { left: 5px; bottom: 7px; width: 19px; height: 13px; }
    #secretModal.is-akanebook-embedded .file-photo-icon::after { right: 6px; top: 6px; width: 7px; height: 7px; }
    #secretModal.is-akanebook-embedded .file-icon { padding: 3px 5px 2px; font-size: 9px; }
    #secretModal.is-akanebook-embedded .file-name { font-size: 8px; line-height: 1.15; }

    #secretModal.is-akanebook-embedded[data-secret-state="viewer"] .secret-viewer {
        display: grid !important;
        grid-template-rows: auto auto minmax(0,1fr);
        gap: 7px;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    #secretModal.is-akanebook-embedded .secret-viewer::before { font-size: 10px; }
    #secretModal.is-akanebook-embedded .secret-viewer-header .btn-back { min-height: 30px; padding: 4px 10px; font-size: .54rem; }
    #secretModal.is-akanebook-embedded .secret-file-window {
        display: grid;
        grid-template-columns: minmax(0, 1.22fr) minmax(250px, .78fr);
        grid-template-rows: auto minmax(0,1fr);
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        overflow: hidden;
    }

    #secretModal.is-akanebook-embedded .secret-file-titlebar { grid-column: 1 / -1; padding: 6px 9px; font-size: .62rem; }
    #secretModal.is-akanebook-embedded .secret-file-titlebar span,
    #secretModal.is-akanebook-embedded .secret-properties-titlebar span { font-size: .7rem; }
    #secretModal.is-akanebook-embedded .secret-file-canvas { position: relative; align-self: stretch; min-height: 0; height: auto; padding: 9px; overflow: hidden; }
    #secretModal.is-akanebook-embedded .secret-image-zoom { position: absolute; top: 9px; right: 9px; bottom: auto; left: 9px; width: auto; height: calc(100% - 18px); min-height: 0; box-sizing: border-box; border: 2px solid rgba(255,255,255,.92); background: #000; box-shadow: 6px 6px 0 rgba(0,0,0,.86), 0 0 18px rgba(var(--secret-commenter-rgb), .24); }
    #secretModal.is-akanebook-embedded .secret-file-canvas .secret-img-large { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; border: 0; box-shadow: none; }
    #secretModal.is-akanebook-embedded .secret-properties-window { display: grid; grid-template-rows: auto minmax(0,1fr); min-height: 0; overflow: hidden; border-top: 0; border-left: 2px solid rgba(var(--secret-commenter-rgb), .72); }
    #secretModal.is-akanebook-embedded .secret-properties-titlebar { display: grid; gap: 4px; padding: 7px 9px; }
    #secretModal.is-akanebook-embedded .secret-properties-titlebar span { text-align: left; }
    #secretModal.is-akanebook-embedded .secret-console-comments { min-height: 0; padding: 9px 11px; overflow-y: auto; scrollbar-color: var(--secret-commenter-accent) #090712; }
    #secretModal.is-akanebook-embedded .secret-lore-text { max-height: none; overflow: visible; font-size: .9rem; }
    #secretModal.is-akanebook-embedded .secret-demo-view { height: 100%; min-height: 0; overflow-y: auto; }
}

.secret-explorer {
    --explorer-blue: #4775d1;
    --explorer-blue-dark: #163477;
    --explorer-paper: #d9e4f4;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 2px solid #9bb7dd;
    background: #09101d;
    color: #0b1730;
    box-shadow: inset 0 0 0 2px #243a5a;
    font-family: "VT323", monospace;
}

.secret-explorer-menubar {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 25px;
    padding: 2px 9px;
    border-bottom: 1px solid #728caf;
    background: linear-gradient(#f7fbff, #c6d5e9);
    color: #111b2e;
    font-size: 15px;
    line-height: 1;
}

.secret-explorer-menubar span::first-letter { text-decoration: underline; }

.secret-explorer-toolbar {
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: 45px;
    padding: 4px 7px;
    border-bottom: 1px solid #6e89ad;
    background: linear-gradient(90deg, #eaf2fc, #b8cbe6 72%, #d8e4f3);
}

.secret-explorer-tool {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 5px;
    min-width: 0;
    min-height: 34px;
    padding: 3px 7px;
    border: 1px solid transparent;
    background: transparent;
    color: #101a2b;
    font-family: "VT323", monospace;
}

button.secret-explorer-tool { cursor: pointer; }
button.secret-explorer-tool:not(:disabled):hover,
button.secret-explorer-tool:not(:disabled):focus-visible {
    border-color: #365d99;
    outline: 2px solid rgba(79, 233, 238, .5);
    background: rgba(255,255,255,.58);
}
button.secret-explorer-tool:disabled { filter: grayscale(1); opacity: .44; cursor: default; }
.secret-explorer-tool > span,
.secret-explorer-tool > b { color: #285cb2; font: 900 1.5rem/1 "Nunito", sans-serif; text-shadow: 1px 1px #fff; }
.secret-explorer-tool small { font: 700 .5rem/1 "Silkscreen", monospace; }
.secret-explorer-separator { align-self: stretch; width: 1px; margin: 2px 3px; background: #8197b6; box-shadow: 1px 0 #fff; }

.secret-explorer-drive {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    margin-left: auto;
    padding: 4px 8px;
    border: 1px solid #7791b4;
    background: rgba(255,255,255,.46);
}
.secret-explorer-drive i {
    position: relative;
    width: 26px;
    height: 18px;
    border: 2px solid #253a57;
    border-radius: 2px;
    background: linear-gradient(#bac6d3 0 50%, #66788c 50%);
    box-shadow: inset 0 -3px #b8f6ff;
}
.secret-explorer-drive i::after { content: ""; position: absolute; right: 3px; bottom: 2px; width: 3px; height: 3px; background: #62ffb3; box-shadow: 0 0 4px #62ffb3; }
.secret-explorer-drive strong { overflow: hidden; font: 700 .47rem/1 "Silkscreen", monospace; text-overflow: ellipsis; white-space: nowrap; }

.secret-explorer-address {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    min-height: 31px;
    padding: 3px 5px;
    border-bottom: 2px solid #637d9f;
    background: #d8e4f3;
    color: #26374e;
    font-size: 14px;
}
.secret-explorer-address output {
    min-width: 0;
    padding: 3px 7px;
    overflow: hidden;
    border: 1px solid #627a9d;
    background: #fff;
    color: #101a28;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: inset 2px 2px 0 rgba(27,45,71,.18);
}
.secret-explorer-go { padding: 3px 7px; border: 1px solid #607ba1; background: #f4f8fd; color: #173e7c; }

.secret-explorer-shell {
    display: grid;
    grid-template-columns: 182px minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    background: #f5f8fc;
}

#secretModal .secret-explorer-sidebar {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    padding: 8px 6px;
    overflow: hidden;
    border: 0;
    border-right: 2px solid #718aad;
    background:
        radial-gradient(circle at 15% 8%, rgba(119,231,255,.28), transparent 25%),
        linear-gradient(155deg, #355eb6, #1c3779 64%, #101f4c);
    color: #fff;
    box-shadow: inset -2px 0 rgba(255,255,255,.16);
    font-family: "VT323", monospace;
    font-size: 14px;
}
#secretModal .secret-explorer-sidebar > strong {
    margin: 0 0 7px;
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.58);
    background: linear-gradient(90deg, rgba(255,255,255,.22), transparent);
    color: #fff;
    font-size: .52rem;
}
.secret-explorer-sidebar ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.secret-explorer-sidebar ul ul { margin: 2px 0 2px 14px; padding-left: 5px; border-left: 1px dotted rgba(255,255,255,.54); }
.secret-explorer-sidebar li { display: flex; align-items: center; gap: 4px; min-width: 0; padding: 2px 3px; white-space: nowrap; }
.secret-explorer-sidebar li.is-open { flex-wrap: wrap; }
.secret-explorer-sidebar li.is-open > ul { flex: 0 0 100%; }
.secret-explorer-sidebar li.is-active { outline: 1px dotted #fff; background: #173674; }
.secret-tree-toggle { display: inline-grid; place-items: center; width: 11px; height: 11px; border: 1px solid #fff; background: #eef4ff; color: #182b53; font: 700 10px/1 sans-serif; }
.secret-tree-icon { position: relative; flex: 0 0 auto; width: 16px; height: 12px; border: 1px solid #6e4900; border-radius: 1px; background: #ffd653; box-shadow: inset 0 3px rgba(255,255,255,.34); }
.secret-tree-icon::before { content: ""; position: absolute; left: 1px; top: -4px; width: 8px; height: 4px; border: 1px solid #6e4900; border-bottom: 0; background: #ffe078; }
.secret-tree-icon.is-drive { border-color: #253a57; background: #a9bacd; }
.secret-tree-icon.is-drive::before,
.secret-tree-icon.is-desktop::before,
.secret-tree-icon.is-trash::before { display: none; }
.secret-tree-icon.is-drive::after { content: ""; position: absolute; right: 2px; bottom: 1px; width: 2px; height: 2px; background: #57ffac; }
.secret-tree-icon.is-desktop { height: 13px; border-color: #c5f9ff; background: #35b9dc; box-shadow: inset 0 0 0 2px #17375f; }
.secret-tree-icon.is-trash { border-color: #23314a; background: repeating-linear-gradient(90deg,#d7e0ea 0 2px,#6d7b8a 2px 4px); }

.secret-explorer-details {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 4px 8px;
    align-items: center;
    margin-top: auto;
    padding: 10px 7px 7px;
    border-top: 1px solid rgba(255,255,255,.38);
}
.secret-explorer-details .secret-folder-icon { grid-row: 1 / span 2; width: 38px; height: 29px; border-width: 2px; box-shadow: 2px 2px 0 rgba(0,0,0,.55); }
.secret-explorer-details .secret-folder-icon::before { left: 3px; top: -8px; width: 19px; height: 9px; border-width: 2px; }
.secret-explorer-details strong { overflow-wrap: anywhere; color: #fff; font: 700 .44rem/1.25 "Silkscreen", monospace; }
.secret-explorer-details small { color: #b8f7ff; font: 700 .4rem/1 "Silkscreen", monospace; }

.secret-explorer-workspace {
    display: grid;
    grid-template-rows: auto minmax(0,1fr);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background:
        linear-gradient(rgba(51,88,139,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(51,88,139,.045) 1px, transparent 1px),
        #f7f9fc;
    background-size: 20px 20px;
}
.secret-explorer-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 43px;
    padding: 5px 10px;
    border-bottom: 1px solid #91a5c0;
    background: linear-gradient(90deg, #fff, #dbe7f6);
}
.secret-explorer-heading div { min-width: 0; }
.secret-explorer-heading span,
.secret-explorer-heading small { display: block; }
.secret-explorer-heading span { color: #173e7c; font: 700 .57rem/1 "Silkscreen", monospace; }
.secret-explorer-heading small { margin-top: 4px; color: #53657b; font-size: 12px; }
.secret-explorer-heading > strong { flex: 0 0 auto; color: #314968; font: 700 .46rem/1 "Silkscreen", monospace; }

#secretModal .secret-folder-view {
    min-height: 0;
    padding: 0;
    overflow: auto;
    border: 0;
    background: transparent;
    box-shadow: none;
}
#secretModal .secret-folder-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 8px;
    padding: 12px;
}
#secretModal .secret-folder-card {
    grid-template-columns: 56px minmax(0,1fr);
    grid-template-rows: auto auto;
    gap: 4px 10px;
    width: 100%;
    min-height: 82px;
    padding: 8px;
    color: #15213a;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
#secretModal .secret-folder-card:hover,
#secretModal .secret-folder-card:focus-visible {
    border-color: #6a91cd;
    outline: 1px dotted #173e7c;
    outline-offset: -4px;
    background: linear-gradient(135deg, rgba(92,157,255,.24), rgba(255,255,255,.7));
    transform: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.8);
}
#secretModal .secret-folder-card-demos { background: repeating-linear-gradient(135deg, rgba(255,105,178,.045) 0 7px, transparent 7px 14px); }
#secretModal .secret-folder-icon { width: 52px; height: 39px; border-width: 2px; box-shadow: 3px 3px 0 rgba(38,42,55,.32), inset 0 5px 0 rgba(255,255,255,.35); }
#secretModal .secret-folder-icon::before { left: 4px; top: -10px; width: 26px; height: 11px; border-width: 2px; }
#secretModal .secret-folder-icon-audio::after { right: 5px; bottom: 2px; font-size: 21px; }
#secretModal .secret-folder-name { color: #14274a; font-size: .55rem; text-shadow: none; }
#secretModal .secret-folder-meta { color: #55677f; font-size: 12px; }
#secretModal .secret-folder-lock { right: 6px; top: 5px; }

#secretModal .secret-explorer-workspace > .file-list {
    min-height: 0;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    background: transparent;
}
#secretModal .secret-explorer-workspace > .file-list::before { display: none; }
#secretModal .secret-explorer-workspace .file-item { color: #13223a; }
#secretModal .secret-explorer-workspace .file-name { color: #172844; text-shadow: none; }
#secretModal .secret-explorer-workspace .file-icon { color: #214f8f; background: #d9eeff; border-color: #6b91bd; }
#secretModal .secret-explorer-workspace .file-item:hover,
#secretModal .secret-explorer-workspace .file-item:focus-visible { background: rgba(78,137,224,.22); border-color: #5b82bd; }

.secret-explorer-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 24px;
    padding: 3px 7px;
    border-top: 2px solid #8da2bd;
    background: linear-gradient(#eaf1fa, #bdcee2);
    color: #263a56;
    font-size: 13px;
}

/* Akanebook keeps the Secret Archives explorer in Akane's nocturnal InfinityOS theme. */
#secretModal.is-akanebook-embedded .secret-explorer {
    --explorer-blue: #55e7f0;
    --explorer-blue-dark: #18102d;
    --explorer-paper: #100b1b;
    border-color: #67577e;
    background: #07050d;
    color: #f5efff;
    box-shadow: inset 0 0 0 2px #241832, inset 0 0 28px rgba(110, 54, 159, .12);
}

#secretModal.is-akanebook-embedded .secret-explorer-menubar {
    border-bottom-color: #5f4c76;
    background: linear-gradient(#21172f, #100b19);
    color: #eee7f8;
}

#secretModal.is-akanebook-embedded .secret-explorer-toolbar {
    border-bottom-color: #4c3a60;
    background: linear-gradient(90deg, #161020, #0c0913 72%, #21132d);
}

#secretModal.is-akanebook-embedded .secret-explorer-tool {
    color: #dcd0e9;
}

#secretModal.is-akanebook-embedded button.secret-explorer-tool:not(:disabled):hover,
#secretModal.is-akanebook-embedded button.secret-explorer-tool:not(:disabled):focus-visible {
    border-color: #55e7f0;
    background: rgba(85, 231, 240, .1);
}

#secretModal.is-akanebook-embedded .secret-explorer-tool > span,
#secretModal.is-akanebook-embedded .secret-explorer-tool > b {
    color: #55e7f0;
    text-shadow: 0 0 8px rgba(85, 231, 240, .45);
}

#secretModal.is-akanebook-embedded .secret-explorer-separator {
    background: #4d3d5e;
    box-shadow: 1px 0 #271d33;
}

#secretModal.is-akanebook-embedded .secret-explorer-drive {
    border-color: #59476d;
    background: #100b19;
    color: #e8def4;
}

#secretModal.is-akanebook-embedded .secret-explorer-drive i {
    border-color: #6b577e;
    background: linear-gradient(#3a2b49 0 50%, #171020 50%);
    box-shadow: inset 0 -3px #55e7f0;
}

#secretModal.is-akanebook-embedded .secret-explorer-address {
    border-bottom-color: #4d3a60;
    background: #0d0915;
    color: #bfb2cf;
}

#secretModal.is-akanebook-embedded .secret-explorer-address output {
    border-color: #5a466e;
    background: #05040a;
    color: #ccfaff;
    box-shadow: inset 2px 2px 0 rgba(0, 0, 0, .58);
}

#secretModal.is-akanebook-embedded .secret-explorer-go {
    border-color: #4fbac4;
    background: #13232b;
    color: #8df7ff;
}

#secretModal.is-akanebook-embedded .secret-explorer-shell {
    background: #08060e;
}

#secretModal.is-akanebook-embedded .secret-explorer-sidebar {
    border-right-color: #4c3a60;
    background:
        radial-gradient(circle at 15% 8%, rgba(85, 231, 240, .12), transparent 28%),
        linear-gradient(155deg, #1d1230, #0d0918 64%, #07050d);
    box-shadow: inset -2px 0 rgba(179, 111, 255, .1);
}

#secretModal.is-akanebook-embedded .secret-explorer-sidebar > strong {
    border-color: #655278;
    background: linear-gradient(90deg, rgba(85, 231, 240, .13), transparent);
    color: #8df7ff;
}

#secretModal.is-akanebook-embedded .secret-explorer-sidebar li.is-active {
    outline-color: #55e7f0;
    background: #241339;
    color: #fff;
}

#secretModal.is-akanebook-embedded .secret-tree-toggle {
    border-color: #8df7ff;
    background: #0b1018;
    color: #8df7ff;
}

#secretModal.is-akanebook-embedded .secret-explorer-details {
    border-top-color: #4b3c5d;
}

#secretModal.is-akanebook-embedded .secret-explorer-workspace {
    background:
        linear-gradient(rgba(85, 231, 240, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(179, 111, 255, .035) 1px, transparent 1px),
        #08060e;
    background-size: 20px 20px;
}

#secretModal.is-akanebook-embedded .secret-explorer-heading {
    border-bottom-color: #483755;
    background: linear-gradient(90deg, #171020, #0b0811);
}

#secretModal.is-akanebook-embedded .secret-explorer-heading span {
    color: #8df7ff;
}

#secretModal.is-akanebook-embedded .secret-explorer-heading small {
    color: #a99bb8;
}

#secretModal.is-akanebook-embedded .secret-explorer-heading > strong {
    color: #ff79ba;
}

#secretModal.is-akanebook-embedded .secret-folder-card {
    color: #f5efff;
    border-color: rgba(103, 87, 126, .45);
    background: rgba(20, 13, 30, .72);
}

#secretModal.is-akanebook-embedded .secret-folder-card:hover,
#secretModal.is-akanebook-embedded .secret-folder-card:focus-visible {
    border-color: #55e7f0;
    outline-color: #ff79ba;
    background: linear-gradient(135deg, rgba(85, 231, 240, .13), rgba(89, 36, 112, .25));
    box-shadow: inset 0 0 0 1px rgba(85, 231, 240, .16);
}

#secretModal.is-akanebook-embedded .secret-folder-card-demos {
    background:
        repeating-linear-gradient(135deg, rgba(255, 121, 186, .08) 0 7px, transparent 7px 14px),
        rgba(20, 13, 30, .72);
}

#secretModal.is-akanebook-embedded .secret-folder-name {
    color: #f5efff;
}

#secretModal.is-akanebook-embedded .secret-folder-meta {
    color: #99dce2;
}

#secretModal.is-akanebook-embedded .secret-explorer-workspace .file-item {
    color: #ece5f5;
    background: rgba(20, 13, 30, .48);
}

#secretModal.is-akanebook-embedded .secret-explorer-workspace .file-name {
    color: #eee8f7;
}

#secretModal.is-akanebook-embedded .secret-explorer-workspace .file-icon {
    color: #9af8ff;
    background: #14232c;
    border-color: #4cb6c0;
}

#secretModal.is-akanebook-embedded .secret-explorer-workspace .file-item:hover,
#secretModal.is-akanebook-embedded .secret-explorer-workspace .file-item:focus-visible {
    border-color: #55e7f0;
    background: rgba(85, 231, 240, .1);
}

#secretModal.is-akanebook-embedded .secret-explorer-status {
    border-top-color: #4c3a60;
    background: linear-gradient(#171020, #0b0811);
    color: #afa0bf;
}

#secretModal.is-akanebook-embedded .secret-explorer-status span:last-child {
    color: #8df7ff;
}

#secretModal.is-akanebook-embedded .secret-body { padding: 0; background: #09101d; }
#secretModal.is-akanebook-embedded .secret-explorer { height: 100%; }

@media (min-width: 701px) {
    #secretModal.is-akanebook-embedded .secret-folder-view {
        grid-template-columns: 1fr;
        height: 100%;
        padding: 0;
    }
    #secretModal.is-akanebook-embedded .secret-folder-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; align-content: start; }
    #secretModal.is-akanebook-embedded .secret-folder-card { grid-template-columns: 56px minmax(0,1fr); min-height: 82px; padding: 8px; }
    #secretModal.is-akanebook-embedded .secret-folder-icon { width: 52px; height: 39px; }
    #secretModal.is-akanebook-embedded .secret-folder-name { font-size: .55rem; }
    #secretModal.is-akanebook-embedded .secret-folder-meta { font-size: 12px; }
    #secretModal.is-akanebook-embedded .file-list { grid-template-columns: repeat(5, minmax(0,1fr)); height: 100%; padding: 7px; }
}

.secret-image-zoom {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.secret-image-zoom:focus-visible {
    outline: 3px solid var(--neon-cyan);
    outline-offset: -3px;
}

.secret-image-zoom-hint {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 4px 7px;
    border: 2px solid #fff;
    background: rgba(5, 3, 10, .88);
    color: var(--neon-cyan);
    font: 700 .55rem/1 "Silkscreen", monospace;
    box-shadow: 3px 3px 0 #000;
    pointer-events: none;
}

.secret-image-lightbox {
    z-index: 100350;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 2.5vw, 32px);
    background:
        linear-gradient(rgba(0,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,43,214,.05) 1px, transparent 1px),
        rgba(3, 2, 8, .96);
    background-size: 28px 28px, 28px 28px, auto;
}

.secret-image-lightbox[hidden] { display: none !important; }
.secret-image-lightbox.is-open { display: flex; }

.secret-image-lightbox-window {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(96vw, 1500px);
    height: min(92dvh, 920px);
    min-height: 0;
    overflow: hidden;
    border: 3px solid #f8f4ff;
    background: #08060d;
    box-shadow: 12px 12px 0 #000, 0 0 28px rgba(0,255,255,.28);
}

.secret-image-lightbox-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 62px;
    padding: 8px 10px 8px 14px;
    border-bottom: 3px solid var(--neon-cyan);
    background: linear-gradient(90deg, #241237, #100b1a 72%);
}

.secret-image-lightbox-header div { min-width: 0; }
.secret-image-lightbox-header span { color: var(--neon-cyan); font: 700 .68rem/1 "Silkscreen", monospace; }
.secret-image-lightbox-header h2 { margin: 5px 0 0; overflow: hidden; color: #fff; font: 700 clamp(.86rem, 1.7vw, 1.2rem)/1.1 "Silkscreen", monospace; text-overflow: ellipsis; white-space: nowrap; }

.secret-image-lightbox-close {
    flex: 0 0 auto;
    min-width: 50px;
    min-height: 44px;
    border: 2px solid #fff;
    background: #180c20;
    color: #ff9cb1;
    font: 700 .8rem/1 "Silkscreen", monospace;
    box-shadow: 4px 4px 0 #000;
    cursor: pointer;
}

.secret-image-lightbox-frame {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    margin: 0;
    padding: 14px;
    overflow: hidden;
    background:
        linear-gradient(45deg, rgba(255,255,255,.035) 25%, transparent 25% 75%, rgba(255,255,255,.035) 75%),
        linear-gradient(45deg, rgba(255,255,255,.035) 25%, transparent 25% 75%, rgba(255,255,255,.035) 75%),
        #030307;
    background-position: 0 0, 12px 12px;
    background-size: 24px 24px;
}

.secret-image-lightbox-toolbar {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    padding: 0 0 10px;
}

.secret-image-zoom-controls {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.secret-image-zoom-controls button,
.secret-image-download {
    min-width: 44px;
    min-height: 44px;
    padding: 6px 10px;
    border: 2px solid #6d5a80;
    background: #120c1d;
    color: #f8f4ff;
    font: 700 .64rem/1 "Silkscreen", monospace;
    box-shadow: 3px 3px 0 #000;
    cursor: pointer;
}

.secret-image-zoom-controls button:hover,
.secret-image-zoom-controls button:focus-visible,
.secret-image-download:hover,
.secret-image-download:focus-visible {
    border-color: var(--neon-cyan);
    outline: 2px solid rgba(85, 231, 240, .42);
    outline-offset: 1px;
    background: #182532;
    color: #a5fbff;
}

.secret-image-zoom-controls button:active,
.secret-image-download:active {
    translate: 2px 2px;
    box-shadow: 1px 1px 0 #000;
}

.secret-image-zoom-controls button:disabled,
.secret-image-download:disabled {
    filter: grayscale(.7);
    opacity: .42;
    cursor: default;
}

.secret-image-download[aria-busy="true"] { cursor: wait; }

.secret-image-zoom-controls output {
    display: grid;
    place-items: center;
    min-width: 70px;
    min-height: 40px;
    padding: 4px 8px;
    border: 1px solid #544365;
    background: #050309;
    color: var(--neon-cyan);
    font: 700 .66rem/1 "Silkscreen", monospace;
    box-shadow: inset 2px 2px 0 #000;
}

.secret-image-zoom-reset {
    min-width: 108px !important;
}

.secret-image-download {
    flex: 0 0 auto;
    min-width: 190px;
    border-color: #ff79ba;
    color: #ffacd2;
}

.secret-image-lightbox-viewport {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    border: 2px solid rgba(255,255,255,.32);
    background: #020205;
    scrollbar-color: var(--neon-cyan) #0b0711;
}

.secret-image-lightbox-stage {
    position: relative;
    min-width: 100%;
    min-height: 100%;
}

.secret-image-lightbox-stage img {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border: 2px solid rgba(255,255,255,.88);
    background: #000;
    box-shadow: 6px 6px 0 #000;
    transform: translate(-50%, -50%);
    transform-origin: center;
    user-select: none;
    -webkit-user-drag: none;
}

.secret-image-lightbox-frame figcaption {
    padding: 8px 4px 0;
    color: #d9faff;
    font: 700 .62rem/1.2 "Silkscreen", monospace;
    text-align: center;
}

.cmd-root.is-akanebook-embedded {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    font-size: 14px;
}
.cmd-root.is-akanebook-embedded.is-open { pointer-events: auto; }
.cmd-root.is-akanebook-embedded .cmd-window {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border: 0;
    box-shadow: none;
}

@keyframes akbDotIn { to { opacity: 1; transform: none; } }
@keyframes akbBootLine { to { opacity: 1; } }
@keyframes akbBootProgress { to { width: 100%; } }

@media (max-width: 700px), (hover: none) and (pointer: coarse) and (max-height: 700px) {
    .akanebook-section {
        width: calc(100% - 16px);
        margin-top: 52px;
        padding: 18px 10px 26px;
    }

    .akanebook-stage {
        --akb-device-scale: .38;
        height: min(252px, 68vw);
        min-height: 220px;
        overflow: hidden;
        border: 2px solid rgba(119,231,255,.72);
        background:
            linear-gradient(rgba(119,231,255,.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(168,108,255,.08) 1px, transparent 1px),
            #08050e;
        background-size: 18px 18px;
        box-shadow: inset 0 0 26px #000, 5px 5px 0 #030206;
    }

    .akanebook-device {
        position: absolute;
        top: 8px;
        left: 50%;
        width: 930px;
        margin: 0;
        pointer-events: none;
        transform: translateX(-50%) scale(var(--akb-device-scale));
        transform-origin: top center;
    }

    .akb-mobile-launch {
        position: absolute;
        inset: 0;
        z-index: 30;
        display: grid;
        grid-template-columns: 46px minmax(0,auto);
        grid-template-rows: auto auto;
        place-content: center;
        gap: 4px 10px;
        width: 100%;
        min-height: 100%;
        padding: 20px;
        border: 0;
        background: linear-gradient(180deg, transparent 14%, rgba(5,3,10,.2) 44%, rgba(5,3,10,.92));
        color: #fff;
        text-align: left;
        cursor: pointer;
        touch-action: manipulation;
    }

    .akb-mobile-launch > span {
        grid-row: 1 / span 2;
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        border: 2px solid var(--akb-cyan);
        background: #211035;
        color: var(--akb-cyan);
        font: 900 1.6rem/1 "Nunito", sans-serif;
        box-shadow: 4px 4px 0 #000, 0 0 15px rgba(119,231,255,.3);
    }

    .akb-mobile-launch strong { align-self: end; font: 700 .67rem/1 "Silkscreen", monospace; text-shadow: 2px 2px 0 #000; }
    .akb-mobile-launch small { color: #c9f8ff; font: 700 .45rem/1.3 "Silkscreen", monospace; text-shadow: 1px 1px 0 #000; }
    .akb-mobile-launch:focus-visible { outline: 3px solid var(--akb-cyan); outline-offset: -6px; }

    html.akb-mobile-immersive-active,
    html.akb-mobile-immersive-active body { overflow: hidden !important; overscroll-behavior: none; }

    html.akb-mobile-immersive-active .akanebook-section {
        position: fixed;
        inset: 0;
        z-index: 100300;
        width: 100vw;
        height: 100dvh;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background:
            radial-gradient(circle at 50% 45%, rgba(80,41,113,.34), transparent 48%),
            #050308;
        box-shadow: none;
    }

    html.akb-mobile-immersive-active .akanebook-section::before,
    html.akb-mobile-immersive-active .akanebook-intro { display: none; }

    html.akb-mobile-immersive-active .akanebook-stage {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow: hidden;
        border: 0;
        background:
            linear-gradient(rgba(119,231,255,.035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(168,108,255,.04) 1px, transparent 1px),
            #050308;
        background-size: 24px 24px;
        box-shadow: none;
    }

    html.akb-mobile-immersive-active .akanebook-device {
        top: 50%;
        left: 50%;
        width: 930px;
        pointer-events: auto;
        transform: translate(-50%, -50%) scale(var(--akb-device-scale));
        transform-origin: center;
    }

    html.akb-mobile-immersive-active.akb-mobile-immersive-portrait .akanebook-stage::after {
        content: "ROTATE DEVICE  ↻";
        position: absolute;
        left: 50%;
        bottom: max(18px, env(safe-area-inset-bottom));
        z-index: 100360;
        padding: 8px 11px;
        border: 2px solid var(--akb-cyan);
        background: rgba(16,7,25,.92);
        color: #fff;
        font: 700 .55rem/1 "Silkscreen", monospace;
        box-shadow: 4px 4px 0 #000;
        pointer-events: none;
        transform: translateX(-50%);
    }

    html.akb-mobile-immersive-active .akb-mobile-launch { display: none; }

    html.akb-mobile-immersive-active .akb-mobile-exit {
        position: fixed;
        top: max(10px, env(safe-area-inset-top));
        right: max(10px, env(safe-area-inset-right));
        z-index: 100380;
        display: block;
        min-width: 78px;
        min-height: 44px;
        padding: 7px 10px;
        border: 2px solid #fff;
        background: #1b0c25;
        color: #ff9fb4;
        font: 700 .55rem/1 "Silkscreen", monospace;
        box-shadow: 4px 4px 0 #000;
        cursor: pointer;
    }

    html.akb-mobile-immersive-active .akb-mobile-exit:focus-visible { outline: 3px solid var(--akb-cyan); outline-offset: 2px; }

    .secret-image-lightbox { padding: 8px; }
    .secret-image-lightbox-window { width: 100%; height: min(94dvh, 820px); }
    .secret-image-lightbox-header { min-height: 56px; padding-left: 10px; }
    .secret-image-lightbox-header span { font-size: .5rem; }
    .secret-image-lightbox-frame { padding: 8px; }
    .secret-image-lightbox-toolbar { flex-wrap: wrap; gap: 7px; }
    .secret-image-zoom-controls { flex: 1 1 auto; }
    .secret-image-zoom-controls output { min-width: 58px; }
    .secret-image-zoom-reset { min-width: 92px !important; }
    .secret-image-download { flex: 1 1 100%; min-width: 0; }
}

@media (max-width: 430px) {
    .akanebook-intro h2 { font-size: 2.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .akb-lock.is-signing-in .akb-password span,
    .akb-boot-log span,
    .akb-boot-bar::before { animation-duration: 1ms !important; animation-delay: 0ms !important; }
}