/* Native adaptations inspired by Aceternity; brand interaction inspired by Uiverse/zjssun. */
.sld-brand-copy{display:block;min-width:0}.sld-brand-word{position:relative;display:inline-block;white-space:nowrap;letter-spacing:1px}.sld-brand-gradient{position:absolute;inset:0;white-space:nowrap;color:transparent;background:linear-gradient(90deg,var(--purple),#68c7ff,var(--pink),var(--purple));background-size:250% 100%;background-clip:text;-webkit-background-clip:text;clip-path:inset(0 100% 0 0);transition:clip-path 1s ease;border-bottom:1px solid #bc69eb}.sld-brand:hover .sld-brand-gradient,.sld-brand:focus-visible .sld-brand-gradient{clip-path:inset(0);animation:sld-brand-flow 3s linear infinite}@keyframes sld-brand-flow{to{background-position:250% 0}}
.sld-spotlight{position:relative;isolation:isolate}.sld-spotlight::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,50%),#873fee24,transparent 75%);opacity:0;transition:opacity .25s;pointer-events:none;z-index:-1}.sld-spotlight[data-spot-active]::after{opacity:1}
.sld-sidebar{position:fixed;z-index:30;inset:12px auto auto 12px;max-height:calc(100dvh - 24px);width:76px;padding:14px 10px;border:1px solid #b278dc30;border-radius:20px;background:#100c1bf5;box-shadow:0 10px 30px #0005;display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease}
.sld-sidebar:hover,.sld-sidebar:focus-within,.sld-sidebar[data-pinned]{width:270px}.sld-sidebar .brand{gap:12px;flex-shrink:0}.sld-sidebar .brand img{width:42px;height:42px;flex-shrink:0}.sld-sidebar .sld-brand-copy{opacity:0;transition:opacity .2s;white-space:nowrap;font-size:13px}.sld-sidebar small{font-size:8px;letter-spacing:1px}.sld-sidebar:hover .sld-brand-copy,.sld-sidebar:focus-within .sld-brand-copy,.sld-sidebar[data-pinned] .sld-brand-copy{opacity:1}
.sld-sidebar .topnav{border:0;margin:18px 0 0;padding:0;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:6px;overflow-y:auto;overflow-x:hidden;flex:0 1 auto;min-height:0;scrollbar-width:thin}.sld-sidebar-links>a,.sld-sidebar-account>a,.sld-sidebar-account>button{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 4px;overflow:hidden;border:0;border-radius:10px;background:transparent;color:#c8bfd8;text-align:left;flex-shrink:0;font-size:13px}.sld-sidebar-icon{width:32px;flex-shrink:0;text-align:center;font-size:20px}.sld-sidebar-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity .2s}.sld-sidebar:hover .sld-sidebar-label,.sld-sidebar:focus-within .sld-sidebar-label,.sld-sidebar[data-pinned] .sld-sidebar-label{opacity:1}.sld-sidebar [aria-current=page],.sld-sidebar-links a:hover,.sld-sidebar-account button:hover{background:#9e4cd028;color:#f3dfff}.sld-sidebar-account{flex-shrink:0;margin-top:0;padding-top:20px;display:flex;flex-direction:column;gap:6px}.sld-sidebar-account .sld-avatar-frame{padding:0}.sld-sidebar-account .sld-avatar{width:32px!important;height:32px!important}.sld-sidebar-pin{align-self:flex-start;width:40px;border:0;background:transparent;color:#c7acd9;margin-top:12px;border-radius:8px;min-height:32px}.sld-sidebar-close,.sld-menu-toggle{display:none}.sld-sidebar-backdrop{position:fixed;inset:0;background:#05020cb8;border:0;z-index:29}.sld-sidebar-backdrop[hidden]{display:none}
@media(min-width:1051px){body:has(.sld-sidebar)>.wrap{width:min(1420px,calc(100% - 120px));margin-left:max(100px,calc((100% - 1320px)/2));margin-right:20px;max-width:calc(100% - 120px);transition:margin-left .25s ease,width .25s ease,max-width .25s ease}body:has(.sld-sidebar:hover,.sld-sidebar:focus-within,.sld-sidebar[data-pinned])>.wrap{margin-left:294px;width:min(1420px,calc(100% - 314px));max-width:calc(100% - 314px)}body:has(.sld-sidebar) .sld-bottom-nav{max-width:calc(100% - 130px)}}
@media(max-width:1050px){.sld-menu-toggle{display:inline-flex}.sld-sidebar{width:min(290px,calc(100vw - 28px));transform:translateX(-110%);transition:transform .25s;inset:8px auto auto 8px;max-height:calc(100dvh - 16px)}.sld-sidebar[data-open]{transform:none}.sld-sidebar .sld-brand-copy,.sld-sidebar .sld-sidebar-label{opacity:1}.sld-sidebar-pin{display:none}.sld-sidebar-close{display:block;position:absolute;right:8px;top:70px;border:0;background:transparent;color:#fff;font-size:26px}.sld-sidebar .topnav{margin-top:44px}.topbar{flex-wrap:wrap;gap:12px}.sld-sidebar:hover,.sld-sidebar:focus-within{width:min(290px,calc(100vw - 28px))}}
@media(max-width:600px){.sld-guest-page .topbar{flex-wrap:wrap}.topbar>.brand{flex:1}.sld-menu-toggle{padding:8px 10px}.sld-brand small{letter-spacing:1px}.sld-guest-page .topbar .account{margin-left:auto}}
.sld-upload{min-width:0;margin:20px 0;padding:18px;border:1px solid #ae70d23b;border-radius:18px}.sld-upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:170px;text-align:center;border:1px dashed #ae70d25c;border-radius:14px;background:radial-gradient(#b17ddb16 1px,transparent 1px) 0 0/12px 12px,#100d1b;cursor:pointer;padding:20px;transition:border-color .2s,background-color .2s}.sld-upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.sld-upload-zone:focus-within,.sld-upload[data-drag] .sld-upload-zone{outline:2px solid var(--purple);outline-offset:3px;background-color:#241533}.sld-upload-icon{font-size:28px;padding:4px 20px;border-radius:12px;background:#2e203a;color:#d6b4f4;box-shadow:0 8px 18px #0004}.sld-upload-preview{display:block;max-width:100%;max-height:220px;border-radius:12px;margin:14px auto;object-fit:contain}.sld-upload [hidden]{display:none}.sld-upload progress{width:100%;accent-color:var(--purple)}.sld-upload [data-upload-file]{overflow-wrap:anywhere}.sld-upload [data-error=true]{color:#ff9fb9}.sld-edit-diff{display:grid;gap:14px}.sld-edit-field{padding:14px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.sld-edit-changed{border-color:#c67ce772;background:#7c3da014}.sld-edit-field p{white-space:pre-wrap}.sld-edit-field img{max-width:45%;margin:5px}
@media(prefers-reduced-motion:reduce){.sld-brand-gradient{transition:none!important;animation:none!important}.sld-sidebar,.sld-sidebar-label,.sld-brand-copy,.sld-upload-zone,body:has(.sld-sidebar)>.wrap{transition:none}.sld-spotlight::after{display:none}}
