.header{display:flex;width:100%;padding:2rem;justify-content:center;align-items:center;color:var(--on-primary);position:fixed;top:0;left:0;right:0;z-index:9999;transform:translateZ(0);backface-visibility:hidden}.header .header__container{display:flex;width:100%;max-width:var(--max-width);justify-content:space-between;background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;border-radius:14px;height:auto;min-height:7rem;border:.03px solid #7c39fd47;flex-wrap:wrap}.header .profile .header__title{font-size:var(--text-title);font-weight:600;cursor:pointer}.header .header__list{display:flex;align-items:center;justify-content:space-evenly;gap:2rem;margin-right:4.4rem}.header .links{display:flex;gap:22px;font-size:var(--text-general)}.header .links a{position:relative}.header .links a:after{position:absolute;bottom:0;left:0;content:"";width:100%;transform:scaleX(0);transform-origin:0;height:2px;background:var(--primary);transition:.35s transform}.header .links a:hover{color:var(--primary-90)}.header .links a:hover:after{transform:scale(1)}.sidebar__header,.icons,.menu__btn{display:none}@media screen and (max-width: 768px){.header{padding:1rem;--sidebar-backdrop: radial-gradient(circle at 80% 90%, #2b0b5a88, #05030cdd);--sidebar-bg: linear-gradient(135deg, #1b073f, #2b0b5a);--sidebar-border: #dc5898;--sidebar-shadow: -10px 0 30px #00000055;--sidebar-header-bg: linear-gradient(135deg, #0f0a20, #1f103a);--sidebar-header-border: #ffffff10;--sidebar-header-shadow: inset 0 0 0 1px #ffffff08;--sidebar-avatar-border: #ff8bd4;--sidebar-role-color: var(--primary-90);--sidebar-text: #f6e9ff;--sidebar-muted: #d0b7ff;--sidebar-link-bg: linear-gradient(135deg, #120a24, #241041);--sidebar-link-border: #ffffff10;--sidebar-link-shadow: inset 0 0 0 1px #ffffff05;--sidebar-link-hover: linear-gradient(135deg, #1f0f3a, #35185c);--sidebar-btn-bg: linear-gradient(135deg, #1a0f2e, #2f1447);--sidebar-btn-border: #ff8bd4;--sidebar-btn-color: #f6e9ff;--sidebar-btn-shadow: 0 8px 22px #00000066, inset 0 0 14px #ffffff0f;--sidebar-icon-color: #ffbde6;--sidebar-icon-shadow: drop-shadow(0 2px 4px #00000066);--sidebar-close-bg: #ffffff14;--sidebar-close-border: #ffffff22}.header .links{position:fixed;right:0;top:0;width:100%;height:100dvh;justify-content:flex-start;align-items:flex-start;flex-direction:column;pointer-events:none}.menu__backdrop{position:fixed;inset:0;background:var(--sidebar-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border:none;pointer-events:none;transition:opacity .25s ease}.header .header__list{margin-right:0;z-index:2;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:1fr;gap:.6rem;justify-content:start;align-items:start;align-content:start;justify-items:stretch;grid-auto-rows:min-content;border-radius:0 0 0 18px;width:min(78vw,320px);height:100dvh;padding:5.2rem 1.2rem 2rem;border:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);align-self:flex-start;position:fixed;right:0;top:0;overflow:auto;opacity:0;transform:translate(100%);pointer-events:none;transition:opacity .2s ease,transform .25s ease}.links[data-open=true] .header__list{opacity:1;transform:translate(0);pointer-events:all}.links[data-open=true] .menu__backdrop{opacity:1;pointer-events:all}.links[data-open=true] .menu__btn{opacity:0;pointer-events:none}.icon__container{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem}.icons{display:block}.sidebar__header{display:flex;align-items:center;gap:1rem;padding:.8rem .9rem;border-radius:14px;background:var(--sidebar-header-bg);border:1px solid var(--sidebar-header-border);box-shadow:var(--sidebar-header-shadow)}.sidebar__avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--sidebar-avatar-border);-o-object-fit:cover;object-fit:cover;box-shadow:0 6px 16px #0006}.sidebar__meta{display:flex;flex-direction:column;gap:.2rem}.sidebar__name{font-size:1.4rem;font-weight:700;letter-spacing:.4px}.sidebar__role{font-size:1.1rem;color:var(--sidebar-role-color)}.sidebar__close{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--sidebar-close-border);background:var(--sidebar-close-bg);color:var(--sidebar-text)}.menu__link{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;width:100%;padding:.8rem 1rem;border-radius:12px;background:var(--sidebar-link-bg);border:1px solid var(--sidebar-link-border);box-shadow:var(--sidebar-link-shadow)}.menu__link:hover{background:var(--sidebar-link-hover)}.menu__btn{display:flex;justify-content:center;align-items:center;gap:.6rem;width:46px;height:46px;background:var(--sidebar-btn-bg);border-radius:16px;font-size:var(--text-large);letter-spacing:.6px;text-transform:uppercase;transition:opacity .2s ease,transform .2s ease;max-width:-moz-max-content;max-width:max-content;color:var(--sidebar-btn-color);position:fixed;right:1.2rem;top:1.2rem;border:1px solid var(--sidebar-btn-border);box-shadow:var(--sidebar-btn-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:all;animation:linear scroll-btn;animation-timeline:scroll()}.menu__btn:active{transform:translateY(1px) scale(.98)}.menu__icon{display:inline-flex;color:var(--sidebar-icon-color);filter:var(--sidebar-icon-shadow)}[data-theme=light] .header{--sidebar-backdrop: radial-gradient(circle at 80% 90%, #f3e6ffcc, #e4ddf2f2);--sidebar-bg: linear-gradient(135deg, #f7f1ff, #efe6ff);--sidebar-border: #d7c8ff;--sidebar-shadow: -10px 0 30px #00000022;--sidebar-header-bg: linear-gradient(135deg, #ffffff, #f1eaff);--sidebar-header-border: #e0d6ff;--sidebar-header-shadow: inset 0 0 0 1px #00000008;--sidebar-avatar-border: #7b5cf4;--sidebar-role-color: #6b4de6;--sidebar-text: #3b2b7a;--sidebar-muted: #6b4de6;--sidebar-link-bg: linear-gradient(135deg, #ffffff, #efe9ff);--sidebar-link-border: #e0d6ff;--sidebar-link-shadow: inset 0 0 0 1px #00000005;--sidebar-link-hover: linear-gradient(135deg, #f7f3ff, #e8ddff);--sidebar-btn-bg: linear-gradient(135deg, #f7f2ff, #e7dcff);--sidebar-btn-border: #cbb6ff;--sidebar-btn-color: #3b2b7a;--sidebar-btn-shadow: 0 8px 22px #00000022, inset 0 0 14px #00000005;--sidebar-icon-color: #6b4de6;--sidebar-icon-shadow: drop-shadow(0 2px 4px #00000022);--sidebar-close-bg: #ffffffcc;--sidebar-close-border: #d7c8ff}}@keyframes scroll-btn{0%,1%{opacity:0}2%{opacity:inherit}}