.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tracking-wider{letter-spacing:.05em}.mt-8{margin-top:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-gray-500{color:#6b7280}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}body{margin:0}.sidebar{z-index:50;background:#0b1120;border-right:1px solid #ffffff0f;flex-direction:column;width:220px;min-height:100vh;padding:1.5rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:.6rem;margin-bottom:2.5rem;padding:0 1.5rem;display:flex}.brand-icon{color:#a78bfa;width:24px;height:24px}.brand-text{background:linear-gradient(135deg,#a78bfa 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:0 .75rem;display:flex}.nav-item{color:#64748b;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#cbd5e1;background:#ffffff0a}.nav-item.active{color:#e2e8f0;background:#8b5cf61f}.nav-item.active svg{color:#a78bfa}.sidebar-footer{border-top:1px solid #ffffff0a;flex-direction:column;gap:.75rem;padding:1rem .75rem;display:flex}.sidebar-practice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #8b5cf64d}.sidebar-practice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf680}.sidebar-version{text-align:center;color:#334155;font-size:.7rem}.sidebar-user{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .75rem;transition:background .2s;display:flex}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-user-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.sidebar-user-vip{color:#fbbf24;letter-spacing:.03em;font-size:.68rem;font-weight:600}.sidebar-logout-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.sidebar-logout-btn:hover{color:#f87171;background:#f871711a}