#root{max-width:1280px;margin:0 auto;padding:.5rem}.h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:40;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb}.app-header .wrap{max-width:1280px;margin:0 auto;padding:12px 16px}.app-body{flex:1;min-height:0;display:flex}.app-sidebar{width:256px;flex-shrink:0;border-right:1px solid #e5e7eb;overflow:auto}.app-main{flex:1;overflow:auto;padding:16px}.app-skeleton{position:relative;overflow:hidden;background:#f3f4f6;border-radius:8px}.app-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);animation:app-shimmer 1.4s infinite}@keyframes app-shimmer{to{transform:translate(100%)}}.app-empty{border:1px dashed #d1d5db;border-radius:10px;padding:12px;color:#6b7280;font-size:.9rem}.app-footer{text-align:center;padding:12px 0;border-top:1px solid #e5e7eb;font-size:.9rem;background:#fff}.app-footer .label{letter-spacing:.04em;text-transform:lowercase;color:#6b7280}.app-footer .sep{margin:0 4px;color:#9ca3af}.app-footer b{font-weight:600;color:#111827}