@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";
:root{--color-bg-primary:#0a0e1a;--color-bg-secondary:#111627;--color-bg-card:#111627b3;--color-bg-glass:#11162780;--color-surface:#1a2035;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--color-text-primary:#f0ece4;--color-text-secondary:#f0ece4a6;--color-text-muted:#f0ece466;--color-accent:#4e8eff;--color-accent-glow:#4e8eff26;--color-accent-hover:#6ba1ff;--color-accent-gradient:linear-gradient(135deg,#4e8eff 0%,#7b61ff 100%);--color-category-tech:#4ecaff;--color-category-politics:#ff6b8a;--color-category-science:#7bff61;--color-category-philosophy:#c78fff;--color-category-economics:#4e8eff;--color-category-culture:#ffb84e;--font-heading:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--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;--max-width-content:720px;--max-width-page:1200px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;font-size:16px;font-weight:400;line-height:1.7}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20%,#4e8eff08 0%,#0000 50%),radial-gradient(circle at 80% 20%,#7b61ff08 0%,#0000 50%),radial-gradient(circle at 50% 80%,#4ecaff05 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:3rem}h2{letter-spacing:-.015em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}.container{max-width:var(--max-width-page);padding:0 var(--spacing-lg);margin:0 auto}.prose-container{max-width:var(--max-width-content);margin:0 auto}.glass-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #4e8eff0d}.category-badge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;background:var(--color-accent-glow);color:var(--color-accent);border-radius:100px;padding:.25em .75em;font-size:.7rem;font-weight:600;display:inline-block}.category-badge[data-category="Technology & Society"]{color:var(--color-category-tech);background:#4ecaff1f}.category-badge[data-category="Politics & Democracy"]{color:var(--color-category-politics);background:#ff6b8a1f}.category-badge[data-category="Science & Disclosure"]{color:var(--color-category-science);background:#7bff611f}.category-badge[data-category=Philosophy]{color:var(--color-category-philosophy);background:#c78fff1f}.category-badge[data-category=Economics]{color:var(--color-category-economics);background:#4e8eff1f}.category-badge[data-category="Culture & Anthropology"]{color:var(--color-category-culture);background:#ffb84e1f}.btn-primary{align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);border-radius:var(--radius-sm);background:var(--color-accent-gradient);color:#fff;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #4e8eff59}.btn-secondary{align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);background:0 0;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--color-accent);background:var(--color-accent-glow);color:var(--color-text-primary)}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#0a0e1ad9;position:sticky;top:0}.header-inner{padding:var(--spacing-md)var(--spacing-lg);max-width:var(--max-width-page);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.site-logo img{width:auto;height:56px;display:block}.nav-links{align-items:center;gap:var(--spacing-xl);list-style:none;display:flex}.nav-links a{font-family:var(--font-heading);color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--color-accent-gradient);width:0;height:2px;transition:width var(--transition-normal);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-text-primary)}.nav-links a:hover:after{width:100%}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--color-text-primary);width:24px;height:2px;transition:transform var(--transition-fast),opacity var(--transition-fast);border-radius:2px;display:block}.nav-auth-item{align-items:center;display:flex}.nav-signin-btn{font-family:var(--font-heading);color:var(--color-accent-blue);border:1px solid var(--color-accent-blue);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);letter-spacing:.02em;white-space:nowrap;background:0 0;border-radius:6px;padding:5px 14px;font-size:.85rem;font-weight:600}.nav-signin-btn:hover{background:var(--color-accent-blue);color:#0a0e1a}.nav-user{align-items:center;gap:var(--spacing-sm);display:flex}.nav-user-email{font-family:var(--font-heading);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.8rem;overflow:hidden}.nav-signout-btn{font-family:var(--font-heading);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:500}.nav-signout-btn:hover{color:var(--color-text-primary)}.hero{padding:var(--spacing-4xl)var(--spacing-lg);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4e8eff14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.hero h1{margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1}.hero .tagline{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);font-size:1.2rem;font-style:italic;font-weight:300}.hero-cta{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);font-size:1.1rem;font-weight:600;display:flex}.section-title:after{content:"";background:var(--color-border);flex:1;height:1px}.articles-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.article-card{padding:var(--spacing-xl);gap:var(--spacing-md);color:inherit;flex-direction:column;text-decoration:none;display:flex}.article-card-meta{align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:.8rem;display:flex}.article-card h3{transition:color var(--transition-fast);font-size:1.3rem;line-height:1.3}.article-card:hover h3{color:var(--color-accent)}.article-card .summary{color:var(--color-text-secondary);flex:1;font-size:.92rem;line-height:1.6}.article-card .read-more{font-family:var(--font-heading);color:var(--color-accent);align-items:center;gap:var(--spacing-xs);transition:gap var(--transition-fast);font-size:.85rem;font-weight:600;display:flex}.article-card:hover .read-more{gap:var(--spacing-sm)}.featured-article{padding:var(--spacing-2xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);color:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);background:linear-gradient(135deg,#4e8eff14 0%,#7b61ff0d 100%);border:1px solid #4e8eff26;text-decoration:none;display:block;position:relative}.featured-article:hover{color:inherit;border-color:#4e8eff4d;box-shadow:0 0 40px #4e8eff14}.featured-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-size:.7rem;font-weight:700;display:flex}.featured-article h2{margin-bottom:var(--spacing-md);transition:color var(--transition-fast);font-size:clamp(1.5rem,3vw,2.2rem)}.featured-article:hover h2{color:var(--color-accent-hover)}.featured-article .summary{color:var(--color-text-secondary);max-width:600px;font-size:1.05rem;line-height:1.7}.article-header{text-align:center;padding:var(--spacing-3xl)var(--spacing-lg)var(--spacing-xl);max-width:800px;margin:0 auto}.article-header .category-badge{margin-bottom:var(--spacing-lg)}.article-header h1{margin-bottom:var(--spacing-lg);font-size:clamp(2rem,4vw,3rem)}.article-header .article-meta{justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--color-text-muted);font-size:.9rem;display:flex}.article-header .article-meta .divider{background:var(--color-text-muted);border-radius:50%;width:4px;height:4px}.article-content{max-width:var(--max-width-content);padding:var(--spacing-xl)var(--spacing-lg)var(--spacing-4xl);margin:0 auto}.article-content h2{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.article-content h3{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.article-content p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);font-size:1.05rem;line-height:1.8}.article-content ul,.article-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl);color:var(--color-text-secondary)}.article-content li{margin-bottom:var(--spacing-sm);line-height:1.7}.article-content blockquote{margin:var(--spacing-xl)0;padding:var(--spacing-lg)var(--spacing-xl);border-left:3px solid var(--color-accent);background:var(--color-accent-glow);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--color-text-secondary);font-style:italic}.article-figure{margin:var(--spacing-2xl)calc(-1*var(--spacing-lg));display:block}.article-image{border-radius:var(--radius-md);width:100%;height:auto;display:block}.article-figcaption{text-align:center;color:var(--color-text-muted);margin-top:var(--spacing-sm);padding:0 var(--spacing-lg);font-size:.8rem;font-style:italic}.article-content code{background:var(--color-surface);border-radius:4px;padding:.15em .4em;font-size:.9em}.article-content strong{color:var(--color-text-primary);font-weight:600}.share-buttons{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)0;margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);display:flex}.share-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);flex-shrink:0;font-size:.8rem;font-weight:600}.share-icons{align-items:center;gap:var(--spacing-sm);display:flex}.share-btn{background:var(--color-bg-card);border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.share-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-glow);transform:translateY(-2px);box-shadow:0 4px 12px #4e8eff33}.citation-ref{vertical-align:super;color:var(--color-accent);cursor:pointer;transition:color var(--transition-fast);font-size:.75rem;font-weight:600;text-decoration:none}.citation-ref:hover{color:var(--color-accent-hover)}.references-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.references-toggle{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-primary);transition:color var(--transition-fast);background:0 0;border:none;margin-bottom:0;padding:0;font-family:inherit;font-size:1.3rem;font-weight:700;display:flex}.references-toggle:hover{color:var(--color-accent)}.references-toggle-icon{transition:transform var(--transition-fast);font-size:1rem;display:inline-block;transform:rotate(-90deg)}.references-toggle-icon.expanded{transform:rotate(0)}@media (prefers-reduced-motion:reduce){.references-toggle-icon{transition:none}}.references-list{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;padding:0;list-style:none;display:flex}.reference-item{gap:var(--spacing-md);color:var(--color-text-secondary);font-size:.88rem;line-height:1.6;display:flex}.reference-number{color:var(--color-accent);flex-shrink:0;min-width:1.5em;font-weight:700}.reference-item a{word-break:break-all}.about-page{max-width:800px;padding:var(--spacing-3xl)var(--spacing-lg);margin:0 auto}.about-page h1{margin-bottom:var(--spacing-lg);font-size:clamp(2rem,4vw,3rem)}.about-page .lead{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);font-size:1.15rem;line-height:1.8}.about-section{margin-bottom:var(--spacing-3xl)}.about-section h2{margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-md);font-size:1.5rem;display:flex}.about-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:1.02rem;line-height:1.8}.methodology-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.methodology-card{padding:var(--spacing-xl);text-align:center}.methodology-card .icon{margin-bottom:var(--spacing-md);font-size:2rem}.methodology-card h3{margin-bottom:var(--spacing-sm);font-size:1.1rem}.methodology-card p{font-size:.9rem;line-height:1.6}.articles-page{max-width:var(--max-width-page);padding:var(--spacing-3xl)var(--spacing-lg);margin:0 auto}.articles-page-header{margin-bottom:var(--spacing-2xl)}.articles-page-header h1{margin-bottom:var(--spacing-sm);font-size:clamp(2rem,4vw,2.5rem)}.articles-page-header .subtitle{color:var(--color-text-secondary);font-size:1.05rem}.category-filter{gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.category-filter button{font-family:var(--font-heading);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:100px;padding:.4rem 1rem;font-size:.8rem;font-weight:500}.category-filter button:hover,.category-filter button.active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-glow)}.site-footer{border-top:1px solid var(--color-border);padding:var(--spacing-2xl)var(--spacing-lg);margin-top:var(--spacing-4xl)}.footer-inner{max-width:var(--max-width-page);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin:0 auto;display:flex}.footer-left{gap:var(--spacing-xs);flex-direction:column;display:flex}.footer-left .footer-brand{font-family:var(--font-heading);color:var(--color-text-primary);font-size:1rem;font-weight:700}.footer-left .footer-note,.footer-right{color:var(--color-text-muted);font-size:.8rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s both fadeInUp}.animate-in:first-child{animation-delay:0s}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.2s}.animate-in:nth-child(4){animation-delay:.3s}.animate-in:nth-child(5){animation-delay:.4s}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.nav-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-lg);gap:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:#0a0e1af7;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.hero{padding:var(--spacing-2xl)var(--spacing-md)}.articles-grid{grid-template-columns:1fr}.featured-article{padding:var(--spacing-xl)}.article-header .article-meta{gap:var(--spacing-sm);flex-direction:column}.article-header .article-meta .divider{display:none}.footer-inner{text-align:center;flex-direction:column}}@media (max-width:480px){.hero h1{font-size:1.8rem}.article-content{padding:var(--spacing-md)}.qa-tabs{flex-direction:column}.qa-form-footer{flex-direction:column;align-items:stretch}}.qa-section{max-width:var(--max-width-content);padding:var(--spacing-2xl)var(--spacing-lg)var(--spacing-4xl);border-top:1px solid var(--color-border);margin:0 auto}.qa-header{margin-bottom:var(--spacing-xl)}.qa-header h2{margin-bottom:var(--spacing-sm);border:none;margin-top:0;padding-top:0;font-size:1.5rem}.qa-subtitle{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.qa-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);padding-bottom:0;display:flex}.qa-tab{font-family:var(--font-heading);padding:var(--spacing-sm)var(--spacing-lg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--spacing-sm);background:0 0;border:none;border-bottom:2px solid #0000;font-size:.85rem;font-weight:600;display:flex}.qa-tab:hover{color:var(--color-text-secondary)}.qa-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.qa-tab-count{background:var(--color-accent-glow);color:var(--color-accent);text-align:center;border-radius:100px;min-width:1.4em;padding:.15em .5em;font-size:.7rem}.qa-form{margin-bottom:var(--spacing-xl)}.qa-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);resize:vertical;min-height:80px;transition:border-color var(--transition-fast);font-size:.95rem;line-height:1.6}.qa-input::placeholder{color:var(--color-text-muted)}.qa-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.qa-input:disabled{opacity:.5;cursor:not-allowed}.qa-form-footer{margin-top:var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.qa-char-count{color:var(--color-text-muted);font-size:.75rem}.qa-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.qa-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite qa-spin;display:inline-block}@keyframes qa-spin{to{transform:rotate(360deg)}}.qa-error{color:#ff6b6b;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xl);background:#ff50501a;border:1px solid #ff50504d;font-size:.9rem}.qa-my-questions h3{color:var(--color-text-muted);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.08em;font-size:1rem}.question-card{padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.question-card-toggle{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;padding:0;display:flex}.question-card-header-left{align-items:flex-start;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.question-card-header-right{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.question-card-icon{flex-shrink:0;margin-top:2px;font-size:1rem}.question-card-question-text{font-family:var(--font-heading);color:var(--color-text-primary);font-size:1rem;font-weight:600;line-height:1.4}.question-card-date{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.question-card-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);align-items:center;display:flex}.question-card-chevron.open{transform:rotate(180deg)}.question-card-toggle:hover .question-card-question-text,.question-card-toggle:hover .question-card-chevron{color:var(--color-accent)}.question-card-divider{background:var(--color-border);height:1px;margin-bottom:var(--spacing-md)}.question-card-answer{padding-left:var(--spacing-md);border-left:2px solid var(--color-accent-glow)}.question-card-ai-label{align-items:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--spacing-sm);font-size:.7rem;font-weight:600;display:flex}.qa-answer-paragraph{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.92rem;line-height:1.7}.qa-answer-paragraph:last-child{margin-bottom:0}.qa-answer-paragraph strong{color:var(--color-text-primary)}.question-card-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.qa-publish-btn{align-items:center;gap:var(--spacing-xs);font-family:var(--font-heading);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.qa-publish-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-glow)}.qa-empty{text-align:center;padding:var(--spacing-3xl)var(--spacing-lg);color:var(--color-text-muted);font-size:.95rem}.auth-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;padding:var(--spacing-lg);background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--spacing-3xl)var(--spacing-2xl);text-align:center;width:100%;max-width:420px;animation:.25s slideUp;position:relative;box-shadow:0 24px 64px #00000080,0 0 0 1px #4e8eff14}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{top:var(--spacing-md);right:var(--spacing-md);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:1rem;position:absolute}.auth-modal-close:hover{color:var(--color-text-primary);background:var(--color-surface)}.auth-modal-icon{margin-bottom:var(--spacing-md);font-size:2.5rem}.auth-modal h3{margin-bottom:var(--spacing-sm);font-size:1.4rem}.auth-modal-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:.95rem;line-height:1.6}.auth-form{gap:var(--spacing-md);flex-direction:column;display:flex}.auth-email-input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:1rem}.auth-email-input:focus{border-color:var(--color-accent)}.auth-submit{justify-content:center;width:100%}.auth-error{border-radius:var(--radius-sm);padding:var(--spacing-sm)var(--spacing-md);color:#ff6b8a;background:#ff6b8a1a;border:1px solid #ff6b8a4d;font-size:.9rem}.auth-dev-link{margin-top:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-sm);text-align:left;background:#4ecaff0f;border:1px solid #4ecaff33}.auth-dev-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--color-category-tech);margin-bottom:var(--spacing-sm);background:#4ecaff26;border-radius:100px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.auth-dev-link p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.88rem}.auth-magic-link{color:var(--color-accent);transition:color var(--transition-fast);font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.auth-magic-link:hover{color:var(--color-accent-hover);text-decoration:underline}.token-badge-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.token-badge{align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);color:var(--color-accent);font-size:.85rem;font-weight:600;display:inline-flex}.token-badge--empty{color:var(--color-text-muted)}.token-badge-icon{font-size:1rem}.token-user{align-items:center;gap:var(--spacing-md);display:flex}.token-email{color:var(--color-text-muted);font-size:.82rem}.token-signout{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.token-signout:hover{color:var(--color-text-secondary)}.qa-signin-prompt{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center;background:var(--color-bg-card);border:1px dashed var(--color-border-hover);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.qa-signin-prompt p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.qa-out-of-tokens{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#ff6b8a0a;border:1px solid #ff6b8a26;flex-direction:column;display:flex}.qa-out-of-tokens p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.audio-player{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:1.5rem 0 2rem;padding:1rem 1.25rem}.audio-player-inner{align-items:center;gap:1rem;display:flex}.audio-player-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.audio-player-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.audio-player-label{font-family:var(--font-outfit);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.audio-player-label.error{color:#ff8a8a;white-space:normal}.audio-player-sublabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.audio-player-btn{color:#4ecaff;font-family:var(--font-outfit);cursor:pointer;background:#4ecaff1f;border:1px solid #4ecaff4d;border-radius:8px;flex-shrink:0;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s}.audio-player-btn:hover{background:#4ecaff38;border-color:#4ecaff99}.audio-player-btn:disabled{opacity:.5;cursor:not-allowed}.audio-player-btn.active{background:#4ecaff2e;border-color:#4ecaff}.audio-player-stop{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;padding:.45rem .7rem;font-size:.75rem;transition:border-color .2s,color .2s}.audio-player-stop:hover{color:#ff6b8a;border-color:#ff6b8a80}.submit-page{max-width:860px;padding:var(--spacing-3xl)var(--spacing-lg);margin:0 auto}.submit-page h1{margin-bottom:var(--spacing-lg);font-size:clamp(2rem,4vw,3rem)}.submit-page .lead{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);font-size:1.15rem;line-height:1.8}.submit-section{margin-bottom:var(--spacing-3xl)}.submit-section h2{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);font-size:1.3rem;font-weight:500}.submit-type-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.submit-type-card{padding:var(--spacing-lg);text-align:left;cursor:pointer;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);gap:var(--spacing-sm);color:inherit;flex-direction:column;font-family:inherit;display:flex}.submit-type-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.submit-type-card.active{border-color:var(--color-accent);background:linear-gradient(135deg,#4e8eff14 0%,#7b61ff0d 100%);box-shadow:0 0 24px #4e8eff1a}.submit-type-icon{margin-bottom:var(--spacing-xs);font-size:1.8rem}.submit-type-card h3{font-size:1.05rem;font-weight:600}.submit-type-card p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.submit-form-section{animation:.4s both fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.submit-form{gap:var(--spacing-xl);flex-direction:column;display:flex}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{font-family:var(--font-heading);color:var(--color-text-primary);font-size:.9rem;font-weight:600}.form-group label .required{color:var(--color-category-politics);margin-left:.25em}.form-group input,.form-group textarea,.form-group select{font-family:var(--font-body);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #4e8eff26}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23f0ece4' opacity='0.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-group select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.form-group textarea{resize:vertical;min-height:120px}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-group-block{gap:var(--spacing-lg);flex-direction:column;display:flex}.witness-notice{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-sm);background:#7bff610f;border:1px solid #7bff6126;align-items:flex-start;display:flex}.witness-notice-icon{flex-shrink:0;font-size:1.5rem}.witness-notice strong{font-family:var(--font-heading);color:var(--color-category-science);margin-bottom:var(--spacing-xs);font-size:.95rem;display:block}.witness-notice p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6}.submit-actions{gap:var(--spacing-md);padding-top:var(--spacing-md);display:flex}.submit-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.submit-banner{text-align:center;padding:var(--spacing-2xl);border-radius:var(--radius-md);margin-bottom:var(--spacing-2xl);flex-direction:column;align-items:center;display:flex}.submit-banner-icon{margin-bottom:var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.5rem;display:flex}.submit-banner-success{background:#7bff610f;border:1px solid #7bff6133}.submit-banner-success .submit-banner-icon{color:var(--color-category-science);background:#7bff6126}.submit-banner-success p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7}.submit-banner-error{background:#ff6b8a0f;border:1px solid #ff6b8a33}.submit-banner-error .submit-banner-icon{color:var(--color-category-politics);background:#ff6b8a26}.submit-banner-error p{color:var(--color-text-secondary);font-size:.95rem}@media (max-width:640px){.submit-type-grid,.form-row{grid-template-columns:1fr}.submit-actions{flex-direction:column}.submit-actions .btn-primary,.submit-actions .btn-secondary{justify-content:center;width:100%}}
