*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d0f14;--bg-secondary:#13161e;--bg-surface:#1a1e28;--bg-surface-hover:#242936;--bg-glass:#13161ee0;--text-primary:#f2ece6;--text-secondary:#a09484;--text-muted:#6b5f52;--accent-primary:#c47a5a;--accent-secondary:#d4a574;--accent-glow:#c47a5a4d;--accent-gradient:linear-gradient(135deg, #c47a5a 0%, #8b9e6b 50%, #d4a574 100%);--node-topic:#c47a5a;--node-subtopic:#8b9e6b;--node-argument:#d4a574;--node-example:#c9847a;--node-image:#7a9e8b;--border-color:#c47a5a26;--border-subtle:#ffffff0f;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px var(--accent-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='.6' y2='1'%3E%3Cstop offset='0%25' stop-color='%23E8845A'/%3E%3Cstop offset='50%25' stop-color='%238B9E6B'/%3E%3Cstop offset='100%25' stop-color='%23F4C87A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 1L3 19L8 14L12 21L15 19L11 13L17 13Z' fill='url(%23g)' stroke='%230d0f14' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 1, auto;--cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28' viewBox='0 0 24 28'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='.5' y2='1'%3E%3Cstop offset='0%25' stop-color='%23F4C87A'/%3E%3Cstop offset='50%25' stop-color='%23E8845A'/%3E%3Cstop offset='100%25' stop-color='%238B9E6B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8 1C8 1 8 14 8 14C6 14 4 14 4 14C4 14 4 16 4 16C4 16 6 16 6 16C6 16 6 18 6 18C6 18 4 18 4 18L4 20L6 20L6 22L8 22L8 20L10 20L10 22L12 22L12 18L14 18L14 16L16 16L16 14L18 14L18 12L14 12L14 10L12 10L12 14L10 14L10 1Z' fill='url(%23g)' stroke='%230d0f14' stroke-width='0.8'/%3E%3C/svg%3E") 8 1, pointer}[data-theme=light]{--bg-primary:#faf7f4;--bg-secondary:#fff;--bg-surface:#f3ede6;--bg-surface-hover:#e8dfd5;--bg-glass:#ffffffeb;--text-primary:#2a1f14;--text-secondary:#6b5744;--text-muted:#a09484;--accent-primary:#b0694b;--accent-secondary:#c4946a;--accent-glow:#b0694b33;--accent-gradient:linear-gradient(135deg, #b0694b 0%, #7a8d5a 50%, #c4946a 100%);--node-topic:#b0694b;--node-subtopic:#7a8d5a;--node-argument:#c4946a;--node-example:#b8736a;--node-image:#6a8e7b;--border-color:#b0694b1f;--border-subtle:#0000000f;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 40px #0000001a}[data-theme=academic]{--bg-primary:#faf5ed;--bg-secondary:#f5ede1;--bg-surface:#ede3d3;--bg-surface-hover:#e3d6c2;--bg-glass:#f5ede1eb;--text-primary:#3d2e1f;--text-secondary:#6b5744;--text-muted:#9c8b78;--accent-primary:#a65e3f;--accent-secondary:#b8845a;--accent-glow:#a65e3f33;--accent-gradient:linear-gradient(135deg, #a65e3f 0%, #6b7e4b 50%, #b8845a 100%);--node-topic:#a65e3f;--node-subtopic:#6b7e4b;--node-argument:#b8845a;--node-example:#a8635a;--node-image:#5a7e6b;--border-color:#a65e3f26;--border-subtle:#0000000f}[data-theme=neon]{--bg-primary:#0a0806;--bg-secondary:#110e0a;--bg-surface:#1a1610;--bg-surface-hover:#24201a;--bg-glass:#110e0aeb;--text-primary:#fff8f0;--text-secondary:#b8a894;--text-muted:#6b5f4a;--accent-primary:#e8845a;--accent-secondary:#f4a87a;--accent-glow:#e8845a59;--accent-gradient:linear-gradient(135deg, #e8845a 0%, #f4c87a 100%);--node-topic:#e8845a;--node-subtopic:#a4c97a;--node-argument:#f4c87a;--node-example:#e8a49a;--node-image:#8abea4;--border-color:#e8845a33;--border-subtle:#ffffff0d}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:var(--cursor-default);font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;cursor:var(--cursor-default);line-height:1.6;overflow-x:hidden}a{color:var(--accent-secondary);transition:color var(--transition-fast);cursor:var(--cursor-pointer);text-decoration:none}a:hover{color:var(--accent-primary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:var(--cursor-pointer);transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.938rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm), 0 0 20px var(--accent-glow)}.btn-primary:hover{box-shadow:var(--shadow-md), 0 0 30px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--accent-primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-surface);color:var(--text-primary)}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:1.063rem}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.813rem;font-weight:600}.input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:.938rem}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px;line-height:1.6}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:24px}.card:hover{border-color:var(--border-color);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes nodeAppear{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{box-shadow:0 0 15px var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow), 0 0 60px var(--accent-glow)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring) ease-out}.animate-pulse{animation:2s ease-in-out infinite pulse}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}