@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--color-surface: #0D1117;--color-surface-secondary: #162033;--color-surface-tertiary: #1E293B;--color-surface-warm: #F5E6D3;--color-surface-light: #F0F6FB;--color-brand: #49B6FF;--color-brand-hover: #6BC4FF;--color-brand-muted: #3D5A80;--color-brand-warm: #1A6BA0;--color-foreground: #FFFFFF;--color-foreground-secondary: #A0AEC0;--color-foreground-tertiary: #7B8DA1;--color-foreground-dark: #1A1A2E;--color-border: #1E293B;--color-border-default: #2D3748;--color-border-accent: #49B6FF;--color-success: #2E7D32;--color-warning: #E0C860;--color-error: #E74C3C;--color-pillar-ai: #49B6FF;--color-pillar-clarity: #2E7D32;--color-pillar-founder: #E0C860;--color-pillar-podcast: #8B5CF6;--container-content: 1200px;--container-text: 720px;--container-wide: 1400px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(73, 182, 255, .15);--text-hero: 4rem;--text-page-title: 3rem;--text-section: 2.25rem;--text-subsection: 1.5rem;--text-large: 1.25rem;--text-body: 1rem;--text-small: .875rem;--text-xs: .75rem;--leading-tight: 1.1;--leading-normal: 1.6;--leading-relaxed: 1.8;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-section: 7.5rem;--duration-fast: .15s;--duration-default: .25s;--duration-slow: .3s;--ease-out: cubic-bezier(.25, .1, .25, 1)}html{background:var(--color-surface);color:var(--color-foreground);font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,.h1{font-family:var(--font-display);font-size:var(--text-hero);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:500;color:var(--color-foreground)}h2,.h2{font-family:var(--font-display);font-size:var(--text-section);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:500;color:var(--color-foreground)}h3,.h3{font-family:var(--font-display);font-size:var(--text-subsection);line-height:var(--leading-tight);font-weight:500;color:var(--color-foreground)}.page-title{font-family:var(--font-display);font-size:var(--text-page-title);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:500}.lead,.subheadline{font-family:var(--font-display);font-size:var(--text-large);color:var(--color-foreground-secondary);line-height:var(--leading-normal)}p,.body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-foreground-secondary)}.small{font-size:var(--text-small);color:var(--color-foreground-secondary)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-brand)}code,.mono{font-family:var(--font-mono);font-size:var(--text-small)}a,.link{color:var(--color-brand);text-decoration:none;transition:color var(--duration-default) var(--ease-out)}a:hover,.link:hover{color:var(--color-brand-hover)}blockquote{border-left:2px solid var(--color-brand);padding-left:1rem;font-style:italic;color:var(--color-foreground-secondary)}.warm{background:var(--color-surface-warm);color:var(--color-foreground-dark)}.warm h1,.warm h2,.warm h3,.warm .page-title{color:var(--color-foreground-dark)}.warm p,.warm .body{color:color-mix(in srgb,var(--color-foreground-dark) 80%,transparent)}.warm .link,.warm a{color:var(--color-brand-warm)}:root{--bg: var(--color-surface);--panel: var(--color-surface-secondary);--panel-2: var(--color-surface-tertiary);--border: var(--color-border);--border-bright: var(--color-border-default);--text: var(--color-foreground);--muted: var(--color-foreground-secondary);--muted-strong: var(--color-foreground-tertiary);--accent: var(--color-brand);--accent-hover: var(--color-brand-hover);--danger: var(--color-error);--success: var(--color-success);--warn: var(--color-warning)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-surface);color:var(--color-foreground);font-family:var(--font-body);font-size:var(--text-small);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;font-family:var(--font-display)}input,textarea,select{font:inherit;color:var(--color-foreground);font-family:var(--font-body)}input,textarea,select{background:var(--color-surface-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:10px 12px;color:var(--color-foreground);width:100%;transition:border-color var(--duration-default) var(--ease-out)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-brand)}textarea{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal)}select{font-family:var(--font-body)}a{color:var(--color-brand);text-decoration:none;transition:color var(--duration-default) var(--ease-out)}a:hover{color:var(--color-brand-hover)}.app{display:flex;flex-direction:column;min-height:100%}.topnav{background:#0d1117d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.topnav .brand{font-family:var(--font-display);font-weight:600;font-size:var(--text-body);letter-spacing:var(--tracking-tight)}.topnav .brand a{color:var(--color-foreground)}.topnav .user{color:var(--color-foreground-secondary);font-size:var(--text-small);display:flex;align-items:center;gap:10px}.container{max-width:var(--container-content);width:100%;margin:32px auto 48px;padding:0 24px;flex:1}.page-title{font-family:var(--font-display);font-size:var(--text-page-title);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:500;margin:0 0 24px;color:var(--color-foreground)}.card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;transition:box-shadow var(--duration-default) var(--ease-out)}.card h2{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-brand);margin:0 0 20px;font-weight:500}.card h2+.row,.card h2+.grid-2,.card h2+.list{margin-top:4px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.col{display:flex;flex-direction:column;gap:6px}.label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-foreground-tertiary);margin-bottom:6px}.btn{background:var(--color-brand);color:#0d1117;border:0;border-radius:var(--radius-md);padding:10px 18px;font-family:var(--font-display);font-weight:600;font-size:var(--text-small);letter-spacing:-.005em;transition:background var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),color var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out)}.btn:hover{background:var(--color-brand-hover);box-shadow:var(--shadow-glow)}.btn[disabled]{opacity:.5;cursor:not-allowed;background:var(--color-brand);box-shadow:none}.btn.secondary{background:transparent;border:1px solid var(--color-border-default);color:var(--color-foreground)}.btn.secondary:hover{background:#49b6ff14;border-color:var(--color-brand);color:var(--color-foreground);box-shadow:none}.btn.danger{background:var(--color-error);color:#fff}.btn.danger:hover{background:color-mix(in srgb,var(--color-error) 85%,white);box-shadow:none}.btn.warn{background:var(--color-warning);color:#0d1117}.btn.warn:hover{background:color-mix(in srgb,var(--color-warning) 90%,white);box-shadow:none}.btn.small{padding:6px 12px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.list{display:flex;flex-direction:column;gap:10px}.list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;transition:transform var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out)}.list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--color-border-default)}.list-item .meta{color:var(--color-foreground-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);margin-top:4px}.tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full);border:1px solid transparent}.tag.active{background:#2e7d3229;color:var(--color-success);border-color:#2e7d3266}.tag.inactive{background:#a0aec01f;color:var(--color-foreground-tertiary);border-color:#a0aec033}.tag.warn{background:#e0c86024;color:var(--color-warning);border-color:#e0c86066}.snippet{background:var(--color-surface);border:1px solid var(--color-border-default);border-left:2px solid var(--color-brand);border-radius:var(--radius-md);padding:18px 20px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-foreground);white-space:pre-wrap;word-break:break-all}.error{color:var(--color-error);font-size:var(--text-small);margin-top:10px}.success{color:var(--color-success);font-size:var(--text-small);margin-top:10px}.muted{color:var(--color-foreground-secondary)}.warn-note{background:#e0c86014;border:1px solid rgba(224,200,96,.32);color:var(--color-warning);padding:12px 14px;border-radius:var(--radius-md);font-size:var(--text-small);margin-top:10px;line-height:var(--leading-normal)}.gap-12{gap:12px}.gap-16{gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-divider{height:1px;background:var(--color-border);margin:20px 0}.checkbox-row{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--color-foreground);font-size:var(--text-small)}.checkbox-row input[type=checkbox],.checkbox-row input[type=radio]{width:auto;accent-color:var(--color-brand)}.origin-row{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:6px}.origin-row .host{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-foreground);flex:1}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at top,rgba(73,182,255,.1),transparent 60%),var(--color-surface)}.login-card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow-elevated)}.login-card h1{font-family:var(--font-display);margin:0 0 28px;font-size:var(--text-subsection);font-weight:500;letter-spacing:var(--tracking-tight)}.iframe-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1117b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.iframe-modal{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:100%;max-width:1000px;height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated)}.iframe-modal header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--color-border);font-family:var(--font-display);font-weight:500}.iframe-modal iframe{flex:1;width:100%;border:0;background:#6b7280;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.priority-grid{display:flex;gap:6px;flex-wrap:wrap}.priority-grid button{background:var(--color-surface);border:1px solid var(--color-border-default);color:var(--color-foreground-secondary);border-radius:var(--radius-sm);padding:7px 12px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:all var(--duration-default) var(--ease-out)}.priority-grid button:hover{border-color:var(--color-brand);color:var(--color-foreground)}.priority-grid button.selected{background:var(--color-brand);border-color:var(--color-brand);color:#0d1117}.field-block{padding:18px 0;border-bottom:1px solid var(--color-border)}.field-block:last-child{border-bottom:0;padding-bottom:0}.field-block:first-of-type{padding-top:0}*:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-sm)}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}