:root{--font-ui: "Plus Jakarta Sans", "Poppins", system-ui, sans-serif}html.dp-frame{--font-ui: "Poppins", sans-serif}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-ui)}:root{--radius-card: 22px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--radius-pill: 999px;--topbar-h: 60px;--page-gutter: clamp(12px, 2.2vw, 28px)}[data-theme=light]{color-scheme:light;--bg-app: #f7f2e8;--bg-sidebar: #ffffff;--bg-panel: #ffffff;--bg-input: #f5f0e4;--bg-hover: #ede6d6;--bg-active: #e4dbc6;--bg-overlay: rgba(11, 11, 11, .55);--text-primary: #16130b;--text-secondary: rgba(22, 19, 11, .68);--text-muted: rgba(22, 19, 11, .46);--text-disabled: rgba(22, 19, 11, .26);--text-on-gold: #0b0b0b;--text-link: #8c6f2e;--text-link-hover: #a6893c;--border-subtle: rgba(60, 45, 10, .08);--border-default: rgba(60, 45, 10, .14);--border-strong: rgba(60, 45, 10, .28);--border-focus: #c9a227;--border-input: rgba(60, 45, 10, .12);--border-input-hover: rgba(201, 162, 39, .55);--btn-primary-bg: #c9a227;--btn-primary-hover: #b5922d;--btn-primary-active: #a6893c;--btn-primary-shadow: none;--btn-secondary-border: #a6893c;--btn-secondary-hover-bg: rgba(201, 162, 39, .12);--btn-secondary-text: #8c6f2e;--btn-danger-bg: #c0392b;--btn-danger-hover: #e74c3c;--btn-disabled-bg: #ebe5d8;--nav-item-active-bg: rgba(201, 162, 39, .16);--nav-item-active-text: #8c6f2e;--nav-item-active-bar: #a6893c;--sb-active-bg: #14120c;--sb-active-text: #f1cf6a;--badge-bg: rgba(201, 162, 39, .16);--badge-text: #8c6f2e;--badge-premium-bg: linear-gradient(135deg, #c9a227, #a6893c);--badge-success-bg: rgba(39, 174, 96, .15);--badge-success-text: #1f8f4e;--card-shadow: none;--card-shadow-hover: none;--pop-shadow: none;--tile-blue-bg: #f8edc9;--tile-blue-fg: #8c6f2e;--tile-red-bg: #f8e2da;--tile-red-fg: #b5503a;--tile-purple-bg: #efe6da;--tile-purple-fg: #7a5c3e;--tile-teal-bg: #e9eed6;--tile-teal-fg: #5f7a2e;--tile-pink-bg: #f6e1d8;--tile-pink-fg: #a8553f;--tile-orange-bg: #fbe9cb;--tile-orange-fg: #b8741a;--tile-green-bg: #e2ecd8;--tile-green-fg: #4d7a3a;--tile-gray-bg: #ece7dc;--tile-gray-fg: #5a5446;--scrollbar-track: transparent;--scrollbar-thumb: #d3c9ae;--scrollbar-thumb-hover: #b8ab88;--scrollbar-border: transparent}:root:not([data-theme=light]),[data-theme=dark]{color-scheme:dark;--bg-app: #0b0b0b;--bg-sidebar: #141414;--bg-panel: #141414;--bg-input: #1f1e1a;--bg-hover: #2a2822;--bg-active: #35312a;--bg-overlay: rgba(5, 5, 5, .75);--text-primary: #f9f4eb;--text-secondary: rgba(249, 244, 235, .66);--text-muted: rgba(249, 244, 235, .42);--text-disabled: rgba(249, 244, 235, .22);--text-on-gold: #0b0b0b;--text-link: #d4af37;--text-link-hover: #e6c866;--border-subtle: rgba(212, 175, 55, .12);--border-default: rgba(212, 175, 55, .25);--border-strong: rgba(212, 175, 55, .5);--border-focus: #d4af37;--border-input: rgba(249, 244, 235, .1);--border-input-hover: rgba(212, 175, 55, .4);--btn-primary-bg: #d4af37;--btn-primary-hover: #c8a356;--btn-primary-active: #a6893c;--btn-primary-shadow: none;--btn-secondary-border: #d4af37;--btn-secondary-hover-bg: rgba(212, 175, 55, .1);--btn-secondary-text: #d4af37;--btn-danger-bg: #c0392b;--btn-danger-hover: #e74c3c;--btn-disabled-bg: #2a2822;--nav-item-active-bg: rgba(212, 175, 55, .14);--nav-item-active-text: #d4af37;--nav-item-active-bar: #d4af37;--sb-active-bg: #d4af37;--sb-active-text: #0b0b0b;--badge-bg: rgba(212, 175, 55, .14);--badge-text: #d4af37;--badge-premium-bg: linear-gradient(135deg, #d4af37, #a6893c);--badge-success-bg: rgba(39, 174, 96, .15);--badge-success-text: #2ecc71;--card-shadow: none;--card-shadow-hover: none;--pop-shadow: none;--tile-blue-bg: rgba(212, 175, 55, .16);--tile-blue-fg: #e2c15a;--tile-red-bg: rgba(224, 112, 88, .16);--tile-red-fg: #f09a84;--tile-purple-bg: rgba(190, 150, 110, .17);--tile-purple-fg: #d4b08a;--tile-teal-bg: rgba(150, 180, 80, .16);--tile-teal-fg: #b6d172;--tile-pink-bg: rgba(226, 120, 96, .15);--tile-pink-fg: #f2a08a;--tile-orange-bg: rgba(240, 160, 50, .16);--tile-orange-fg: #f4b860;--tile-green-bg: rgba(110, 190, 100, .15);--tile-green-fg: #92d089;--tile-gray-bg: rgba(249, 244, 235, .09);--tile-gray-fg: #cfc8b6;--scrollbar-track: transparent;--scrollbar-thumb: #3a362c;--scrollbar-thumb-hover: #55503f;--scrollbar-border: transparent}body{background-color:var(--bg-app);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}::selection{background-color:var(--border-focus);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid var(--scrollbar-border);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--border-focus)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-corner{background:transparent}.tile{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:18px;flex-shrink:0;background:var(--tile-gray-bg);color:var(--tile-gray-fg)}button,input,select,textarea{font-family:inherit}.page-content h1{font-weight:800;letter-spacing:-.02em}:focus-visible{outline-color:var(--border-focus)}.tile,.tile--blue,.tile--red,.tile--purple,.tile--teal,.tile--pink,.tile--orange,.tile--green,.tile--gray{width:32px;height:32px;border-radius:10px;font-size:16px;background:var(--bg-input);color:var(--text-secondary)}.tile--red{color:var(--btn-danger-bg)}.tile svg,.tb-icon svg,.tb-pill svg,.lt__icon svg,.lst-chip__icon svg,.sp-item svg,.ui-btn svg,.lst-box__add svg,.lst-mini svg,.menu-item svg{stroke-width:1.6}.tb-icon{font-size:17px}.ui-btn svg{font-size:16px}.sidebar .icon-container{width:34px;height:34px;font-size:17px;border-radius:11px;background:transparent;color:var(--text-secondary)}.sidebar .menu-item:hover .icon-container{background:var(--bg-input)}.sidebar .menu-item.active .icon-container{background:color-mix(in srgb,var(--sb-active-text) 16%,transparent);color:var(--sb-active-text)}.sidebar .menu-item{font-weight:500}.sidebar.is-bar.pos-top .menu-item .icon-container{width:38px;height:38px;font-size:18px;border-radius:12px}.page-content .lt__icon{width:30px;height:30px;border-radius:9px;font-size:16px;color:var(--text-secondary);background:var(--bg-panel)}.page-content .lst-chip__icon,.page-content .lst-chip__icon svg{font-size:15px}.lst-box__head .tile,.gd__topic .tile,.gd__card-head .tile{background:transparent}.gd__topic.is-on .tile{color:var(--sb-active-text)}.ui-pagehead .ui-badge{font-weight:600}