.sn-side{background:var(--sn-panel);border-right:1px solid var(--sn-line-soft);padding:20px 14px 18px;display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;scrollbar-width:none}.sn-side::-webkit-scrollbar{display:none}.sn-brand{display:flex;justify-content:center;text-decoration:none;flex-shrink:0;color:var(--riftory-brand)}.sn-brand-totem{width:74px;aspect-ratio:512/298;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--riftory-brand) 35%,transparent))}.sn-brand-word{width:132px;aspect-ratio:1024/119;margin-top:6px}.sn-new-project{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;text-decoration:none;font-size:13.5px;font-weight:600;color:#fff;background:linear-gradient(150deg,var(--sn-violet),var(--sn-violet-deep));box-shadow:0 8px 22px color-mix(in srgb,var(--sn-violet-deep) 35%,transparent);transition:filter .16s ease;flex-shrink:0}.sn-new-project:hover{filter:brightness(1.12)}.sn-nav{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.sn-nav-link{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:9px;border:1px solid transparent;color:var(--sn-muted);text-decoration:none;font-size:13.5px;transition:background .16s ease,color .16s ease}.sn-nav-link>span:first-of-type{flex:1 1}.sn-nav-link:hover{background:var(--sn-line-soft);color:var(--sn-text)}.sn-nav-link svg{color:var(--sn-muted);flex-shrink:0}.sn-nav-link:hover svg,.sn-nav-on{color:var(--sn-violet-soft)}.sn-nav-on{background:color-mix(in srgb,var(--sn-violet) 14%,transparent);border-color:color-mix(in srgb,var(--sn-violet) 35%,transparent)}.sn-nav-on svg{color:var(--sn-violet-soft)}.sn-nav-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e0687e;color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center}.sn-side-extra,.sn-side-foot{border-top:1px solid var(--sn-line-soft);padding-top:15px;flex-shrink:0}.sn-user{display:grid;grid-template-columns:38px 1fr 15px;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:4px;border-radius:10px;transition:background .16s ease}.sn-user:hover{background:var(--sn-line-soft)}.sn-av{border-radius:50%;flex-shrink:0;display:block}.sn-av-photo{object-fit:cover;border:1px solid color-mix(in srgb,var(--sn-violet) 40%,transparent)}.sn-av-letter{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;letter-spacing:.01em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.sn-user-copy{min-width:0}.sn-user-name{margin:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-user-lvl{margin:2px 0 0;font-size:11px;color:var(--sn-muted)}.sn-premium{display:inline-block;margin-top:3px;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:600;color:var(--sn-violet-soft);background:color-mix(in srgb,var(--sn-violet) 16%,transparent);border:1px solid color-mix(in srgb,var(--sn-violet) 30%,transparent)}.sn-wallet{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--sn-amber) 30%,transparent);background:color-mix(in srgb,var(--sn-amber) 8%,transparent);color:var(--sn-amber);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease}.sn-wallet:hover{border-color:color-mix(in srgb,var(--sn-amber) 55%,transparent);background:color-mix(in srgb,var(--sn-amber) 14%,transparent)}.sn-wallet-add{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,var(--sn-amber) 20%,transparent);font-size:13px;line-height:1}.sn-xp{height:3px;border-radius:999px;background:var(--sn-line-soft);margin:13px 0 6px;overflow:hidden}.sn-xp>i{display:block;height:100%;background:linear-gradient(90deg,var(--sn-violet-deep),var(--sn-violet-soft))}.sn-xp-label{margin:0;font-size:10.5px;color:var(--sn-muted)}.sn-options{display:grid;gap:2px;margin-top:14px;padding-top:12px;border-top:1px solid var(--sn-line-soft)}.sn-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--sn-muted);font-size:13px;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .16s ease,color .16s ease}.sn-option:hover{background:var(--sn-line-soft);color:var(--sn-text)}.sn-option svg{flex-shrink:0;color:var(--sn-dim)}.sn-option:hover svg{color:var(--sn-violet-soft)}.sn-option-theme{position:relative}.sn-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:10px;border:1px solid var(--sn-line);border-radius:10px;background:transparent;color:var(--sn-muted);font-size:13px;font-weight:500;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.sn-logout:hover{background:color-mix(in srgb,#e0687e 12%,transparent);border-color:color-mix(in srgb,#e0687e 45%,transparent);color:#e0687e}.sn-theme-popover{position:absolute;bottom:calc(100% + 10px);left:0;right:0;z-index:30;padding:12px 14px;border-radius:12px;border:1px solid var(--sn-line);background:var(--sn-panel);box-shadow:0 16px 40px rgba(0,0,0,.45)}.sn-theme-popover .ts-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sn-theme-popover .ts-swatch{width:100%}.sn-theme-popover p{margin:0 0 8px;font-size:11px;color:var(--sn-muted)}.sn-backdrop,.sn-mobile-toggle{display:none}@media (max-width:1000px){.sn-mobile-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:max(var(--sn-toggle-inset,12px),env(safe-area-inset-top));left:var(--sn-toggle-inset,12px);width:var(--sn-toggle-size,38px);height:var(--sn-toggle-size,38px);border-radius:10px;border:1px solid var(--sn-line);background:var(--sn-panel);color:var(--sn-text);box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:100}.sn-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;opacity:0;pointer-events:none;transition:opacity .2s ease}.sn-backdrop-visible{opacity:1;pointer-events:auto}aside.sn-side{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:min(280px,84vw);padding-top:max(20px,env(safe-area-inset-top));border-right:1px solid var(--sn-line);box-shadow:24px 0 60px rgba(0,0,0,.45);transform:translateX(-100%);transition:transform .22s ease;z-index:95}aside.sn-side.sn-side-open{transform:translateX(0)}}