:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e17;--bg-secondary:#0f1419;--bg-tertiary:#0d1117;--panel:#151b26;--panel-elevated:#1a2332;--surface-soft:#1e2736;--border:#2d3748;--border-bright:#4a5568;--border-subtle:#3d4f63;--text:#e6edf3;--text-bright:#f0f6fc;--text-secondary:#c9d1d9;--text-muted:#8b949e;--text-dim:#64748b;--text-faint:#adb5bd;--text-inverse:#fff;--btn-text:#fff;--overlay-03:#ffffff08;--overlay-05:#ffffff0d;--overlay-08:#ffffff14;--overlay-10:#ffffff1a;--overlay-12:#ffffff1f;--overlay-15:#ffffff26;--overlay-20:#fff3;--overlay-30:#ffffff4d;--surface-sunken:#0000002e;--surface-sunken-deep:#00000047;--surface-sunken-deeper:#00000061;--shadow-05:#0000000d;--shadow-10:#0000001a;--shadow-15:#00000026;--shadow-20:#0003;--shadow-30:#0000004d;--shadow-40:#0006;--scrollbar-track:#0000001a;--scrollbar-thumb:#ffd93d33;--scrollbar-thumb-hover:#ffd93d80;--primary:#ffd93d;--primary-dark:#d4af37;--primary-glow:#ffd93d33;--gold:#ffd93d;--gold-bright:#ffe66d;--gold-dark:#d4af37;--gold-glow:#ffd93d4d;--skill-api-accent:#fcc78b;--skill-api-level:#a29bfe;--skill-api-num:#fcc78b;--accent-secondary:#2d3748;--accent-tertiary:#1dd1a1;--accent-secondary-soft:#2d374866;--blue:#4ed9ff;--blue-bright:#80e5ff;--blue-dark:#09c;--blue-glow:#4ed9ff33;--blue-link:#58a6ff;--green:#0f8;--green-bright:#3fa;--green-glow:#00ff8840;--green-success:#3fb950;--green-positive:#2ecc71;--red-error:#ff6c6c;--red-alert:#ff4757;--trend-line:#f85149;--trend-line-fill:#f851491a;--trend-line-label:#f85149e6;--nezakan:#ff4757;--zikel:#7bed9f;--triniel:#70a1ff;--ariel:#ffa502;--asphel:#d63aff;--baizel:#ff6348;--arcana:#1dd1a1;--profile-bg:linear-gradient(135deg, #1a2332 0%, #0f1922 50%, #0a0e17 100%);--profile-hero-overlay:linear-gradient(to bottom, transparent 0%, #0f0f14f2 100%);--profile-hero-text:var(--text-inverse);--profile-hero-subtext:#ffffffd9;--profile-label-muted:#ffffff73;--profile-stat-glow:rgba(var(--mbti-color-rgb,255, 215, 0), .35);--profile-rank-box-bg:#00000040;--card-bg:linear-gradient(145deg, #1a233299, #0f192266);--panel-gradient:linear-gradient(145deg, var(--panel-elevated), var(--panel));--accent-gradient:linear-gradient(135deg, var(--primary), var(--gold));--glow-gradient:radial-gradient(circle at center, var(--primary-glow), transparent);--input-bg:var(--panel);--input-border:var(--border);--input-focus-border:var(--blue-link);--hover-bg:var(--overlay-05);--active-bg:var(--overlay-10);--chart-grid:#ffffff14;--chart-text:var(--text-muted);--chart-bg:var(--panel);--theme-color:#0a0e17}.sidebar-item .s-icon i{justify-content:center;align-items:center;width:28px;height:28px;font-size:22px;line-height:1;display:inline-flex}.theme-toggle-item--pulse{animation:.4s theme-toggle-pulse}@keyframes theme-toggle-pulse{0%{transform:scale(1)}40%{background:var(--overlay-10);transform:scale(1.04)}to{transform:scale(1)}}.sidebar{--sidebar-item-size:44px;--sidebar-item-row-h:44px}.sidebar-item{min-height:var(--sidebar-item-row-h);box-sizing:border-box;align-items:center}.sidebar:not(:hover) .sidebar-item{height:var(--sidebar-item-size);min-height:var(--sidebar-item-size);max-height:var(--sidebar-item-size)}.sidebar-item-text--diary{white-space:nowrap;font-weight:700;overflow:hidden}:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-nav,:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-footer{align-items:center;padding-left:0!important;padding-right:0!important}:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-item{width:var(--sidebar-item-size);min-width:var(--sidebar-item-size);max-width:var(--sidebar-item-size);height:var(--sidebar-item-size);min-height:var(--sidebar-item-size);max-height:var(--sidebar-item-size);box-sizing:border-box;justify-content:center;margin-left:auto!important;margin-right:auto!important;padding:6px 0!important}:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-item .s-icon{min-width:0;margin:0}:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-item:hover,:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-item.active,:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-item:hover .s-icon,:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-item.active .s-icon{transform:none}:root:not([data-theme=light]) .sidebar:not(:hover) .sidebar-item.active{border:2px solid var(--gold)!important;border-left:2px solid var(--gold)!important;background:#ffd93d1f!important;box-shadow:0 2px 8px #ffd93d3d!important}
