:root{--color-primary:#0070f3;--color-primary-dark:#0051cc;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-text:#1f2937;--color-text-light:#6b7280;--color-bg:#fff;--color-bg-light:#f9fafb;--color-border:#e5e7eb;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--line-height-tight:1.2;--line-height-normal:1.5;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);line-height:var(--line-height-normal)}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:var(--font-size-base);cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);color:#fff;font-weight:500;transition:background-color .2s ease,transform .1s ease}button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,textarea{font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,112,243,.1)}textarea{resize:vertical;font-family:Monaco,Menlo,Ubuntu Mono,monospace}select{font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);cursor:pointer;transition:border-color .2s ease}select:focus{outline:none;border-color:var(--color-primary)}h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}h1,h2{font-weight:700;line-height:var(--line-height-tight)}h2{font-size:var(--font-size-xl)}h2,p{margin-bottom:var(--spacing-md)}p{color:var(--color-text-light)}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}code,pre{background-color:var(--color-bg-light)}pre{padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-lg)}pre code{background-color:transparent;padding:0}