*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-900: #1e3a8a;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--green-50: #f0fdf4;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #10b981;--green-600: #16a34a;--green-800: #166534;--yellow-50: #fefce8;--yellow-100: #fef9c3;--yellow-800: #854d0e;--white: #ffffff}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--slate-100);color:var(--slate-900);margin:0;line-height:1.5}.app-container{min-height:100vh;background-color:var(--slate-100);display:flex;flex-direction:column}.app-header{background-color:var(--slate-900);color:var(--white);padding:1rem;box-shadow:0 4px 6px -1px #0000001a;position:sticky;top:0;z-index:50}.header-content{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:center}@media(min-width:768px){.header-content{flex-direction:row}}.nav-group{display:flex;background-color:var(--slate-800);padding:.25rem;border-radius:.5rem;gap:.5rem}.btn-nav{padding:.375rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-nav.active{background-color:var(--indigo-500);color:var(--white);box-shadow:0 1px 3px #0000001a}.btn-nav.inactive{background-color:transparent;color:var(--slate-400)}.btn-nav.inactive:hover{color:var(--white)}.main-layout{max-width:80rem;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media(min-width:768px){.main-layout{padding:1.5rem}}@media(min-width:1024px){.main-layout{grid-template-columns:2fr 1fr}}.layout-content{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.layout-sidebar{min-width:0}.card{background-color:var(--white);padding:1rem;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--slate-200);margin-bottom:1.5rem;width:100%}.section-title{font-size:1.125rem;font-weight:700;color:var(--slate-700);margin:0 0 1rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.badge-legend{display:flex;gap:1rem;font-size:.75rem;color:var(--slate-500)}.badge-item{display:flex;align-items:center;gap:.25rem}.dot{width:.5rem;height:.5rem;border-radius:9999px}.dot-blue{background-color:var(--blue-500)}.dot-red{background-color:var(--red-500)}.dot-green{background-color:var(--green-500)}.control-panel{background-color:var(--white);padding:1rem;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--slate-100);height:100%;max-height:85vh;overflow-y:auto}.control-section{margin-bottom:1.5rem}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400);margin-bottom:.75rem}.input-group{margin-bottom:.75rem}.input-label-row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem}.input-val{font-family:monospace;color:var(--slate-600)}input[type=range]{width:100%;height:.5rem;background-color:var(--slate-200);border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-top:.25rem}input[type=range].accent-blue{accent-color:var(--blue-600)}input[type=range].accent-red{accent-color:var(--red-500)}input[type=range].accent-green{accent-color:var(--green-500)}.separator{border:0;border-top:1px solid var(--slate-100);margin:1.5rem 0}.tip-box{background-color:var(--yellow-50);padding:.75rem;border-radius:.5rem;font-size:.75rem;color:var(--yellow-800);border:1px solid var(--yellow-100)}.visualizer-container{width:100%;background-color:var(--slate-50);border:1px solid var(--slate-200);border-radius:.75rem;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d;position:relative}.vis-controls{display:flex;background-color:var(--slate-100);padding:.25rem;border-radius:.5rem}.btn-vis{padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:.25rem;border-width:1px;border-style:solid;border-color:transparent;cursor:pointer}.btn-vis.active{background-color:var(--white);color:var(--indigo-600);box-shadow:0 1px 2px #0000000d}.btn-vis.inactive{background-color:transparent;color:var(--slate-500)}.stroke-slate-400{stroke:var(--slate-400)}.stroke-blue-500{stroke:var(--blue-500)}.stroke-blue-400{stroke:#60a5fa}.fill-blue-500{fill:var(--blue-500)}.stroke-red-500{stroke:var(--red-500)}.stroke-red-400{stroke:#f87171}.fill-red-500{fill:var(--red-500)}.tab-nav{display:flex;border-bottom:1px solid var(--slate-200);overflow-x:auto}.tab-btn{flex:1;min-width:120px;padding:1rem 0;font-size:.875rem;font-weight:700;text-align:center;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--slate-500);transition:all .2s}.tab-btn:hover{color:var(--slate-700)}.tab-btn.active{background-color:var(--indigo-50);color:var(--indigo-700);border-bottom-color:var(--indigo-600)}.tab-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.grid-2{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.force-diagram-box{background-color:var(--slate-50);padding:1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;border:2px dashed var(--slate-300);min-height:250px}.force-list{display:flex;flex-direction:column;gap:.75rem}.force-item{display:flex;align-items:start;padding:.75rem;border-radius:.5rem;border:1px solid var(--slate-200);background-color:var(--white);cursor:pointer;transition:all .2s}.force-item:hover{border-color:var(--blue-200)}.force-item.selected{background-color:var(--indigo-50);border-color:var(--indigo-500);box-shadow:0 1px 2px #0000000d}.checkbox{width:1rem;height:1rem;margin-top:.125rem;accent-color:var(--indigo-600)}.feedback-bar{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--slate-200);margin-top:1.5rem}.btn-primary{background-color:var(--indigo-600);color:#fff;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;box-shadow:0 1px 2px #0000001a}.btn-primary:hover{background-color:var(--indigo-700)}.text-success{color:var(--green-600);font-weight:700;font-size:.875rem}.text-error{color:var(--red-600);font-weight:700;font-size:.875rem}.equation-block{background-color:var(--white);padding:1rem;border-radius:.5rem;border:1px solid var(--slate-200);font-family:monospace;text-align:center;font-size:1.125rem;color:var(--slate-900);box-shadow:inset 0 2px 4px #0000000d;overflow-x:auto}.math-card{background-color:var(--slate-50);padding:1.5rem;border-radius:.75rem;border:1px solid var(--slate-200);margin-bottom:1.5rem}.math-title-blue{color:var(--indigo-700);border-bottom:1px solid var(--indigo-100);padding-bottom:.5rem;margin-bottom:1rem;font-weight:700}.math-title-red{color:var(--red-700);border-bottom:1px solid var(--red-100);padding-bottom:.5rem;margin-bottom:1rem;font-weight:700}.debate-card{background-color:var(--slate-50);border-radius:.75rem;padding:1.5rem;border:1px solid var(--slate-200);margin-bottom:1.5rem}.winner-badge{position:absolute;top:0;right:0;background-color:var(--indigo-500);color:#fff;font-size:.625rem;padding:.25rem .5rem;font-weight:700;border-bottom-left-radius:.5rem}.option-card{background-color:var(--white);padding:1rem;border-radius:.5rem;border:1px solid var(--slate-200);position:relative;overflow:hidden}.option-card.highlight{border:2px solid var(--indigo-100);box-shadow:0 1px 2px #0000000d}.case-study{background-color:var(--slate-900);color:var(--slate-100);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.viewer-3d{width:100%;height:24rem;background-color:var(--slate-900);border-radius:.75rem;overflow:hidden;border:1px solid var(--slate-700);position:relative;box-shadow:0 10px 15px -3px #0000001a}.viewer-hint{position:absolute;top:.75rem;left:.75rem;z-index:10;font-family:monospace;font-size:.75rem;color:var(--slate-300);background-color:#1e293bcc;padding:.375rem .75rem;border-radius:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--slate-600);display:flex;align-items:center;gap:.5rem}.prose{color:var(--slate-600);line-height:1.6}.prose p{margin-bottom:1rem}.prose ul{padding-left:1.25rem;margin-top:.25rem;list-style-type:disc}.prose li{margin-bottom:.25rem}.text-mono{font-family:monospace}.bg-tag{background-color:var(--slate-100);padding:0 .25rem;border-radius:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}