@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--background: #ffffff;--foreground: #09090b;--card: #ffffff;--card-foreground: #09090b;--popover: #ffffff;--popover-foreground: #09090b;--primary: #18181b;--primary-foreground: #fafafa;--secondary: #f4f4f5;--secondary-foreground: #18181b;--muted: #f4f4f5;--muted-foreground: #71717a;--accent: #f4f4f5;--accent-foreground: #18181b;--destructive: #ef4444;--destructive-foreground: #fafafa;--success: #10b981;--success-foreground: #fafafa;--border: #e4e4e7;--input: #e4e4e7;--ring: #18181b;--radius: .5rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-dark: var(--background);--bg-panel: var(--card);--bg-panel-border: var(--border);--text-primary: var(--foreground);--text-secondary: var(--muted-foreground);--accent-cyan: var(--primary);--accent-cyan-hover: rgba(24, 24, 27, .9);--border-color: var(--border);--bg-color: var(--background)}@media(prefers-color-scheme:dark){:root{--background: #09090b;--foreground: #fafafa;--card: #09090b;--card-foreground: #fafafa;--popover: #09090b;--popover-foreground: #fafafa;--primary: #fafafa;--primary-foreground: #18181b;--secondary: #27272a;--secondary-foreground: #fafafa;--muted: #27272a;--muted-foreground: #a1a1aa;--accent: #27272a;--accent-foreground: #fafafa;--destructive: #7f1d1d;--destructive-foreground: #fafafa;--border: #27272a;--input: #27272a;--ring: #d4d4d8}}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)}body{background-color:var(--background);color:var(--foreground);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;letter-spacing:-.025em;color:var(--foreground)}a{color:inherit;text-decoration:inherit}.text-gradient{background:linear-gradient(to right,var(--foreground),var(--muted-foreground));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-cyan{color:var(--primary)}.layout-container{max-width:1200px;margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:50;background:rgba(var(--background),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:16px 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--foreground);letter-spacing:-.025em}.nav-links{display:flex;gap:24px}.nav-link{color:var(--muted-foreground);font-size:.875rem;font-weight:500;transition:color .15s ease;cursor:pointer}.nav-link:hover{color:var(--foreground)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:colors .15s ease;padding:.5rem 1rem;height:2.5rem;gap:.5rem;cursor:pointer;white-space:nowrap}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:var(--primary);opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--accent);color:var(--accent-foreground)}.input-field{width:100%;display:flex;height:2.5rem;background-color:var(--background);border:1px solid var(--input);color:var(--foreground);padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 1px var(--ring)}.input-field::placeholder{color:var(--muted-foreground)}.main-content{padding:40px 0;min-height:calc(100vh - 80px)}.glass-card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;position:relative;overflow:hidden}.hero{padding:80px 0 60px}.hero-pill{display:inline-flex;align-items:center;border:1px solid var(--border);color:var(--foreground);padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500;margin-bottom:24px;background-color:var(--muted)}.hero h1{font-size:3.5rem;letter-spacing:-.04em;margin-bottom:1.5rem}.hero h1 .text-cyan{display:block}.hero p{font-size:1.125rem;color:var(--muted-foreground);line-height:1.75;max-width:600px;margin-bottom:2rem}.hero-buttons{display:flex;align-items:center;gap:16px;margin-bottom:2rem}.users-joined{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--muted-foreground)}.avatar-group{display:flex}.avatar-group div{width:32px;height:32px;border-radius:50%;background:var(--muted);border:2px solid var(--background);margin-left:-12px}.avatar-group div:first-child{margin-left:0;background:#a3a3a3}.avatar-group div:nth-child(2){background:#d4d4d4}.avatar-group div:nth-child(3){background:#737373}.repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px}.repo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.repo-title{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--foreground)}.repo-desc{color:var(--muted-foreground);font-size:.875rem;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.badge{display:inline-flex;align-items:center;border:1px solid var(--border);background-color:var(--secondary);color:var(--secondary-foreground);padding:2px 10px;font-size:.75rem;font-weight:500;border-radius:9999px;white-space:nowrap}.editor-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;height:calc(100vh - 200px)}.editor-pane{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px #0000000d}.pane-header{padding:12px 16px;background:var(--muted);border-bottom:1px solid var(--border);font-size:.875rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;color:var(--muted-foreground)}textarea.markdown-editor{flex:1;background:transparent;border:none;color:var(--foreground);padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;resize:none;outline:none;line-height:1.6}.markdown-preview{flex:1;padding:24px;overflow-y:auto;line-height:1.7;color:var(--foreground);background:var(--background)}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:24px;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px;font-weight:600}.markdown-preview p{margin-bottom:16px}.markdown-preview code{background:var(--muted);color:var(--foreground);padding:2px 4px;border-radius:4px;font-size:.875em;font-family:ui-monospace,SFMono-Regular,monospace}.markdown-preview pre{background:var(--muted);border:1px solid var(--border);padding:16px;margin-bottom:16px;border-radius:var(--radius);overflow-x:auto}.markdown-preview pre code{background:transparent;padding:0;color:var(--foreground)}.spinner{border:3px solid var(--muted);border-left-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}
