@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fafafa;color:#333;line-height:1.6;overflow-x:hidden;font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary: #0F6F6F;--color-primary-light: #1A8A8A;--color-primary-dark: #0A4E4E;--color-primary-glow: rgba(15, 111, 111, .08);--color-accent: #C0603F;--color-accent-light: #D4714F;--color-accent-dark: #9A4A2E;--color-accent-glow: rgba(192, 96, 63, .08);--color-bg-base: #FAFAFA;--color-bg-raised: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-card-hover: #F5F5F5;--color-bg-surface: #F0F0F0;--color-bg-input: #FFFFFF;--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-heading: #1A1A1A;--color-border: #E5E5E5;--color-border-hover: #D0D0D0;--color-border-active: rgba(15, 111, 111, .5);--color-success: #0D8A5E;--color-success-bg: rgba(13, 138, 94, .06);--color-warning: #B8860B;--color-warning-bg: rgba(184, 134, 11, .06);--color-error: #C53030;--color-error-bg: rgba(197, 48, 48, .05);--glass-bg: rgba(255, 255, 255, .92);--glass-border: #E5E5E5;--glass-blur: blur(20px);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 100px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: .2s ease}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;line-height:1.2;color:var(--color-text-heading)}.mono{font-family:IBM Plex Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}::selection{background:#0f6f6f26;color:#1a1a1a}.container{width:90%;max-width:1200px;margin:auto;padding:var(--space-xl) var(--space-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0f6f6f0f}50%{box-shadow:0 0 40px #0f6f6f1f}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:24px;right:24px;background:var(--color-bg-card);color:var(--color-text);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 8px 30px #0000001a;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:10000;max-width:400px}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#c530304d;background:#c530300f}.toast.success{border-color:#0d8a5e4d;background:#0d8a5e0f}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.container{width:95%;padding:var(--space-lg) var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}