:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--accent:#3b82f6;--accent-hover:#60a5fa;--accent-glow:rgba(59,130,246,.3);--red:#ef4444;--green:#22c55e;--yellow:#eab308;--purple:#a855f7}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#f5f7fa;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;height:auto;max-width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{animation:spin .8s linear infinite;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#6b7280;font-size:.9rem}.error-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.error-container svg{color:var(--red);height:48px;width:48px}.error-container h2{color:#1f2937;font-size:1.2rem}.error-container p{color:#6b7280;font-size:.9rem}.btn-retry{background:var(--accent);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all var(--transition-fast)}.btn-retry:hover{background:var(--accent-hover);transform:translateY(-1px)}