:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-hero:clamp(2.5rem, 1rem + 5vw, 5.5rem);--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;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition:.18s cubic-bezier(.16, 1, .3, 1);--font-display:"Instrument Serif", Georgia, serif;--font-body:"Inter", "Helvetica Neue", sans-serif}:root,[data-theme=light]{--color-bg:#f8f5f0;--color-surface:#faf8f4;--color-surface-2:#fcfbf9;--color-surface-offset:#f1ede6;--color-border:#e0d9d0;--color-divider:#e8e2da;--color-text:#1e1b16;--color-text-muted:#6b6760;--color-text-faint:#b0ada8;--color-text-inverse:#f8f5f0;--color-primary:#5c6b3a;--color-primary-hover:#4a5630;--color-primary-active:#374224;--color-primary-highlight:#dce4cc;--color-accent:#c06040;--color-accent-hover:#a04e30;--color-accent-highlight:#f0ddd5;--color-lb:#6b8c52;--color-lb-bg:#eef3e8;--color-lb-border:#c8d9b8;--color-il:#4a7a9b;--color-il-bg:#e8f1f7;--color-il-border:#b8cfe0;--shadow-sm:0 1px 3px #1e140a0f;--shadow-md:0 4px 16px #1e140a14;--shadow-lg:0 12px 40px #1e140a1f}[data-theme=dark]{--color-bg:#141210;--color-surface:#1a1815;--color-surface-2:#1f1d1a;--color-surface-offset:#171512;--color-border:#302d29;--color-divider:#252320;--color-text:#cec9c2;--color-text-muted:#7a756e;--color-text-faint:#504d49;--color-text-inverse:#141210;--color-primary:#8fa86a;--color-primary-hover:#a3bc7d;--color-primary-active:#bace96;--color-primary-highlight:#2a3020;--color-accent:#d07860;--color-accent-hover:#e08a70;--color-accent-highlight:#3a2820;--color-lb:#7aaa60;--color-lb-bg:#1e2a18;--color-lb-border:#3a5030;--color-il:#5a9ab8;--color-il-bg:#182230;--color-il-border:#2a4860;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 40px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#141210;--color-surface:#1a1815;--color-surface-2:#1f1d1a;--color-surface-offset:#171512;--color-border:#302d29;--color-divider:#252320;--color-text:#cec9c2;--color-text-muted:#7a756e;--color-text-faint:#504d49;--color-text-inverse:#141210;--color-primary:#8fa86a;--color-primary-hover:#a3bc7d;--color-primary-active:#bace96;--color-primary-highlight:#2a3020;--color-accent:#d07860;--color-accent-hover:#e08a70;--color-accent-highlight:#3a2820;--color-lb:#7aaa60;--color-lb-bg:#1e2a18;--color-lb-border:#3a5030;--color-il:#5a9ab8;--color-il-bg:#182230;--color-il-border:#2a4860;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 40px #00000073}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.65;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition), color var(--transition)}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty;max-width:68ch}::selection{background:color-mix(in oklab, var(--color-primary) 25%, transparent);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.header{z-index:100;background:color-mix(in oklab, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-divider);padding:var(--space-4) var(--space-6);transition:background var(--transition);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none;display:flex}.logo-mark{flex-shrink:0;width:36px;height:36px}.logo-text{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-text);font-weight:400}.header-actions{align-items:center;gap:var(--space-3);display:flex}.theme-toggle{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-muted);transition:color var(--transition), background var(--transition);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-text);background:var(--color-surface-offset)}.hero{padding:clamp(var(--space-16), 10vw, var(--space-24)) var(--space-6);text-align:center;max-width:720px;margin:0 auto}.hero-eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);font-weight:600}.hero-title{font-family:var(--font-display);font-size:var(--text-hero);color:var(--color-text);margin-bottom:var(--space-6);font-style:italic;font-weight:400;line-height:1.05}.hero-title em{color:var(--color-primary);font-style:normal}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:52ch;margin:0 auto var(--space-10);line-height:1.6}.main-content{padding:0 var(--space-6) var(--space-16);flex:1;width:100%;max-width:860px;margin:0 auto}.question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-12);margin-bottom:var(--space-8);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.question-card:before{content:"";background:linear-gradient(90deg, var(--color-lb), var(--color-primary), var(--color-il));height:3px;position:absolute;top:0;left:0;right:0}.question-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);font-weight:600}.question-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);max-width:none;font-weight:400;line-height:1.35}.answer-form{margin-top:var(--space-8)}.side-selector{gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.side-btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-surface-2);font-size:var(--text-sm);color:var(--color-text-muted);transition:all var(--transition);text-align:center;flex:1;font-weight:500}.side-btn:hover{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface-offset)}.side-btn.active-lb{border-color:var(--color-lb-border);background:var(--color-lb-bg);color:var(--color-lb)}.side-btn.active-il{border-color:var(--color-il-border);background:var(--color-il-bg);color:var(--color-il)}.side-flag{margin-right:var(--space-2);font-size:1.2em}.answer-textarea{width:100%;min-height:120px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-base);resize:vertical;transition:border-color var(--transition), box-shadow var(--transition);line-height:1.6}.answer-textarea::placeholder{color:var(--color-text-faint)}.answer-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);outline:none}.answer-footer{margin-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.char-count{font-size:var(--text-xs);color:var(--color-text-faint)}.submit-btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-sm);letter-spacing:.02em;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);box-shadow:var(--shadow-sm);font-weight:600}.submit-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-btn:disabled{opacity:.45;cursor:not-allowed}.submit-btn.loading{opacity:.7;cursor:wait}.success-banner{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-primary-highlight);border-radius:var(--radius-lg);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-primary-active);border:1px solid color-mix(in oklab, var(--color-primary) 25%, transparent);display:flex}.answers-section{margin-top:var(--space-12)}.section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:baseline;display:flex}.section-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);font-style:italic;font-weight:400}.answer-count{font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.answers-list{gap:var(--space-4);flex-direction:column;display:flex}.answer-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);transition:box-shadow var(--transition);position:relative;overflow:hidden}.answer-card:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.answer-card.side-lb:before{background:var(--color-lb)}.answer-card.side-il:before{background:var(--color-il)}.answer-card:hover{box-shadow:var(--shadow-md)}.answer-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.side-tag{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-full);font-weight:600}.side-tag.lb{background:var(--color-lb-bg);color:var(--color-lb);border:1px solid var(--color-lb-border)}.side-tag.il{background:var(--color-il-bg);color:var(--color-il);border:1px solid var(--color-il-border)}.answer-time{font-size:var(--text-xs);color:var(--color-text-faint)}.answer-text{font-size:var(--text-base);color:var(--color-text);max-width:none;line-height:1.65}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:2.5rem}.empty-state-text{font-size:var(--text-base);color:var(--color-text-muted);font-style:italic}.about-strip{background:var(--color-surface-offset);border-top:1px solid var(--color-divider);padding:var(--space-16) var(--space-6);text-align:center}.about-inner{max-width:600px;margin:0 auto}.about-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-5);font-style:italic;font-weight:400}.about-text{font-size:var(--text-base);color:var(--color-text-muted);margin:0 auto;line-height:1.7}.footer{background:var(--color-surface);border-top:1px solid var(--color-divider);padding:var(--space-8) var(--space-6);text-align:center}.footer-text{font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.03em}.skeleton{background:linear-gradient(90deg, var(--color-surface-offset) 25%, var(--color-divider) 50%, var(--color-surface-offset) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s both fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-dot{background:var(--color-primary);width:7px;height:7px;margin-right:var(--space-2);vertical-align:middle;border-radius:50%;animation:2s infinite pulse;display:inline-block}@media (width<=640px){.question-card{padding:var(--space-6) var(--space-6)}.header{padding:var(--space-3) var(--space-4)}.main-content{padding:0 var(--space-4) var(--space-12)}.hero{padding:var(--space-12) var(--space-4)}.side-selector{flex-direction:column}}