@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";.social-login-buttons{margin-top:1.5rem}.social-login-divider{display:flex;align-items:center;margin:1rem 0;gap:.75rem}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #ddd)}.social-login-divider span{font-size:.85rem;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.social-login-grid{display:grid;gap:.75rem}.social-login-grid:has(:nth-child(1)):not(:has(:nth-child(3))){grid-template-columns:1fr}.social-login-grid:has(:nth-child(3)){grid-template-columns:repeat(2,1fr)}@media(max-width:360px){.social-login-grid{grid-template-columns:1fr!important}}.social-login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;min-height:44px}.social-login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.social-login-btn:active:not(:disabled){transform:translateY(0)}.social-login-btn:focus{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}.social-login-btn:disabled{opacity:.5;cursor:not-allowed}.social-login-icon{width:18px;height:18px;flex-shrink:0}.social-login-text{white-space:nowrap}.social-login-loading{text-align:center;padding:1rem;color:var(--text-muted, #666);font-size:.9rem}.social-login-dev-notice{text-align:center;padding:.5rem;margin-bottom:.75rem;background:#fef3c7;color:#92400e;font-size:.75rem;border-radius:4px;border:1px dashed #f59e0b}@media(prefers-color-scheme:dark){.social-login-divider:before,.social-login-divider:after{background:var(--border-color, #444)}.social-login-divider span{color:var(--text-muted, #999)}.social-login-btn--google{background-color:#fff!important;color:#757575!important;border-color:#444!important}}.auth-modal-overlay{position:fixed;inset:0;background:#c8c3b9d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:authFadeIn .2s ease-out}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:#f5f2ec;border:1px solid rgba(180,138,58,.4);border-radius:var(--radius-lg, 14px);padding:var(--space-6, 24px);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;animation:authSlideUp .3s ease-out;box-shadow:0 8px 32px #00000026,0 0 0 1px #b48a3a33;box-sizing:border-box}@keyframes authSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{position:absolute;top:var(--space-3, 12px);right:var(--space-3, 12px);background:transparent;border:none;color:#6a6560;font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .15s ease}.auth-modal-close:hover{color:#2a2520}.auth-form{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;min-width:0}.auth-form-title{font-family:var(--font-display, "Libre Baskerville", Georgia, serif);font-size:var(--text-xl, 1.333rem);font-weight:600;color:#2a2520;margin:0 0 var(--space-2, 8px) 0;text-align:center}.auth-form-error{background:#a63d3d26;border:1px solid var(--danger, #a63d3d);border-radius:var(--radius-sm, 6px);color:var(--danger, #a63d3d);padding:var(--space-3, 12px);font-size:var(--text-sm, .875rem)}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3, 12px);min-width:0}.auth-form-field{display:flex;flex-direction:column;gap:var(--space-1, 4px);min-width:0}.auth-form-field label{font-size:var(--text-sm, .875rem);font-weight:500;color:#4a4540}.auth-form-field input{background:#fff;border:1px solid rgba(180,138,58,.35);border-radius:var(--radius-sm, 6px);color:#2a2520;padding:var(--space-3, 12px);font-size:var(--text-base, 1rem);transition:border-color .15s ease,box-shadow .15s ease;min-width:0;width:100%;box-sizing:border-box}.auth-form-field input:focus{outline:none;border-color:var(--accent, #b48a3a);box-shadow:0 0 0 3px #b48a3a33}.auth-form-field input:disabled{opacity:.6;cursor:not-allowed}.auth-form-field input::placeholder{color:#8a8580}.auth-form-hint{font-size:var(--text-xs, .75rem);color:#6a6560;font-weight:400}.auth-form-submit{background:var(--accent, #b48a3a);border:none;border-radius:var(--radius-sm, 6px);color:var(--text-on-accent, #1a1915);cursor:pointer;font-size:var(--text-base, 1rem);font-weight:600;padding:var(--space-3, 12px) var(--space-4, 16px);margin-top:var(--space-2, 8px);transition:background .15s ease,transform .1s ease}.auth-form-submit:hover:not(:disabled){background:var(--accent-hover, #d4a84a)}.auth-form-submit:active:not(:disabled){transform:scale(.98)}.auth-form-submit:disabled{opacity:.6;cursor:not-allowed}.auth-form-switch{text-align:center;font-size:var(--text-sm, .875rem);color:#5a5550;margin-top:var(--space-2, 8px)}.auth-form-switch button{background:transparent;border:none;color:var(--accent, #b48a3a);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;transition:color .15s ease}.auth-form-switch button:hover{color:var(--accent-hover, #d4a84a)}.auth-form-switch button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.auth-form-row{grid-template-columns:1fr}}@media(max-width:480px){.auth-modal{margin:var(--space-4, 16px);max-width:calc(100% - 32px)}}.chamber-auth-overlay{position:absolute;inset:0;background:#c8c3b9f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:var(--radius-md, 10px);animation:authOverlayFadeIn .3s ease-out}@keyframes authOverlayFadeIn{0%{opacity:0}to{opacity:1}}.chamber-auth-content{text-align:center;padding:var(--space-6, 24px);max-width:340px}.chamber-auth-icon{color:#8a6a2a;margin-bottom:var(--space-4, 16px);animation:authIconPulse 2s ease-in-out infinite}@keyframes authIconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.chamber-auth-title{font-family:var(--font-display, "Libre Baskerville", Georgia, serif);font-size:var(--text-xl, 1.333rem);font-weight:600;color:#2a2520;margin:0 0 var(--space-3, 12px) 0}.chamber-auth-text{font-size:var(--text-sm, .875rem);color:#4a4540;line-height:1.5;margin:0 0 var(--space-5, 20px) 0}.chamber-auth-actions{display:flex;flex-direction:column;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.chamber-auth-btn{border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:var(--text-base, 1rem);font-weight:600;padding:var(--space-3, 12px) var(--space-4, 16px);transition:background .15s ease,transform .1s ease}.chamber-auth-btn:active{transform:scale(.98)}.chamber-auth-btn-primary{background:var(--accent, #b48a3a);color:var(--text-on-accent, #1a1915)}.chamber-auth-btn-primary:hover{background:var(--accent-hover, #d4a84a)}.chamber-auth-btn-secondary{background:#f5f2ec;border:1px solid rgba(180,138,58,.4);color:#3a3530}.chamber-auth-btn-secondary:hover{background:#fff}.chamber-auth-skip{background:transparent;border:none;color:#6a6560;cursor:pointer;font-size:var(--text-sm, .875rem);padding:var(--space-2, 8px);text-decoration:underline;transition:color .15s ease}.chamber-auth-skip:hover{color:#3a3530}.chamber-viewonly-bar{position:absolute;inset:0;background:linear-gradient(135deg,#d4cfc5,#c8c2b8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(180,138,58,.5);padding:var(--space-3, 12px) var(--space-4, 16px);display:flex;align-items:center;justify-content:center;gap:var(--space-3, 12px);z-index:50;border-radius:var(--radius-md, 10px)}.chamber-viewonly-text{font-size:var(--text-sm, .875rem);color:#3a3530;font-weight:600}.chamber-viewonly-btn{background:linear-gradient(135deg,#c9a04a,#b48a3a);border:none;border-radius:var(--radius-sm, 6px);color:#1a1915;cursor:pointer;font-size:var(--text-sm, .875rem);font-weight:600;padding:var(--space-2, 8px) var(--space-5, 20px);transition:background .15s ease,transform .1s ease,box-shadow .15s ease;white-space:nowrap;box-shadow:0 2px 8px #b48a3a4d}.chamber-viewonly-btn:hover{background:linear-gradient(135deg,#d4a84a,#c9a04a);box-shadow:0 4px 12px #b48a3a66}.welcome-modal-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#1a1915d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:welcomeFadeIn .3s ease-out}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}.welcome-modal{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--surface, #f5f2ec);border:1px solid var(--brass, #b48a3a);border-radius:var(--radius-xl, 16px);box-shadow:0 24px 48px #00000059,0 0 0 1px #b48a3a4d,inset 0 1px #ffffff80;animation:welcomeSlideUp .4s ease-out}@keyframes welcomeSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-modal-close{position:absolute;top:var(--space-3, 12px);right:var(--space-3, 12px);display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:24px;font-weight:300;color:var(--text-muted, #6a6560);background:transparent;border:none;border-radius:var(--radius-full, 9999px);cursor:pointer;transition:background-color .15s ease,color .15s ease}.welcome-modal-close:hover{background:var(--surface-sunken, rgba(0, 0, 0, .05));color:var(--text-primary, #2a2520)}.welcome-modal-header{text-align:center;padding:var(--space-6, 24px) var(--space-6, 24px) var(--space-4, 16px);border-bottom:1px solid var(--border-light, rgba(0, 0, 0, .08));background:linear-gradient(to bottom,rgba(180,138,58,.08) 0%,transparent 100%)}.welcome-modal-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--space-3, 12px);font-family:var(--font-display, "Libre Baskerville", Georgia, serif);font-size:var(--text-lg, 1.125rem);font-weight:700;color:var(--brass-dark, #8a6a2a);background:var(--brass-soft, rgba(180, 138, 58, .15));border:2px solid var(--brass, #b48a3a);border-radius:var(--radius-lg, 12px);box-shadow:0 2px 8px #b48a3a33}.welcome-modal-title{margin:0;font-family:var(--font-display, "Libre Baskerville", Georgia, serif);font-size:var(--text-xl, 1.333rem);font-weight:700;color:var(--text-primary, #2a2520);line-height:1.3}.welcome-modal-content{padding:var(--space-5, 20px) var(--space-6, 24px)}.welcome-modal-section{display:flex;gap:var(--space-4, 16px);margin-bottom:var(--space-5, 20px)}.welcome-modal-section:last-child{margin-bottom:0}.welcome-modal-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--brass, #b48a3a);background:var(--brass-soft, rgba(180, 138, 58, .12));border-radius:var(--radius-md, 8px)}.welcome-modal-icon svg{width:20px;height:20px}.welcome-modal-section-title{margin:0 0 var(--space-1, 4px);font-family:var(--font-display, "Libre Baskerville", Georgia, serif);font-size:var(--text-base, 1rem);font-weight:600;color:var(--text-primary, #2a2520)}.welcome-modal-text{margin:0;font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);color:var(--text-secondary, #4a4540);line-height:1.5}.welcome-modal-thanks{padding:var(--space-4, 16px) var(--space-6, 24px);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);font-style:italic;text-align:center;color:var(--text-muted, #6a6560);background:var(--surface-sunken, rgba(0, 0, 0, .03));border-top:1px solid var(--border-light, rgba(0, 0, 0, .08));border-bottom:1px solid var(--border-light, rgba(0, 0, 0, .08))}.welcome-modal-actions{display:flex;flex-direction:column;gap:var(--space-3, 12px);padding:var(--space-5, 20px) var(--space-6, 24px)}.welcome-modal-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-3, 12px) var(--space-4, 16px);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-base, 1rem);font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.welcome-modal-btn:active{transform:scale(.98)}.welcome-modal-btn-primary{color:var(--text-on-accent, #1a1915);background:var(--brass, #b48a3a);border:none;box-shadow:0 2px 8px #b48a3a4d}.welcome-modal-btn-primary:hover{background:var(--brass-dark, #9a7a3a);box-shadow:0 4px 12px #b48a3a66}.welcome-modal-btn-secondary{color:var(--text-secondary, #4a4540);background:transparent;border:1.5px solid var(--border, rgba(0, 0, 0, .15))}.welcome-modal-btn-secondary:hover{color:var(--text-primary, #2a2520);background:var(--surface-raised, rgba(255, 255, 255, .5));border-color:var(--border-strong, rgba(0, 0, 0, .25))}@media(max-width:480px){.welcome-modal-overlay{padding:var(--space-3, 12px)}.welcome-modal{max-width:100%}.welcome-modal-header{padding:var(--space-5, 20px) var(--space-5, 20px) var(--space-4, 16px)}.welcome-modal-content,.welcome-modal-actions{padding-left:var(--space-5, 20px);padding-right:var(--space-5, 20px)}.welcome-modal-section{flex-direction:column;gap:var(--space-2, 8px)}.welcome-modal-icon{width:36px;height:36px}.welcome-modal-icon svg{width:18px;height:18px}}.beta-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--warning-soft);border-bottom:1px solid var(--warning);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary)}.beta-banner-content{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.beta-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--warning-dark, #92400e);background:var(--warning);border-radius:var(--radius-sm)}.beta-text{color:var(--text-secondary)}.beta-link{color:var(--warning-dark, #92400e);font-weight:600;text-decoration:underline;text-underline-offset:2px}.beta-link:hover{color:var(--text-primary)}.beta-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);flex-shrink:0}.beta-dismiss:hover{background:#0000001a;color:var(--text-primary)}@media(max-width:640px){.beta-banner{padding:var(--space-2) var(--space-3)}.beta-banner-content{gap:var(--space-2)}.beta-text,.beta-link{font-size:var(--text-xs)}}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-instant: 75ms;--duration-fast: .15s;--duration-normal: .2s;--duration-moderate: .3s;--duration-slow: .4s;--duration-slower: .6s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleDown{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.5}}@keyframes glowPulse{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 8px #16a34a00}}@keyframes glowPulseBrass{0%,to{box-shadow:0 0 #b48a3a66}50%{box-shadow:0 0 0 8px #b48a3a00}}@keyframes glowPulseBlue{0%,to{box-shadow:0 0 #4da3ff66}50%{box-shadow:0 0 0 8px #4da3ff00}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}@keyframes cardLift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes liveDot{0%,to{opacity:1;box-shadow:0 0 #16a34ab3}50%{opacity:.8;box-shadow:0 0 0 6px #16a34a00}}@keyframes liveRing{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.animate-in{animation:fadeUp var(--duration-slow) var(--ease-out-expo) forwards}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-fade-out{animation:fadeOut var(--duration-fast) var(--ease-in) forwards}.animate-slide-up{animation:fadeUp var(--duration-moderate) var(--ease-out) forwards}.animate-slide-down{animation:slideDown var(--duration-moderate) var(--ease-out) forwards}.animate-slide-left{animation:slideInLeft var(--duration-moderate) var(--ease-out) forwards}.animate-slide-right{animation:slideInRight var(--duration-moderate) var(--ease-out) forwards}.animate-scale-up{animation:scaleUp var(--duration-moderate) var(--ease-spring) forwards}.animate-scale-down{animation:scaleDown var(--duration-fast) var(--ease-in) forwards}.animate-stagger>*{opacity:0;animation:fadeUp var(--duration-slow) var(--ease-out-expo) forwards}.animate-stagger>*:nth-child(1){animation-delay:0ms}.animate-stagger>*:nth-child(2){animation-delay:50ms}.animate-stagger>*:nth-child(3){animation-delay:.1s}.animate-stagger>*:nth-child(4){animation-delay:.15s}.animate-stagger>*:nth-child(5){animation-delay:.2s}.animate-stagger>*:nth-child(6){animation-delay:.25s}.animate-stagger>*:nth-child(7){animation-delay:.3s}.animate-stagger>*:nth-child(8){animation-delay:.35s}.animate-stagger>*:nth-child(9){animation-delay:.4s}.animate-stagger>*:nth-child(10){animation-delay:.45s}.animate-stagger>*:nth-child(11){animation-delay:.5s}.animate-stagger>*:nth-child(12){animation-delay:.55s}.animate-stagger-fast>*{opacity:0;animation:fadeUp var(--duration-moderate) var(--ease-out) forwards}.animate-stagger-fast>*:nth-child(1){animation-delay:0ms}.animate-stagger-fast>*:nth-child(2){animation-delay:30ms}.animate-stagger-fast>*:nth-child(3){animation-delay:60ms}.animate-stagger-fast>*:nth-child(4){animation-delay:90ms}.animate-stagger-fast>*:nth-child(5){animation-delay:.12s}.animate-stagger-fast>*:nth-child(6){animation-delay:.15s}.animate-stagger-fast>*:nth-child(7){animation-delay:.18s}.animate-stagger-fast>*:nth-child(8){animation-delay:.21s}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-pulse-soft{animation:pulseSoft 2s var(--ease-in-out) infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-glow-brass{animation:glowPulseBrass 2s ease-in-out infinite}.animate-glow-blue{animation:glowPulseBlue 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-alt, #e8e4db) 25%,var(--bg, #f5f4ef) 50%,var(--bg-alt, #e8e4db) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-shake{animation:shake var(--duration-moderate) var(--ease-out)}.animate-bounce{animation:bounce var(--duration-moderate) var(--ease-spring)}.animate-live{position:relative}.animate-live:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;background:inherit;animation:liveRing 2s ease-out infinite}.live-dot{width:8px;height:8px;background:var(--color-success, #16a34a);border-radius:50%;animation:liveDot 2s ease-in-out infinite}.hover-lift{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.hover-scale{transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #b48a3a4d}.hover-bg{transition:background-color var(--duration-fast) var(--ease-out)}.hover-border{transition:border-color var(--duration-fast) var(--ease-out)}.hover-opacity{transition:opacity var(--duration-fast) var(--ease-out)}.hover-opacity:hover{opacity:.8}.delay-0{animation-delay:0ms}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.duration-instant{animation-duration:var(--duration-instant)}.duration-fast{animation-duration:var(--duration-fast)}.duration-normal{animation-duration:var(--duration-normal)}.duration-moderate{animation-duration:var(--duration-moderate)}.duration-slow{animation-duration:var(--duration-slow)}.duration-slower{animation-duration:var(--duration-slower)}.btn-animate{transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn-animate:hover{transform:translateY(-1px)}.btn-animate:active{transform:translateY(0) scale(.98);transition-duration:var(--duration-instant)}.btn-glow:hover{box-shadow:0 4px 14px #b48a3a66}.card-animate{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.card-animate:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.input-animate{transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.input-animate:focus{box-shadow:0 0 0 3px #b48a3a26}.input-error{animation:shake var(--duration-moderate) var(--ease-out)}.nav-animate{position:relative;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.nav-animate:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent, #b48a3a);transition:width var(--duration-normal) var(--ease-out),left var(--duration-normal) var(--ease-out)}.nav-animate:hover:after,.nav-animate.active:after{width:100%;left:0}.tab-indicator{transition:left var(--duration-normal) var(--ease-out),width var(--duration-normal) var(--ease-out)}.modal-backdrop-animate{transition:opacity var(--duration-normal) var(--ease-out)}.modal-content-animate{transition:opacity var(--duration-moderate) var(--ease-out),transform var(--duration-moderate) var(--ease-spring)}.modal-content-animate.entering{opacity:0;transform:scale(.95) translateY(10px)}.modal-content-animate.entered{opacity:1;transform:scale(1) translateY(0)}.chat-message-animate{animation:slideInLeft var(--duration-moderate) var(--ease-out)}.chat-message-own{animation:slideInRight var(--duration-moderate) var(--ease-out)}.typing-indicator span{display:inline-block;width:6px;height:6px;margin:0 2px;background:var(--text-muted, #555b66);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(1){animation-delay:0ms}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}.table-row-animate{transition:background-color var(--duration-fast) var(--ease-out)}.sort-icon-animate{transition:transform var(--duration-fast) var(--ease-out)}.sort-icon-animate.desc{transform:rotate(180deg)}.skeleton{background:linear-gradient(90deg,var(--bg-alt, #e8e4db) 25%,var(--bg, #f5f4ef) 50%,var(--bg-alt, #e8e4db) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text{height:1em;margin:.5em 0}.skeleton-title{height:1.5em;width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px;border-radius:16px}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-in)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-pulse,.animate-pulse-soft,.animate-glow,.animate-glow-brass,.animate-glow-blue,.animate-spin,.animate-shimmer,.animate-live,.live-dot{animation:none!important}.animate-in,.animate-fade-in,.animate-slide-up,.animate-slide-down,.animate-slide-left,.animate-slide-right,.animate-scale-up,.animate-stagger>*,.animate-stagger-fast>*{animation:none!important;opacity:1!important;transform:none!important}.hover-lift:hover,.hover-scale:hover,.card-animate:hover{transform:none!important}.skeleton{animation:none!important;background:var(--bg-alt, #e8e4db)!important}}.will-animate{will-change:transform,opacity}.animation-complete{will-change:auto}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden}:root{--font-display: "Libre Baskerville", "Georgia", "Times New Roman", serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Consolas", "Liberation Mono", monospace;--text-xs: .702rem;--text-sm: .79rem;--text-base: .938rem;--text-md: 1.125rem;--text-lg: 1.35rem;--text-xl: 1.62rem;--text-2xl: 2.16rem;--text-3xl: 2.88rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .14em;--bg-deep: #1a1915;--bg-dark: #252320;--bg: #f7f5f0;--bg-warm: #f0ece3;--bg-muted: #e8e3d8;--surface: #ffffff;--surface-raised: #fdfcfa;--surface-sunken: #f3f0e8;--surface-overlay: rgba(255, 255, 255, .97);--text-primary: #1c1a17;--text-secondary: #4a4640;--text-muted: #6b665c;--text-subtle: #686460;--text-inverse: #f7f5f0;--border-light: rgba(180, 170, 155, .35);--border: rgba(160, 150, 135, .55);--border-strong: rgba(140, 130, 115, .75);--border-focus: rgba(180, 138, 58, .6);--brass: #b48a3a;--brass-light: #d4a84a;--brass-dark: #7a5a1a;--brass-soft: rgba(180, 138, 58, .12);--brass-softer: rgba(180, 138, 58, .06);--brass-glow: rgba(180, 138, 58, .25);--success: #2d7a4d;--success-soft: rgba(45, 122, 77, .1);--danger: #a63d3d;--danger-soft: rgba(166, 61, 61, .1);--warning: #b8860b;--warning-soft: rgba(184, 134, 11, .1);--info: #3d6a8a;--info-soft: rgba(61, 106, 138, .1);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 26, 23, .04);--shadow-sm: 0 2px 4px rgba(28, 26, 23, .06);--shadow-md: 0 4px 12px rgba(28, 26, 23, .08);--shadow-lg: 0 8px 24px rgba(28, 26, 23, .1);--shadow-xl: 0 16px 40px rgba(28, 26, 23, .12);--shadow-2xl: 0 24px 56px rgba(28, 26, 23, .16);--shadow-inner: inset 0 2px 4px rgba(28, 26, 23, .04);--shadow-brass: 0 4px 20px rgba(180, 138, 58, .2);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1180px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg);background-image:radial-gradient(ellipse at 20% 30%,rgba(255,252,245,.8) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(232,227,216,.5) 0%,transparent 40%)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--brass)}img,video,iframe{display:block;max-width:100%}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-dark) 100%);border-bottom:1px solid rgba(180,138,58,.2);box-shadow:0 1px #ffffff08,var(--shadow-xl)}.app-header-inner{max-width:var(--container-xl);margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:opacity var(--duration-fast, .15s) ease}.brand:hover{opacity:.9}.brand-mark{width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brass-dark) 0%,var(--brass) 50%,var(--brass-light) 100%);box-shadow:inset 0 1px #fff3,0 2px 8px #0000004d,var(--shadow-brass);display:flex;align-items:center;justify-content:center;color:var(--bg-deep);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-shadow:0 1px 0 rgba(255,255,255,.15)}.brand-text-heading{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--text-inverse);letter-spacing:var(--tracking-tight)}.brand-text-sub{font-size:var(--text-xs);color:var(--text-subtle);letter-spacing:var(--tracking-wide);margin-top:2px}.nav{display:flex;align-items:center;gap:var(--space-2)}.nav-link{position:relative;padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#f7f5f099;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.nav-link:hover{color:var(--text-inverse);background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-1px)}.nav-link.active{color:var(--brass-light);background:var(--brass-soft);border-color:var(--brass);box-shadow:0 0 20px var(--brass-glow)}.header-auth{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.header-auth-loading{color:var(--text-subtle);font-size:var(--text-sm)}.header-auth-user{display:flex;align-items:center;gap:var(--space-3)}.header-auth-name{color:var(--brass-light);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.header-auth-name:hover{color:var(--brass)}.header-auth-logout{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-subtle);cursor:pointer;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);transition:all var(--duration-fast) var(--ease-out)}.header-auth-logout:hover{border-color:#ffffff4d;color:var(--text-inverse)}.header-auth-signin{background:var(--brass);border:none;border-radius:var(--radius-sm);color:var(--bg-deep);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);transition:background var(--duration-fast) var(--ease-out)}.header-auth-signin:hover{background:var(--brass-light)}.header-admin-link{background:#d9770626;border:1px solid rgba(217,119,6,.4);border-radius:var(--radius-sm);color:#f59e0b;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.header-admin-link:hover{background:#d9770640;border-color:#d9770699;color:#fbbf24}.app-main{flex:1;padding:var(--space-8) var(--space-5);background:var(--bg)}.page-shell{max-width:var(--container-xl);margin:0 auto;animation:fadeUp var(--duration-slow) var(--ease-out-expo)}.page-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-6);margin-top:var(--space-6)}.page-grid--align-bottom{align-items:stretch}@media(max-width:900px){.page-grid{grid-template-columns:1fr}.page-grid--align-bottom{align-items:stretch}}.kicker{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--brass-dark);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.kicker:before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--brass) 0%,transparent 100%);border-radius:1px}.h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-3)}.page-subtitle{font-family:var(--font-body);font-size:var(--text-md);font-weight:400;line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:640px}.section-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border) 0%,transparent 100%)}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--border)}.card-soft{background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card-soft:hover{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass-soft)}.card--flex-bottom{display:flex;flex-direction:column;justify-content:space-between}.door-cards-row{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-5);flex-wrap:wrap}.door-cards-row--triple{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.door-card{flex:1;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.door-card:hover{border-color:var(--brass);box-shadow:0 2px 8px #b48a3a26}.door-card--interactive{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;cursor:pointer}.door-card--interactive:hover{border-color:var(--brass);background:linear-gradient(135deg,var(--surface) 0%,rgba(180,138,58,.08) 100%);box-shadow:0 4px 16px #b48a3a33;transform:translateY(-2px)}.door-card--interactive:active{transform:translateY(0);box-shadow:0 2px 8px #b48a3a26}.door-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text);letter-spacing:-.01em}.door-card-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--brass) 0%,var(--brass-dark) 100%);border-radius:var(--radius-sm);color:var(--surface);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.door-card--interactive:hover .door-card-cta{background:linear-gradient(135deg,var(--brass-light, #d4a84a) 0%,var(--brass) 100%);box-shadow:0 2px 8px #b48a3a66}.door-card-cta-text{flex:1}.door-card-cta-arrow{transition:transform var(--duration-fast) var(--ease-out)}.door-card--interactive:hover .door-card-cta-arrow{transform:translate(4px)}.door-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.door-card-status{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.door-card-status--live,.door-card-status--in-session{background:#22c55e26;color:#22c55e}.door-card-status--offline{background:#94a3b826;color:var(--ink-muted)}.door-card-status--no-session{background:#94a3b81a;color:var(--ink-muted);opacity:.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:linear-gradient(135deg,var(--brass) 0%,var(--brass-dark) 100%);color:var(--bg-deep);box-shadow:inset 0 1px #ffffff26,var(--shadow-md),var(--shadow-brass)}.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff3,var(--shadow-lg),0 8px 24px var(--brass-glow)}.button:active{transform:translateY(0) scale(.98);transition-duration:75ms}.button.secondary{background:transparent;color:var(--brass-dark);border:1.5px solid var(--brass);box-shadow:none}.button.secondary:hover{background:var(--brass-soft);box-shadow:0 4px 12px var(--brass-glow)}.button.ghost,.button-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border);box-shadow:none}.button.ghost:hover,.button-ghost:hover{background:var(--surface-sunken);border-color:var(--border-strong);color:var(--text-primary)}.button.small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft);animation:pulse 2s var(--ease-in-out) infinite}.pill-live{background:var(--brass-soft);border-color:var(--brass);color:var(--brass-dark);animation:glowPulseBrass 3s ease-in-out infinite}.pill-upcoming{background:var(--info-soft);border-color:var(--info);color:var(--info)}.pill-ended{background:var(--surface-sunken);border-color:var(--border);color:var(--text-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px 8px;font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--surface);color:var(--text-muted)}.tag-pill{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-normal);border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--surface);color:var(--text-muted)}.chat-input{flex:1;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.chat-input:focus{border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-soft)}.chat-input::placeholder{color:var(--text-subtle)}.notice{padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-light);border-left:3px solid var(--brass);border-radius:var(--radius-md);margin-top:var(--space-4)}.notice--info{border-left-color:#3b82f6;background:#3b82f614}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-top:var(--space-4)}@media(max-width:700px){.two-col{grid-template-columns:1fr}}.two-col>div{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.two-col strong{display:block;font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.row{display:flex;align-items:center}.frame-shell{margin-top:var(--space-6);border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--border);background:var(--surface-sunken);box-shadow:var(--shadow-xl)}.app-frame{width:100%;min-height:72vh;border:none;display:block;background:var(--surface)}.members-frame-shell{margin-top:var(--space-4);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);background:var(--surface-sunken);box-shadow:var(--shadow-lg)}.members-inline-frame{width:100%;min-height:400px;border:none;display:block}.members-console-shell{margin-top:var(--space-4);min-height:85vh}.members-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-8);align-items:start}@media(max-width:900px){.members-intro{grid-template-columns:1fr;gap:var(--space-5)}}.members-quickstart{background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.quickstart-items{display:flex;flex-direction:column;gap:var(--space-4)}.quickstart-items>div{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.quickstart-items strong{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}@media(max-width:700px){.members-console-shell{min-height:70vh}.page-subtitle{font-size:var(--text-base)}.kicker{font-size:.65rem}}.video-shell{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);background:var(--bg-dark);box-shadow:var(--shadow-xl)}.video-shell-sticky{position:sticky;top:calc(var(--header-height) + var(--space-4))}.video-frame{width:100%;aspect-ratio:16 / 9;border:none;display:block;background:#000}.video-caption{padding:var(--space-3) var(--space-4);border-top:1px solid rgba(255,255,255,.1);background:var(--bg-dark);color:var(--text-inverse);font-size:var(--text-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.embed-shell{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;background:#000}.embed-frame{width:100%;aspect-ratio:16/9;border:0}.townhall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin-top:var(--space-5)}.townhall-grid>*{animation:fadeUp var(--duration-moderate) var(--ease-out) forwards;opacity:0}.townhall-grid>*:nth-child(1){animation-delay:0ms}.townhall-grid>*:nth-child(2){animation-delay:60ms}.townhall-grid>*:nth-child(3){animation-delay:.12s}.townhall-grid>*:nth-child(4){animation-delay:.18s}.townhall-grid>*:nth-child(5){animation-delay:.24s}.townhall-grid>*:nth-child(6){animation-delay:.3s}.townhall-grid>*:nth-child(7){animation-delay:.36s}.townhall-grid>*:nth-child(8){animation-delay:.42s}.senate-live-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--space-3)}.senate-live-layout .senate-video-col{grid-column:1;grid-row:1}.senate-live-layout .senate-chat-col{grid-column:2;grid-row:1;display:flex;flex-direction:column}.senate-live-layout .senate-chat-col>.card{display:flex;flex-direction:column;height:100%}.senate-live-layout .senate-chat-col .chat-content{flex:1;display:flex;flex-direction:column;min-height:0}.senate-live-layout .senate-chat-col .chat-input-row{margin-top:auto;padding-top:var(--space-2)}.senate-live-layout .senate-rooms-row{grid-column:1 / -1;grid-row:2}.senate-live-layout.session-layout{grid-template-rows:auto auto auto}.senate-live-layout.session-layout .session-info-row{grid-column:1 / -1;grid-row:2}.senate-live-layout.session-layout .senate-rooms-row{grid-row:3}.session-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.session-info-item{min-width:0}.session-info-item--wide{grid-column:span 2}.session-info-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.session-info-value{font-size:var(--text-sm);color:var(--text);word-wrap:break-word}.senate-live-layout .card,.senate-live-layout .card-soft{padding:var(--space-3)}.senate-live-layout .section-title{font-size:10px;margin-bottom:var(--space-2)}.senate-live-layout .section-title:before{height:1px}.senate-chat-col .live-chat-log{flex:1;max-height:280px;overflow-y:auto;font-size:var(--text-sm)}.senate-chat-col .chat-input{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.senate-chat-col .button{padding:var(--space-2) var(--space-3);font-size:11px}.senate-chat-col .pill{font-size:9px;padding:3px 8px}.senate-live-layout.chat-collapsed{grid-template-columns:1fr}.senate-live-layout.chat-collapsed .senate-video-col{grid-column:1 / -1}.senate-live-layout.chat-collapsed .senate-chat-col{display:none}.chat-restore-btn{position:fixed;bottom:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;background:var(--ink);color:var(--paper);border:none;border-radius:var(--radius-md);cursor:pointer;z-index:100;box-shadow:0 4px 12px #00000026;transition:transform .2s ease,box-shadow .2s ease}.chat-restore-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.senate-rooms-row .open-room-item{padding:var(--space-2)}.senate-rooms-row .open-room-title{font-size:var(--text-sm)}.senate-rooms-row .open-room-session{font-size:10px}.senate-rooms-row .open-rooms-header{margin-bottom:var(--space-2)}.senate-rooms-row .open-rooms-list{gap:var(--space-2);max-height:180px}.session-inactive{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1a1a,#0d0d0d)}.session-inactive-content{text-align:center;padding:var(--space-4)}.session-inactive-icon{font-size:32px;color:var(--brass);opacity:.5;margin-bottom:var(--space-2)}.session-inactive-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:var(--space-2)}.session-inactive-sub{font-size:12px;color:#ffffff80;max-width:240px;margin:0 auto}@media(max-width:900px){.senate-live-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.senate-live-layout .senate-video-col,.senate-live-layout .senate-chat-col,.senate-live-layout .senate-rooms-row{grid-column:1}.senate-live-layout .senate-video-col{grid-row:1}.senate-live-layout .senate-chat-col{grid-row:2}.senate-live-layout .senate-rooms-row{grid-row:3}.senate-live-layout.session-layout{grid-template-rows:auto auto auto auto}.senate-live-layout.session-layout .session-info-row{grid-column:1;grid-row:3}.senate-live-layout.session-layout .senate-rooms-row{grid-row:4}.session-info-item--wide{grid-column:span 1}}.open-rooms-section{margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-4)}.open-rooms-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.open-rooms-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--brass-dark)}.open-rooms-count{background:linear-gradient(135deg,var(--brass) 0%,var(--brass-dark) 100%);color:var(--surface);font-size:10px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm),inset 0 1px #fff3;letter-spacing:var(--tracking-wide)}.open-rooms-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:320px;overflow-y:auto;padding-right:var(--space-2);scroll-behavior:smooth}.open-rooms-list::-webkit-scrollbar,.open-rooms-scroll::-webkit-scrollbar{width:6px}.open-rooms-list::-webkit-scrollbar-track,.open-rooms-scroll::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:3px}.open-rooms-list::-webkit-scrollbar-thumb,.open-rooms-scroll::-webkit-scrollbar-thumb{background:var(--brass-soft);border-radius:3px;border:1px solid var(--border-light)}.open-rooms-list::-webkit-scrollbar-thumb:hover,.open-rooms-scroll::-webkit-scrollbar-thumb:hover{background:var(--brass)}.open-room-item{display:flex;align-items:stretch;text-decoration:none;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-raised) 100%);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm),inset 0 1px #fffc;transition:all .2s var(--ease-out);position:relative}.open-room-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brass-light) 0%,var(--brass) 50%,var(--brass-dark) 100%);opacity:.7;transition:opacity .2s,width .2s}.open-room-item:hover{border-color:var(--brass);box-shadow:var(--shadow-md),var(--shadow-brass),inset 0 1px #fffc;transform:translate(2px)}.open-room-item:hover:before{opacity:1;width:5px}.open-room-indicator{width:28px;display:flex;align-items:center;justify-content:center;background:var(--brass-softer);border-right:1px solid var(--border-light);flex-shrink:0}.open-room-indicator:after{content:"";width:6px;height:6px;background:var(--brass);border-radius:50%;box-shadow:0 0 0 2px var(--brass-soft);animation:room-pulse 2.5s ease-in-out infinite}@keyframes room-pulse{0%,to{opacity:1;box-shadow:0 0 0 2px var(--brass-soft),0 0 6px var(--brass-glow)}50%{opacity:.7;box-shadow:0 0 0 3px var(--brass-soft),0 0 10px var(--brass-glow)}}.open-room-content{flex:1;padding:6px var(--space-3) 8px;min-width:0}.open-room-users{display:flex;align-items:center;gap:4px;padding:0 var(--space-2);font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);border-left:1px solid var(--border-light)}.open-room-users-icon{font-size:11px;opacity:.7}.open-room-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-room-session{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.open-room-arrow{width:24px;display:flex;align-items:center;justify-content:center;color:var(--brass);opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s;font-size:12px;font-weight:500}.open-room-item:hover .open-room-arrow{opacity:1;transform:translate(0)}.open-room-item{animation:placard-enter .3s var(--ease-out) backwards}.open-room-item:nth-child(1){animation-delay:0ms}.open-room-item:nth-child(2){animation-delay:50ms}.open-room-item:nth-child(3){animation-delay:.1s}.open-room-item:nth-child(4){animation-delay:.15s}.open-room-item:nth-child(5){animation-delay:.2s}.open-room-item:nth-child(6){animation-delay:.25s}.open-room-item:nth-child(7){animation-delay:.3s}.open-room-item:nth-child(8){animation-delay:.35s}.open-room-item:nth-child(9){animation-delay:.4s}.open-room-item:nth-child(10){animation-delay:.45s}@keyframes placard-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.open-rooms-empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm);font-style:italic;background:var(--surface-sunken);border-radius:var(--radius-md);border:1px dashed var(--border)}.open-rooms-list--full{display:flex;flex-direction:column;gap:var(--space-2)}.open-room-item--full{display:grid;grid-template-columns:28px 1fr 1.5fr auto 24px;align-items:stretch;gap:0;padding:0;min-height:52px;overflow:visible}.open-room-item--full .open-room-indicator{height:auto;min-height:52px;display:flex;align-items:center;justify-content:center}.open-room-item--full .open-room-title{display:flex;align-items:center;padding:var(--space-3) var(--space-3);font-family:var(--font-body)!important;font-size:15px!important;font-weight:600!important;color:#111!important;line-height:1.4!important;-webkit-font-smoothing:antialiased}.open-room-item--full .open-room-session{display:flex;align-items:center;padding:var(--space-3) var(--space-3);margin-top:0;border-left:1px solid var(--border);font-family:var(--font-body)!important;font-size:14px!important;font-weight:500!important;color:#333!important;line-height:1.4!important;-webkit-font-smoothing:antialiased}.open-room-item--full .open-room-users{display:flex;align-items:center;padding:var(--space-3) var(--space-3);font-family:var(--font-body)!important;font-size:14px!important;font-weight:600!important;color:#111!important;border-left:1px solid var(--border);-webkit-font-smoothing:antialiased}.open-room-lock{margin-left:var(--space-2);font-size:12px;opacity:.7}.open-rooms-list--compact{display:flex;flex-direction:column;gap:1px}.open-room-item--compact{display:grid;grid-template-columns:20px 1fr 1.2fr auto 20px;align-items:center;gap:0;padding:0;min-height:28px;background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:background .1s ease}.open-room-item--compact:hover{background:var(--surface-hover)}.open-room-item--compact .open-room-indicator{width:20px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--brass);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.open-room-item--compact .open-room-indicator:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%}.open-room-item--compact .open-room-title{padding:4px 8px;font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.open-room-item--compact .open-room-session{padding:4px 8px;font-size:11px;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid var(--border-light)}.open-room-item--compact .open-room-users{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;color:var(--text-muted);border-left:1px solid var(--border-light)}.open-room-item--compact .open-room-users-icon{font-size:8px;color:var(--brass)}.open-room-item--compact .open-room-arrow{width:20px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted)}.open-room-item--compact .open-room-lock{font-size:10px;margin-left:4px}@media(max-width:600px){.open-room-item--compact{grid-template-columns:20px 1fr auto 20px}.open-room-item--compact .open-room-session{display:none}}.open-room-age{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.open-room-context{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-room-header{display:flex;align-items:center;gap:var(--space-2)}.session-card-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:var(--space-1)}.session-card-body{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.session-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.session-meta-text{font-size:var(--text-xs);color:var(--text-muted)}.session-details{margin-top:var(--space-4)}.session-details-grid{display:grid;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.townhall-room-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-5);margin-top:var(--space-5);align-items:flex-start}@media(max-width:900px){.townhall-room-layout{grid-template-columns:1fr}.video-shell-sticky{position:static}}.civics-page{background:var(--bg-warm)}.civics-hero{background:var(--surface)}.civics-branch-card{background:var(--surface-raised);border:1px solid var(--border-light)}.civics-branch-card:hover{border-color:var(--brass)}.civics-branch-title{margin-top:var(--space-2)}.civics-branch-subtitle{margin-top:var(--space-2);font-size:var(--text-sm);font-style:italic;color:var(--text-secondary)}.civics-branch-body{margin-top:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.civics-hero-full{margin-bottom:var(--space-5)}.civics-hero-instruction{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.civics-hero-search{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.civics-hero-search:focus-within{border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-softer)}.civics-hero-search-icon{font-size:var(--text-base);opacity:.6}.civics-hero-search-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary);outline:none}.civics-hero-search-input::placeholder{color:var(--text-muted)}.civics-branches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:900px){.civics-branches-grid{grid-template-columns:1fr}}.branch-legislative{--branch-accent: var(--brass-dark)}.branch-executive{--branch-accent: #2563eb}.branch-judicial{--branch-accent: #7c3aed}.civics-branch-icon{font-size:2rem;margin-bottom:var(--space-2)}.civics-branch-accent{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--branch-accent, var(--brass));border-radius:0 0 var(--radius-lg) var(--radius-lg)}.civics-branch-cta{margin-top:var(--space-4)}.civics-branch-card{position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);animation:fadeInUp .4s var(--ease-out) backwards}.civics-branch-body{flex:1}.civics-branch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.civics-landing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media(max-width:1100px){.civics-landing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.civics-landing-grid{grid-template-columns:1fr}}.civics-bill-briefs-preview{display:flex;flex-direction:column}.civics-bill-preview-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);flex:1}.civics-bill-preview-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-light)}.civics-bill-preview-id{font-size:var(--text-xs);font-weight:600;color:var(--brass-dark);font-family:var(--font-mono)}.civics-bill-preview-title{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.civics-bills-section{margin-top:var(--space-8);padding:var(--space-5);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);animation:fadeInUp .4s var(--ease-out) backwards;animation-delay:.4s}.civics-bills-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.civics-bills-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.civics-bills-section-icon{font-size:var(--text-base)}.civics-bills-horizontal{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:900px){.civics-bills-horizontal{grid-template-columns:1fr}}.civics-bill-horizontal-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.civics-bill-horizontal-item:hover{border-color:var(--brass);transform:translate(4px)}.civics-bill-horizontal-icon{font-size:var(--text-md);flex-shrink:0}.civics-bill-horizontal-content{flex:1;min-width:0}.civics-bill-horizontal-id{font-size:var(--text-xs);font-weight:600;color:var(--brass-dark);font-family:var(--font-mono)}.civics-bill-horizontal-title{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.civics-bills-section-cta{font-size:var(--text-xs);font-weight:500;color:var(--brass-dark);text-decoration:none;display:flex;align-items:center;gap:var(--space-1);transition:color var(--duration-fast) var(--ease-out)}.civics-bills-section-cta:hover{color:var(--brass)}.civics-tab-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.civics-tab{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.civics-tab:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.civics-tab-active{background:linear-gradient(135deg,var(--brass) 0%,var(--brass-dark) 100%);color:var(--bg-deep);border-color:var(--brass);box-shadow:var(--shadow-brass)}.civics-tab-hint{font-size:var(--text-xs);color:var(--text-subtle);max-width:280px}.civics-panels{margin-top:var(--space-3)}.civics-panel{padding-top:var(--space-1)}.civics-input{background:var(--surface-raised)}.civics-answer{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.civics-answer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.civics-answer-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:900px){.civics-answer-sections{grid-template-columns:1fr}}.civics-list{padding-left:var(--space-5)}.civics-list li{margin-bottom:var(--space-1)}.civics-chip{padding:4px 10px;font-size:var(--text-xs);font-weight:500;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.civics-chip:hover{border-color:var(--brass)}.civics-quiz{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.civics-quiz-answer{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.civics-citation{font-size:var(--text-sm);font-style:italic;color:var(--text-secondary)}.confidence-high{border-color:var(--brass)!important;color:var(--brass-dark)!important;background:var(--brass-soft)!important}.confidence-medium{border-color:var(--info)!important;color:var(--info)!important;background:var(--info-soft)!important}.confidence-low{border-color:var(--danger)!important;color:var(--danger)!important;background:var(--danger-soft)!important}.civics-pane{padding:var(--space-3);display:flex;flex-direction:column;min-width:0}.civics-bins-scroll,.civics-bills-scroll{flex:1;overflow-y:auto;margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);max-height:450px}.civics-bin{display:flex;flex-direction:column;gap:var(--space-1)}.civics-bin-title{display:flex;align-items:center;gap:var(--space-2)}.civics-bin-committees{display:flex;flex-wrap:wrap;gap:4px;margin-left:var(--space-2)}.civics-chip{padding:4px 10px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.civics-chip:hover{background:var(--brass-softer);border-color:var(--brass-soft)}.civics-chip-active{background:var(--brass);color:var(--bg-deep);border-color:var(--brass)}.civics-mini-chip{padding:2px 8px;font-family:var(--font-body);font-size:.65rem;background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.civics-mini-chip:hover{background:var(--brass-softer)}.civics-mini-chip-active{background:var(--brass-soft);border-color:var(--brass)}.civics-bill-row{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.civics-bill-row:hover{background:var(--brass-softer);border-color:var(--brass-soft)}.civics-bill-row-active{background:var(--brass-soft);border-color:var(--brass);box-shadow:inset 3px 0 0 var(--brass)}.civics-bill-row-id{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--brass-dark)}.civics-bill-row-title{font-size:var(--text-xs);color:var(--text-primary);line-height:1.3}.civics-bill-row-sub{font-size:.65rem;color:var(--text-muted)}.civics-date-pill{padding:1px 6px;font-size:.6rem;font-weight:500;background:var(--surface-sunken);border-radius:var(--radius-sm);color:var(--text-muted)}.civics-filter{display:flex;flex-direction:column;gap:2px}.civics-filter select{padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.civics-controls-row,.civics-bill-detail{margin-top:var(--space-3)}.civics-bill-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.civics-bill-summary{margin-top:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;max-height:200px;overflow-y:auto}.civics-upcoming-block{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.civics-upcoming-list{display:flex;flex-direction:column;gap:4px}.civics-upcoming-row{display:flex;align-items:center;gap:var(--space-2);padding:4px var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.civics-upcoming-row:hover{background:var(--brass-softer)}.civics-upcoming-id{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--brass-dark);flex-shrink:0}.civics-upcoming-title{font-size:.65rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.civics-bill-1col{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.civics-chip-bar{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.civics-chip-bar::-webkit-scrollbar{height:4px}.civics-chip-bar::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.civics-group{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface)}.civics-group[open]{box-shadow:var(--shadow-sm)}.civics-group-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);background:var(--surface-sunken);border-radius:var(--radius-lg);list-style:none}.civics-group-header::-webkit-details-marker{display:none}.civics-group-header:after{content:"▸";font-size:.75rem;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out)}.civics-group[open]>.civics-group-header:after{transform:rotate(90deg)}.civics-group-header:hover{background:var(--brass-softer)}.civics-group[open]>.civics-group-header{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--border-light)}.civics-group-count{font-weight:400;font-size:var(--text-xs);color:var(--text-muted)}.civics-group-content{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);max-height:350px;overflow-y:auto}.civics-detail-card{background:var(--surface);border:2px solid var(--brass);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-brass);animation:civics-slide-down .2s ease-out}@keyframes civics-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.civics-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.civics-detail-id{font-family:var(--font-mono);font-size:var(--text-md);font-weight:700;color:var(--brass-dark)}.civics-detail-title{font-size:var(--text-sm);color:var(--text-primary);margin-top:var(--space-1);line-height:var(--leading-snug)}.civics-detail-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.civics-detail-actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.civics-detail-close{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.civics-detail-close:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.civics-detail-summary{margin-top:var(--space-3);padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;max-height:200px;overflow-y:auto}.civics-moving-now{margin-top:var(--space-2);border-top:1px solid var(--border-light);padding-top:var(--space-3)}.civics-moving-now-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:var(--text-sm);padding:var(--space-2) 0;list-style:none}.civics-moving-now-header::-webkit-details-marker{display:none}.civics-moving-now-header:before{content:"▸ ";font-size:.7rem;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out)}.civics-moving-now[open]>.civics-moving-now-header:before{content:"▾ "}.civics-moving-now-list{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.civics-bill-row-compact{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-out)}.civics-bill-row-compact:hover{background:var(--brass-softer)}.civics-bill-row-compact.active{background:var(--brass-soft);border-left:3px solid var(--brass)}.civics-branch-hero{margin-bottom:var(--space-5)}.civics-branch-hero-icon{font-size:2.5rem;margin-bottom:var(--space-2)}.civics-branch-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}@media(max-width:1100px){.civics-branch-split{grid-template-columns:1fr}}.civics-bill-briefs-col{position:sticky;top:var(--space-4);max-height:calc(100vh - var(--space-8))}.civics-catalog-full{max-width:100%}.civics-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}@media(max-width:1100px){.civics-layout{grid-template-columns:1fr}.civics-left-col{order:1}.civics-tab-shell{order:2}}.civics-left-col{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-4);max-height:calc(100vh - var(--space-8))}.civics-left-col .civics-hero{flex-shrink:0}.civics-left-col .civics-sidebar{flex:1;min-height:0}.civics-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);height:100%;max-height:calc(100vh - var(--space-8));overflow:hidden}.civics-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}.civics-sidebar-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.civics-sidebar-count{font-size:var(--text-xs);color:var(--text-muted)}.civics-sidebar-search{position:relative}.civics-sidebar-input{width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-primary)}.civics-sidebar-input:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 2px var(--brass-softer)}.civics-sidebar-input::placeholder{color:var(--text-muted)}.civics-sidebar-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.civics-sidebar-clear:hover{background:var(--danger-soft);color:var(--danger)}.civics-sidebar-select{width:100%;padding:var(--space-2);font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer}.civics-sidebar-status{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:var(--space-2)}.civics-sidebar-error{color:var(--danger)}.civics-sidebar-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;min-height:0}.civics-sidebar-item-wrapper{display:flex;flex-direction:column}.civics-sidebar-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-out)}.civics-sidebar-item:hover{background:var(--brass-softer)}.civics-sidebar-item-expanded{background:var(--brass-soft);border-left:3px solid var(--brass);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.civics-sidebar-item-chevron{font-size:.6rem;color:var(--text-muted);flex-shrink:0;width:12px;transition:transform var(--duration-fast) var(--ease-out)}.civics-sidebar-item-id{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--brass-dark);flex-shrink:0}.civics-sidebar-item-title{font-size:.7rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.civics-sidebar-item-detail{padding:var(--space-3);background:var(--surface-sunken);border-left:3px solid var(--brass);border-radius:0 0 var(--radius-md) var(--radius-md);margin-bottom:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);animation:civics-expand-in .2s ease-out}@keyframes civics-expand-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.civics-sidebar-item-detail-title{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);line-height:1.4}.civics-sidebar-item-detail-meta{font-size:.65rem;color:var(--text-muted)}.civics-sidebar-item-detail-action{font-size:.65rem;color:var(--text-secondary);font-style:italic;padding:var(--space-1) var(--space-2);background:var(--surface);border-radius:var(--radius-sm)}.civics-sidebar-item-detail-tags{display:flex;flex-wrap:wrap;gap:4px}.civics-sidebar-item-detail-tag{padding:2px 6px;font-size:.6rem;font-weight:500;background:var(--brass-soft);color:var(--brass-dark);border-radius:var(--radius-full)}.civics-sidebar-item-detail-summary{font-size:.7rem;line-height:1.5;color:var(--text-secondary);background:var(--surface);padding:var(--space-2);border-radius:var(--radius-sm);max-height:120px;overflow-y:auto;white-space:pre-wrap}.civics-sidebar-item-detail-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-1);border-top:1px solid var(--border-light)}.civics-sidebar-item-detail-actions .button{font-size:.65rem;padding:4px 8px}.civics-related-lessons{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.civics-related-lessons-header{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.civics-related-lessons-list{display:flex;flex-direction:column;gap:var(--space-2)}.civics-related-lesson-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-raised);border-radius:var(--radius-sm);text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.civics-related-lesson-link:hover{background:var(--surface);text-decoration:none}.civics-related-lesson-badge{flex-shrink:0;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:var(--radius-xs);color:#fff}.civics-related-lesson-badge.civics-branch-legislative{background:var(--brass-dark)}.civics-related-lesson-badge.civics-branch-executive{background:#2563eb}.civics-related-lesson-badge.civics-branch-judicial{background:#7c3aed}.civics-related-lesson-name{font-size:var(--text-xs);color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.civics-sidebar-more,.civics-sidebar-empty{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:var(--space-2)}.civics-sidebar-detail{border-top:1px solid var(--border-light);padding-top:var(--space-2);margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);max-height:280px;overflow-y:auto}.civics-sidebar-detail-header{display:flex;justify-content:space-between;align-items:center}.civics-sidebar-detail-id{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--brass-dark)}.civics-sidebar-detail-close{width:22px;height:22px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);cursor:pointer;font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.civics-sidebar-detail-close:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.civics-sidebar-detail-title{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);line-height:1.4}.civics-sidebar-detail-meta{font-size:.65rem;color:var(--text-muted)}.civics-sidebar-detail-summary{font-size:.7rem;line-height:1.5;color:var(--text-secondary);background:var(--surface-sunken);padding:var(--space-2);border-radius:var(--radius-sm);max-height:120px;overflow-y:auto;white-space:pre-wrap}.civics-sidebar-detail-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.civics-sidebar-detail-actions .button{font-size:.65rem;padding:4px 8px}.civics-catalog-shell{padding:var(--space-4)}.civics-course-search{position:relative;margin:var(--space-4) 0}.civics-search-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.civics-search-input:focus{border-color:var(--brass);outline:none;box-shadow:0 0 0 2px var(--brass-glow)}.civics-search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;max-height:320px;overflow-y:auto}.civics-search-suggestion{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-4);text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.civics-search-suggestion:last-child{border-bottom:none}.civics-search-suggestion:hover{background:var(--surface-raised)}.civics-suggestion-title{font-size:var(--text-sm);font-weight:500;color:var(--text)}.civics-suggestion-topic{font-size:var(--text-xs);color:var(--text-muted)}.civics-suggestion-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.civics-suggestion-match{font-size:var(--text-xs);color:var(--brass)}.civics-search-input-wrapper{position:relative;display:flex;align-items:center}.civics-search-input-wrapper .civics-search-input{padding-right:var(--space-10)}.civics-search-clear{position:absolute;right:var(--space-3);background:transparent;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;padding:var(--space-1) var(--space-2);line-height:1;transition:color var(--duration-fast) var(--ease-out)}.civics-search-clear:hover{color:var(--text)}.civics-search-spinner{position:absolute;right:var(--space-10);width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--brass);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.civics-search-results{margin:var(--space-4) 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.civics-search-results-header{padding:var(--space-3) var(--space-4);background:var(--surface-raised);border-bottom:1px solid var(--border-light)}.civics-search-results-count{font-size:var(--text-sm);color:var(--text-muted)}.civics-no-results{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.civics-search-results-list{max-height:400px;overflow-y:auto}.civics-search-result-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-4);text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.civics-search-result-card:last-child{border-bottom:none}.civics-search-result-card:hover{background:var(--surface-raised)}.civics-search-result-title{font-size:var(--text-sm);font-weight:500;color:var(--text)}.civics-search-result-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.civics-search-result-topic{font-size:var(--text-xs);color:var(--text-muted)}.civics-search-result-match{font-size:var(--text-xs);color:var(--brass)}.civics-search-result-snippet{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;padding:var(--space-2);background:var(--surface-raised);border-radius:var(--radius-sm);max-width:100%;overflow:hidden;text-overflow:ellipsis}.civics-loading{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.civics-topic-groups{display:flex;flex-direction:column;gap:var(--space-3)}.civics-topic-group{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.civics-topic-group[open]{border-color:var(--border)}.civics-topic-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text);list-style:none;transition:background var(--duration-fast) var(--ease-out)}.civics-topic-header::-webkit-details-marker{display:none}.civics-topic-header:before{content:"▶";font-size:.65rem;margin-right:var(--space-2);color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out)}.civics-topic-group[open]>.civics-topic-header:before{transform:rotate(90deg)}.civics-topic-header:hover{background:var(--surface-raised)}.civics-topic-name{flex:1}.civics-topic-count{font-size:var(--text-xs);font-weight:400;color:var(--text-muted)}.civics-lesson-list{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.civics-lesson-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);text-align:left;background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.civics-lesson-card:hover{border-color:var(--brass);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.civics-lesson-title{font-size:var(--text-sm);font-weight:500;color:var(--text)}.civics-lesson-meta{display:flex;align-items:center;gap:var(--space-3)}.civics-lesson-duration{font-size:var(--text-xs);color:var(--text-muted)}.civics-difficulty-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:2px 8px;border-radius:var(--radius-full)}.civics-difficulty-beginner{background:#22c55e26;color:#16a34a}.civics-difficulty-intermediate{background:#eab30826;color:#ca8a04}.civics-difficulty-advanced{background:#ef444426;color:#dc2626}.civics-no-lessons{padding:var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.civics-lesson-completed{border-color:var(--success, #2d7a4d);background:#2d7a4d0a}.civics-lesson-check{color:var(--success, #2d7a4d);font-weight:700;margin-right:var(--space-1, 4px)}.civics-lesson-complete-bar{display:flex;justify-content:center;padding:var(--space-4, 16px) 0;margin-top:var(--space-3, 12px)}.civics-mark-complete-btn{padding:var(--space-2, 8px) var(--space-5, 20px);font-family:var(--font-body);font-size:var(--text-sm, .79rem);font-weight:600;color:#fff;background:var(--success, #2d7a4d);border:none;border-radius:var(--radius-md, 10px);cursor:pointer;transition:background .15s ease,transform .15s ease}.civics-mark-complete-btn:hover{background:#246641;transform:translateY(-1px)}.civics-mark-complete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.civics-lesson-completed-label{font-family:var(--font-body);font-size:var(--text-sm, .79rem);font-weight:600;color:var(--success, #2d7a4d)}.civics-back-link{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.civics-back-link:hover{background:var(--surface);border-color:var(--border);color:var(--text)}.civics-lesson-view{margin-top:var(--space-2)}.bill-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:billModalFadeIn var(--duration-normal) var(--ease-out)}@keyframes billModalFadeIn{0%{opacity:0}to{opacity:1}}.bill-modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000004d;animation:billModalSlideUp var(--duration-normal) var(--ease-out)}@keyframes billModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bill-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.bill-modal-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.bill-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:24px;font-weight:300;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.bill-modal-close:hover{background:var(--surface-sunken);color:var(--text-primary)}.bill-modal-id-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--brass-softer);border-bottom:1px solid var(--border-light)}.bill-modal-id{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--brass-dark)}.bill-modal-actions{display:flex;gap:var(--space-2)}.bill-modal-section{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.bill-modal-label{display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.bill-modal-title-text{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed);margin:0}.bill-modal-dates{display:flex;flex-direction:column;gap:var(--space-1)}.bill-modal-date{font-size:var(--text-sm);color:var(--text-secondary)}.bill-modal-date strong{color:var(--text-primary)}.bill-modal-action{font-size:var(--text-sm);color:var(--text-secondary);margin:0;font-style:italic}.bill-modal-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bill-modal-tag{padding:4px 10px;font-size:var(--text-xs);font-weight:500;background:var(--brass-soft);color:var(--brass-dark);border-radius:var(--radius-full)}.bill-modal-tag-secondary{background:var(--surface-sunken);color:var(--text-secondary)}.bill-modal-summary-section{border-bottom:none}.bill-modal-summary{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--surface-sunken);padding:var(--space-4);border-radius:var(--radius-md);max-height:250px;overflow-y:auto;white-space:pre-wrap}.bill-modal-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--brass-dark);text-decoration:none;background:var(--brass-softer);border-top:1px solid var(--border-light);transition:all var(--duration-fast) var(--ease-out)}.bill-modal-link:hover{background:var(--brass-soft);color:var(--brass)}.bill-modal-link-arrow{font-size:var(--text-lg)}@media(max-width:480px){.bill-modal{max-width:100%;max-height:100%;border-radius:0}}.fact-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.fact-item{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;box-shadow:var(--shadow-sm)}.fact-item:nth-child(3n+1){background:#fef9e8;border-color:#b48a3a66}.fact-item:nth-child(3n+2){background:#f0f7ff;border-color:#3d6a8a66}.fact-item:nth-child(3n){background:#fdf2f5;border-color:#a63d3d4d}.fact-item-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.fact-item-body{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.roster-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.roster-member{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.roster-member:hover{background:var(--brass-softer);border-color:var(--brass);transform:translate(4px);box-shadow:var(--shadow-md)}.roster-member-main{display:flex;flex-direction:column;gap:2px}.roster-member-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.roster-member-sub{font-size:var(--text-xs);color:var(--text-muted)}.roster-member-role{font-size:var(--text-xs);color:var(--text-subtle)}.mini-card{margin-top:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2)}.mini-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.mini-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700}.mini-card-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.mini-chip{padding:2px 8px;font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:var(--radius-full)}.chat-panel{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.chat-messages{max-height:240px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.chat-message{display:flex;flex-direction:column;gap:2px}.chat-meta{font-size:var(--text-xs);color:var(--text-muted)}.chat-body{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary)}.chat-input-row{display:flex;gap:var(--space-2)}.room-link-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.room-link-row:hover{background:var(--brass-softer);border-color:var(--brass-soft)}.room-link-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.room-link-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-warm) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.topbar-inner{max-width:var(--container-xl);margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.topbar-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.brand-badge{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--brass-dark) 0%,var(--brass) 50%,var(--brass-light) 100%);border:2px solid var(--brass);box-shadow:var(--shadow-brass)}.room-layout{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-5);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}@media(max-width:980px){.room-layout{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-3);background:var(--surface-sunken)}.panel-body{padding:var(--space-4) var(--space-5)}.chat-scroll{max-height:44vh;overflow:auto;padding-right:var(--space-2)}@media(max-width:980px){.chat-scroll{max-height:32vh}}.msg{padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs)}.msg .meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.msg .name{font-weight:600;color:var(--text-primary)}.msg .role{padding:2px 6px;font-size:9px;font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-full)}.msg.ack{background:var(--info-soft);border-color:var(--info)}.msg.pin{background:var(--warning-soft);border-color:var(--warning)}.small{font-size:var(--text-xs);color:var(--text-muted)}.spacer{flex:1 1 auto}.speaking-room-layout{display:grid;grid-template-columns:340px 1fr 420px;gap:var(--space-4)}@media(max-width:1200px){.speaking-room-layout{grid-template-columns:1fr}}.queue-box{margin-top:var(--space-3);padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:260px;overflow:auto}.queue-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.record-log{margin-top:var(--space-3);padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:520px;overflow:auto}.record-line{display:grid;grid-template-columns:48px 160px 1fr;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.record-prefix{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text-muted)}.record-author{font-weight:700;color:var(--text-primary)}.record-body{color:var(--text-secondary)}.gallery-log{margin-top:var(--space-3);padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:470px;overflow:auto}.gallery-msg{padding:var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.pinned-box{margin-top:var(--space-3);padding:var(--space-3);background:var(--brass-softer);border:1px solid var(--brass);border-radius:var(--radius-lg)}.room-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.room-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;gap:var(--space-4)}.loader-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--brass);border-radius:50%;animation:spin .8s linear infinite}.loader-text{font-size:var(--text-sm);color:var(--text-muted);animation:fadeIn var(--duration-slow) var(--ease-out)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--space-8);text-align:center}.error-boundary-content{max-width:400px}.error-boundary h2{font-family:var(--font-display);color:var(--danger);margin-bottom:var(--space-3)}.error-boundary p{color:var(--text-secondary);margin-bottom:var(--space-4)}.error-boundary details{margin-top:var(--space-4);text-align:left;width:100%}.error-boundary summary{cursor:pointer;font-size:var(--text-sm);color:var(--text-muted)}.error-boundary pre{margin-top:var(--space-2);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-sunken);border-radius:var(--radius-md);overflow-x:auto}.shelf-search-wrapper{position:relative;margin-bottom:var(--space-2)}.shelf-search-wrapper .chat-input{padding:8px 12px;font-size:13px}.shelf-search-card{padding:var(--space-3)!important}.shelf-search-card .section-title{font-size:9px;margin-bottom:var(--space-2)}.shelf-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:320px;overflow-y:auto}.shelf-autocomplete-item{display:block;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);text-decoration:none;color:inherit}.shelf-autocomplete-item:hover{background:var(--surface-sunken)}.shelf-autocomplete-item:last-child{border-bottom:none}.shelf-autocomplete-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-autocomplete-meta{font-size:var(--text-sm);color:var(--text-muted)}.shelf-filters-row{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.shelf-filter-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.shelf-filter-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.shelf-filter-pills{display:flex;gap:2px;flex-wrap:wrap}.shelf-filter-pills .pill{font-size:10px;padding:3px 8px}.shelf-filter-select{padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:11px;min-width:90px}.shelf-filter-group--committee{flex-shrink:1;min-width:0;overflow:hidden}.shelf-filter-select--committee{min-width:80px;max-width:160px}.shelf-filter-select:focus{outline:none;border-color:var(--accent)}.shelf-sessions-header{display:flex;align-items:center;justify-content:space-between}.shelf-sessions-header .section-title{margin:0}.shelf-sessions-count{font-size:11px;color:var(--text-muted)}.shelf-sessions-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-2)}.shelf-session-item{display:grid;grid-template-columns:auto 1fr 200px 140px 24px;gap:var(--space-3);align-items:center;padding-left:var(--space-3)}.shelf-session-item .pill{white-space:nowrap;min-width:70px;text-align:center}.shelf-session-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-session-meta{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-session-date{color:var(--text-muted);font-size:var(--text-sm);text-align:right}.shelf-sessions-more{text-align:center;padding:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:860px){.app-main{padding:var(--space-5) var(--space-4)}.app-header-inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.nav{width:100%;justify-content:flex-start;flex-wrap:wrap}.h1{font-size:var(--text-xl)}.page-grid,.townhall-room-layout,.two-col{grid-template-columns:1fr}.shelf-session-item{grid-template-columns:auto 1fr 24px}.shelf-session-meta,.shelf-session-date{display:none}.shelf-filters-row{flex-wrap:wrap;gap:var(--space-2)}.shelf-filter-select{min-width:100px}}@media(max-width:480px){.app-main{padding:var(--space-4) var(--space-3)}.card{padding:var(--space-4)}.h1{font-size:var(--text-lg)}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}