/* source: assets/archive.css lines 1-96 */
:root[data-theme="light"] {
    --bg: #f4ece1;
    --sidebar: rgba(232, 216, 200, 0.92);
    --sidebar-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(184, 91, 63, 0.12) 40%, rgba(122, 99, 78, 0.16) 100%);
    --sidebar-glow: radial-gradient(circle at top left, rgba(255, 255, 255, 0.34), transparent 46%);
    --text: #3e3024;
    --text-muted: #7a634e;
    --accent: #b85b3f;
    --border: rgba(210, 196, 177, 0.68);
    --input-bg: rgba(255, 255, 255, 0.42);
    --item-hover: rgba(184, 91, 63, 0.1);
    --glass-bg: rgba(244, 236, 225, 0.78);
    --soft-btn-bg: rgba(255, 255, 255, 0.42);
    --soft-btn-hover: rgba(184, 91, 63, 0.12);
    --category-header-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(242, 223, 205, 0.38));
    --category-header-hover: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 238, 218, 0.7));
    --category-open-header-bg: linear-gradient(135deg, rgba(255, 249, 243, 0.96), rgba(244, 224, 205, 0.88));
        --category-expanded-bg: linear-gradient(180deg, rgba(255, 248, 240, 0.6), rgba(244, 224, 205, 0.4));
    --dropdown-bg: linear-gradient(180deg, rgb(247 242 237 / 91%), rgb(184 168 151 / 90%));
    --category-expanded-border: rgba(184, 91, 63, 0.24);
    --category-connector: rgba(184, 91, 63, 0.16);
    --category-shadow: 0 16px 28px rgba(105, 78, 57, 0.12);
    --category-count-bg: rgba(184, 91, 63, 0.12);
    --category-count-border: rgba(184, 91, 63, 0.14);
    --category-action-bg: rgba(255, 255, 255, 0.54);
    --category-action-hover: rgba(255, 255, 255, 0.92);
    --bookmark-action-bg: rgba(255, 255, 255, 0.52);
    --bookmark-action-hover: rgba(255, 255, 255, 0.94);
    --bookmark-active-bg: linear-gradient(180deg, #d96d42, #cc6239);
    --bookmark-active-text: #fffdf9;
    --bookmark-active-shadow: 0 6px 16px rgba(184, 91, 63, 0.24);
    --backup-box-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.18));
    --note-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.12));
    --note-window-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.16));
}

:root[data-theme="dark"] {
    --bg: #15110e;
    --sidebar: rgba(24, 19, 14, 0.97);
    --sidebar-gradient: linear-gradient(180deg, rgba(255, 226, 190, 0.045), rgba(211, 99, 58, 0.095) 36%, rgba(6, 4, 3, 0.28) 100%);
    --sidebar-glow: radial-gradient(circle at top left, rgba(255, 219, 182, 0.08), transparent 44%);
    --text: #ebdfcb;
    --text-muted: #af9b87;
    --accent: #d3633a;
    --border: rgb(163 131 88 / 28%);
    --input-bg: rgba(25, 19, 14, 0.92);
    --item-hover: rgba(211, 99, 58, 0.15);
    --glass-bg: rgba(18, 13, 9, 0.88);
    --soft-btn-bg: rgba(255, 255, 255, 0.03);
    --soft-btn-hover: rgba(211, 99, 58, 0.1);
    --category-header-bg: linear-gradient(135deg, rgba(255, 232, 204, 0.06), rgba(211, 99, 58, 0.2));
    --category-header-hover: linear-gradient(135deg, rgba(255, 236, 212, 0.08), rgba(211, 99, 58, 0.26));
    --category-open-header-bg: linear-gradient(135deg, rgba(255, 236, 212, 0.1), rgba(211, 99, 58, 0.23));
        --category-expanded-bg: linear-gradient(180deg, rgba(255, 236, 212, 0.045), rgba(211, 99, 58, 0.08));
    --dropdown-bg: linear-gradient(180deg, rgba(45, 32, 24, 0.9), rgba(24, 18, 13, 0.94));
    --category-expanded-border: rgba(211, 99, 58, 0.18);
    --category-connector: rgba(211, 99, 58, 0.12);
    --category-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
    --category-count-bg: rgba(211, 99, 58, 0.16);
    --category-count-border: rgba(211, 99, 58, 0.18);
    --category-action-bg: rgba(255, 255, 255, 0.06);
    --category-action-hover: rgba(255, 255, 255, 0.1);
    --bookmark-action-bg: rgba(255, 255, 255, 0.05);
    --bookmark-action-hover: rgba(255, 255, 255, 0.12);
    --bookmark-active-bg: linear-gradient(180deg, rgba(178, 96, 58, 0.78), rgba(132, 72, 45, 0.92));
    --bookmark-active-text: #f3e2cd;
    --bookmark-active-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
    --backup-box-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
    --note-card-bg: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02));
    --note-window-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent);
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}