.app-header{padding:1rem 0;border-bottom:1px solid var(--border-glass);background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.05)}.logo-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 8px rgba(0,240,255,.5))}.logo-text{font-family:var(--font-header);font-size:1.5rem;font-weight:800;background:linear-gradient(to right,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;transition:all var(--transition-normal)}.nav-link:hover{background:var(--bg-glass-hover);color:var(--accent-cyan);border-color:var(--accent-cyan)}.custom-card{padding:1.5rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.custom-card.hover-effect:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow-purple);border-color:#9d4edd80}.custom-card.clickable{cursor:pointer}.custom-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.05),transparent);transform:skew(-20deg);transition:all var(--transition-slow)}.custom-card.hover-effect:hover:before{left:200%}.home-announcement-banner{background:linear-gradient(135deg,#9d4edd26,#00f0ff26);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);margin:1.5rem 0 .5rem;padding:1.25rem 1.75rem;color:#e2e8f0;display:flex;align-items:flex-start;gap:1.25rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.announcement-content-wrapper{display:flex;flex-direction:column;gap:.75rem;flex:1}.home-announcement-banner .announcement-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 10px rgba(0,240,255,.6));flex-shrink:0;margin-top:2px}.home-announcement-banner .announcement-text{margin:0;line-height:1.5;font-size:1.1rem;font-weight:400}.brand-highlight{color:var(--accent-cyan);font-weight:700}.author-highlight{color:#ffea00;font-weight:700}.sbu-highlight{color:#ff007f;font-weight:700}.announcement-links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;gap:6px;padding:.35rem .85rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;text-decoration:none;transition:all var(--transition-fast)}.email-badge{background:#00f0ff1f;border:1px solid rgba(0,240,255,.3);color:var(--accent-cyan)}.email-badge:hover{background:var(--accent-cyan);color:#0a0a0f;box-shadow:0 0 14px #00f0ffb3;transform:translateY(-1px)}.linkedin-badge{background:#0a66c233;border:1px solid rgba(10,102,194,.4);color:#0077b5}.linkedin-badge:hover{background:#0077b5;color:#fff;box-shadow:0 0 14px #0077b5b3;transform:translateY(-1px)}.website-badge{background:#9d4edd33;border:1px solid rgba(157,78,221,.4);color:var(--accent-purple)}.website-badge:hover{background:var(--accent-purple);color:#fff;box-shadow:0 0 14px #9d4eddb3;transform:translateY(-1px)}.hero-section{text-align:center;padding:2.5rem 0 3rem}.hero-title{font-size:3.5rem;margin-bottom:1rem}.hero-title .highlight{background:linear-gradient(to right,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;max-width:600px;margin:0 auto;line-height:1.6}.simulations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding-bottom:4rem}.sim-card{display:flex;flex-direction:column;height:100%}.sim-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.icon-wrapper{padding:1rem;border-radius:var(--radius-md);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.cyan-theme .icon-wrapper{background:#00f0ff1a}.purple-theme .icon-wrapper{background:#9d4edd1a}.orange-theme .icon-wrapper{background:#ff7f501a}.yellow-theme .icon-wrapper{background:#cddc391a}.pink-theme .icon-wrapper{background:#e040fb1a}.gold-theme .icon-wrapper{background:#ffb3001a}.blue-theme .icon-wrapper{background:#00e5ff1a}.hanoi-icon{color:var(--accent-cyan)}.monty-icon{color:var(--accent-purple)}.sim-title{font-size:1.5rem}.sim-description{color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem;flex:1}.sim-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-glass)}.launch-text{font-weight:600;font-size:.9rem;transition:color var(--transition-fast)}.cyan-theme .launch-text{color:var(--accent-cyan)}.purple-theme .launch-text{color:var(--accent-purple)}.orange-theme .launch-text{color:coral}.yellow-theme .launch-text{color:#cddc39}.pink-theme .launch-text{color:#e040fb}.gold-theme .launch-text{color:#ffb300}.blue-theme .launch-text{color:#00e5ff}.sim-card:hover .launch-text{filter:brightness(1.2)}.dashboard-content{display:flex;flex-direction:column;gap:4rem;padding-bottom:4rem}.category-section{width:100%}.category-header{margin-bottom:2rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.category-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.category-desc{font-size:1.1rem;color:var(--text-secondary)}.custom-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;transition:all var(--transition-normal);overflow:hidden;z-index:1}.custom-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.custom-button:not(:disabled):hover{transform:translateY(-2px)}.custom-button:not(:disabled):active{transform:translateY(1px)}.button-content{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem}.button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(10px);opacity:0;transition:opacity var(--transition-normal);z-index:0}.custom-button:not(:disabled):hover .button-glow{opacity:.6}.primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;box-shadow:0 4px 15px #0003}.secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass)}.secondary:hover{background:var(--bg-glass-hover);border-color:var(--accent-cyan)}.danger{background:linear-gradient(135deg,#ff1744,#ff5252);color:#fff}.category-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:2rem}.category-page-container{padding-bottom:4rem}.category-header-bar{padding:2rem 0 0}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:1.1rem;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-button:hover{background:#ffffff0d;color:var(--text-primary);transform:translate(-4px)}.category-hero{padding:2rem 0 4rem;display:flex;flex-direction:column;align-items:center}.category-icon-large{background:#ffffff0d;padding:1.5rem;border-radius:50%;margin-bottom:1.5rem}.tohi-container{padding-bottom:4rem}.tohi-header{margin-bottom:2rem;text-align:center}.tohi-header h1{font-size:2.5rem;color:var(--accent-cyan);margin-bottom:.5rem}.tohi-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.tohi-layout{grid-template-columns:2fr 1fr}}.tohi-board-card{min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}.tohi-board{display:flex;justify-content:space-around;align-items:flex-end;height:300px;position:relative}.peg-container{position:relative;width:30%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;transition:all var(--transition-fast)}.peg-container:hover{background:#ffffff05;border-radius:var(--radius-md)}.peg-container.selected{background:#00f0ff0d;border-radius:var(--radius-md)}.peg-stick{width:12px;height:250px;background:linear-gradient(to right,#444,#666,#444);border-radius:6px 6px 0 0;z-index:1;box-shadow:inset 0 0 5px #00000080}.peg-base{width:100%;height:16px;background:linear-gradient(to bottom,#555,#333);border-radius:8px;margin-top:-8px;z-index:2;box-shadow:0 4px 10px #00000080}.disks-container{position:absolute;bottom:12px;width:100%;height:250px;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:3}.disk{height:22px;border-radius:11px;position:absolute;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 2px 4px #ffffff4d,0 4px 8px #0006;border:1px solid rgba(255,255,255,.1)}.disk-selected{transform:translateY(-20px);box-shadow:0 0 15px var(--accent-cyan)}.disk-1{background:linear-gradient(135deg,#ff007f,#ff5e62)}.disk-2{background:linear-gradient(135deg,#9d4edd,#c77dff)}.disk-3{background:linear-gradient(135deg,#00f0ff,#00b4d8)}.disk-4{background:linear-gradient(135deg,#00e676,#69f0ae)}.disk-5{background:linear-gradient(135deg,#ffea00,#ffd600)}.disk-6{background:linear-gradient(135deg,#ff3d00,#ff6e40)}.disk-7{background:linear-gradient(135deg,#2979ff,#82b1ff)}.disk-8{background:linear-gradient(135deg,#f50057,#ff4081)}.completion-message{position:absolute;top:20%;left:50%;transform:translate(-50%);background:#00e67626;border:1px solid var(--success);padding:1.5rem 3rem;border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 30px #00e67633;z-index:10}.completion-message h3{color:var(--success);font-size:1.5rem;margin-bottom:.5rem}.controls-card h3{margin-bottom:1.5rem;font-size:1.25rem;border-bottom:1px solid var(--border-glass);padding-bottom:.5rem}.slider{width:100%;margin-top:.5rem;accent-color:var(--accent-cyan)}.stats-panel{display:flex;gap:1rem;margin-bottom:2rem}.stat-box{flex:1;background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1rem;text-align:center}.stat-label{display:block;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{display:block;font-size:1.5rem;font-weight:700;font-family:var(--font-header);color:var(--accent-cyan)}.edu-guide-container{margin-top:3rem;margin-bottom:2rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:3rem;max-width:1000px;width:100%;align-self:center}@media (max-width: 768px){.edu-guide-container{padding:1.5rem}}.edu-guide-header{text-align:center;margin-bottom:3rem}.edu-guide-header h2{font-family:var(--font-header);font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.edu-guide-header p{color:var(--text-secondary);font-size:1.1rem}.edu-section{margin-bottom:3rem}.edu-section:last-child{margin-bottom:0}.edu-section h3{font-family:var(--font-header);font-size:1.5rem;color:var(--accent-cyan);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(0,229,255,.2);padding-bottom:.5rem}.edu-section p{color:var(--text-secondary);line-height:1.7;font-size:1.05rem;margin-bottom:1rem}.edu-section strong{color:var(--text-primary)}.edu-section code{background:#0000004d;padding:.2rem .4rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.9em;color:#ff4081}.edu-table-container{overflow-x:auto;margin-top:1.5rem;margin-bottom:1.5rem}.edu-table{width:100%;border-collapse:collapse;background:#0003;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-glass)}.edu-table th,.edu-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.edu-table th{background:#0006;color:var(--text-primary);font-family:var(--font-header);font-weight:700}.edu-table tr:last-child td{border-bottom:none}.edu-table td{color:var(--text-secondary);font-family:JetBrains Mono,monospace}.complexity-o1{color:#00e676!important;font-weight:700}.complexity-on{color:#ff1744!important;font-weight:700}.complexity-ologn{color:#ffeb3b!important;font-weight:700}.edu-callout{padding:1.5rem;border-radius:var(--radius-md);margin-top:1.5rem;margin-bottom:1.5rem;border-left:4px solid}.edu-callout-info{background:#00e5ff1a;border-color:#00e5ff}.edu-callout-info h4{color:#00e5ff;margin-bottom:.5rem}.edu-callout-warning{background:#ff91001a;border-color:#ff9100}.edu-callout-warning h4{color:#ff9100;margin-bottom:.5rem}.mh-container{padding-bottom:4rem}.mh-header{margin-bottom:2rem;text-align:center}.mh-header h1{font-size:2.5rem;color:var(--accent-purple);margin-bottom:.5rem}.mh-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.mh-layout{grid-template-columns:2fr 1fr}}.message-banner{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.5rem;text-align:center;margin-bottom:2rem;box-shadow:0 4px 20px #0003}.message-banner h3{font-size:1.25rem;color:var(--text-primary)}.doors-container{display:flex;justify-content:space-around;perspective:1000px;gap:1rem}.door-wrapper{position:relative;width:30%;aspect-ratio:1 / 1.8;display:flex;flex-direction:column;align-items:center}.player-indicator{position:absolute;top:-30px;background:var(--accent-cyan);color:#000;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;animation:bounce 2s infinite;z-index:10}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.door-wrapper.selected .door-front{box-shadow:0 0 20px #00f0ff66;border-color:var(--accent-cyan)}.door-frame{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.door-frame.open{transform:rotateY(-105deg)}.door-frame.hoverable:not(.open):hover{transform:rotateY(-10deg) scale(1.02);cursor:pointer}.door-content,.door-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.door-content{background:var(--bg-secondary);border:2px solid #333;transform:rotateY(180deg);box-shadow:inset 0 0 50px #000c}.door-front{background:linear-gradient(135deg,#2a2a35,#1a1a25);border:2px solid var(--border-glass);flex-direction:column;gap:1rem}.door-number{font-size:3rem;font-family:var(--font-header);font-weight:800;color:#fff3}.door-icon{color:var(--text-secondary);opacity:.5}.prize{display:flex;flex-direction:column;align-items:center}.prize.car{filter:drop-shadow(0 0 15px rgba(0,230,118,.5));animation:pulse-glow 2s infinite}.prize.goat{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 15px rgba(0,230,118,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(0,230,118,.8));transform:scale(1.05)}}.stats-card h3,.stats-card h4{margin-bottom:1.5rem;border-bottom:1px solid var(--border-glass);padding-bottom:.5rem}.stat-row{margin-bottom:1.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-bar-container{height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:.5rem;overflow:hidden}.stat-bar{height:100%;border-radius:4px;transition:width .5s ease}.stat-bar.stay{background:var(--accent-cyan);box-shadow:0 0 10px #00f0ff80}.stat-bar.swap{background:var(--accent-purple);box-shadow:0 0 10px #9d4edd80}.stat-text{font-size:.8rem;text-align:right;font-family:monospace}.divider{height:1px;background:var(--border-glass);margin:2rem 0}.sim-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.code-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.code-modal-content{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.code-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff08;border-bottom:1px solid var(--border-glass)}.code-modal-title{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary);font-family:Outfit,sans-serif}.code-modal-actions{display:flex;gap:.5rem}.code-action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.code-action-btn:hover{background:#ffffff1a;color:var(--text-primary)}.close-btn:hover{background:#ef444433;color:#ef4444}.code-modal-body{flex:1;overflow-y:auto;background:#282c34;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.code-modal-body::-webkit-scrollbar{width:8px;height:8px}.code-modal-body::-webkit-scrollbar-track{background:#0003}.code-modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.code-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.text-green-400{color:#4ade80}.sv-container{padding-bottom:4rem}.sv-header{margin-bottom:2rem;text-align:center}.sv-header h1{font-size:2.5rem;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.algo-badge{font-size:1rem;padding:.2rem .8rem;border-radius:var(--radius-full);background:#ff7f501a;color:coral;border:1px solid #ff7f50}.sv-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1100px){.sv-layout{grid-template-columns:300px 1fr}}.array-card{padding:2rem;display:flex;flex-direction:column;justify-content:center;min-height:600px;overflow:hidden}.array-container{display:flex;align-items:flex-end;justify-content:center;gap:1px;width:100%;height:100%}.array-bar{background-color:var(--accent-cyan);border-radius:2px 2px 0 0;box-shadow:0 0 5px #00f0ff33;transition:background-color .1s ease}.legend{display:flex;flex-direction:column;gap:.75rem}.legend-color{width:16px;height:16px;border-radius:2px}.legend-color.primary{background-color:var(--accent-cyan)}.legend-color.secondary{background-color:var(--danger)}.legend-color.sorted{background-color:var(--success)}.race-btn{background:#ff7f501a;color:coral;border:1px solid #ff7f50}.race-btn:hover:not(:disabled){background:#ff7f5033;box-shadow:0 0 15px #ff7f5066}.race-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;height:100%}@media (min-width: 768px){.race-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}.race-cell{background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:1rem;height:100%;display:flex;flex-direction:column}.race-chart-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:180px}.race-label{text-align:center;font-family:monospace;font-weight:700;color:coral;margin-bottom:.5rem;font-size:.9rem}.search-page-container{padding-top:6rem;padding-bottom:4rem;min-height:calc(100vh - 80px)}.search-header{text-align:center;margin-bottom:2rem}.search-header h1{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.search-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;max-width:1400px;margin:0 auto}.search-card{flex:1;display:flex;flex-direction:column;min-height:500px;padding:0;overflow:hidden}.search-input{width:100%;background:#0003;border:1px solid var(--border-glass);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-family:Outfit,sans-serif;outline:none;transition:border-color .3s}.search-input:focus{border-color:var(--accent-cyan)}.search-svg-container{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:16px;position:relative;overflow:hidden}.search-svg{width:100%;height:100%}.search-node-group{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.search-node-rect{fill:var(--bg-glass);stroke:var(--accent-cyan);stroke-width:2;transition:all .3s ease}.search-text-val{fill:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700;font-size:20px;pointer-events:none}.search-text-idx{fill:var(--text-secondary);font-family:Fira Code,monospace;font-weight:500;font-size:14px;pointer-events:none}.search-node-group.scanning .search-node-rect{fill:#ffb3004d;stroke:#ffb300;stroke-width:3}.search-node-group.found .search-node-rect{fill:#4ade804d;stroke:#4ade80;stroke-width:3}.search-node-group.not-found .search-node-rect{fill:#f871714d;stroke:#f87171;stroke-width:3}.search-node-group.discarded{opacity:.2}.search-pointer-text{fill:var(--text-primary);font-family:Outfit,sans-serif;font-weight:800;font-size:18px}.search-pointer-line{stroke:var(--text-primary);stroke-width:2;marker-end:url(#arrowhead)}@media (max-width: 1024px){.search-layout{grid-template-columns:1fr}}.btv-container{padding-bottom:4rem}.btv-header{margin-bottom:2rem;text-align:center}.btv-header h1{font-size:2.5rem;color:#cddc39;margin-bottom:.5rem}.btv-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.btv-layout{grid-template-columns:300px 1fr}}.btv-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#ffffff0d;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;transition:border-color var(--transition-fast)}.btv-input:focus{border-color:#cddc39}.tree-card{padding:0;display:flex;flex-direction:column;height:550px;position:relative;overflow:hidden}.traversal-result{position:absolute;top:1rem;left:1rem;background:var(--bg-glass);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-glass);z-index:10;color:#cddc39;font-family:monospace;font-size:1.1rem}.btv-svg-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative}.tree-svg{width:100%;height:100%}.empty-state{position:absolute;color:var(--text-secondary);font-size:1.2rem}.tree-node{fill:var(--bg-secondary);stroke:var(--border-glass);stroke-width:2;transition:all .3s ease}.tree-text{fill:var(--text-primary);font-family:var(--font-header);font-weight:600;font-size:14px;pointer-events:none}.tree-edge{stroke:var(--border-glass);stroke-width:2;transition:stroke .3s ease}.tree-node.highlighted{fill:#00f0ff33;stroke:var(--accent-cyan);stroke-width:3}.tree-edge.highlighted{stroke:var(--accent-cyan);stroke-width:3}.tree-node.success{fill:#cddc3933;stroke:#cddc39;stroke-width:4;filter:drop-shadow(0 0 10px rgba(205,220,57,.5))}.tree-node.error{fill:#ff174433;stroke:var(--danger);stroke-width:4;filter:drop-shadow(0 0 10px rgba(255,23,68,.5))}.mt-2{margin-top:.5rem}.collatz-container{padding-bottom:4rem}.collatz-header{margin-bottom:2rem;text-align:center}.collatz-header h1{font-size:2.5rem;color:#e040fb;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.inline-icon{color:#e040fb}.collatz-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.collatz-layout{grid-template-columns:320px 1fr}}.collatz-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#ffffff0d;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;transition:border-color var(--transition-fast);margin-top:.5rem}.collatz-input:focus{border-color:#e040fb}.collatz-btn{background:#e040fb1a;color:#e040fb;border:1px solid #e040fb}.collatz-btn:hover:not(:disabled){background:#e040fb33;box-shadow:0 0 15px #e040fb66}.stats{background:#0003;border-radius:var(--radius-sm);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.stat-row strong{color:#e040fb;font-family:monospace;font-size:1.1rem}.rules{background:#e040fb0d;border:1px solid rgba(224,64,251,.2);border-radius:var(--radius-sm);padding:1rem}.rules h4{margin-top:0;margin-bottom:.5rem;color:#e040fb}.rules ul{margin:0;padding-left:1.2rem;color:var(--text-secondary)}.rules code{background:#0000004d;padding:.1rem .3rem;border-radius:3px;font-family:monospace}.chart-card{padding:0;display:flex;flex-direction:column;height:500px;position:relative;overflow:hidden}.collatz-svg-container{width:100%;height:100%;background:var(--bg-primary);position:relative}.collatz-svg{width:100%;height:100%;padding:0 10px}.grid-line{stroke:#ffffff0d;stroke-width:1}.seq-line{fill:none;stroke:#e040fb;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(224,64,251,.5))}.seq-node{fill:var(--bg-primary);stroke:#e040fb;stroke-width:2}.seq-node.active{fill:#e040fb;filter:drop-shadow(0 0 8px #e040fb);transition:all .1s ease}.y-axis-label{position:absolute;left:1rem;top:1rem;color:var(--text-secondary);font-family:monospace;font-size:.9rem}.y-axis-label.bottom{top:auto;bottom:1.5rem}.current-value{position:absolute;right:2rem;top:1rem;font-size:3rem;font-family:monospace;font-weight:700;color:#e040fb;text-shadow:0 0 20px rgba(224,64,251,.5)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:1.2rem}.sequence-card{padding:1.5rem}.sequence-card h3{margin-top:0;margin-bottom:1rem;color:#e040fb}.sequence-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-family:monospace;font-size:1.1rem;line-height:1.5}.seq-number{color:var(--text-primary);font-weight:700}.seq-arrow{color:#e040fb99;margin:0 .5rem}.kaprekar-container{padding-bottom:4rem}.kaprekar-header{margin-bottom:2rem;text-align:center}.kaprekar-header h1{font-size:2.5rem;color:#ffb300;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.inline-icon{color:#ffb300}.kaprekar-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.kaprekar-layout{grid-template-columns:320px 1fr}}.kaprekar-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#ffffff0d;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;transition:border-color var(--transition-fast);margin-top:.5rem}.kaprekar-input:focus{border-color:#ffb300}.kaprekar-btn{background:#ffb3001a;color:#ffb300;border:1px solid #ffb300}.kaprekar-btn:hover:not(:disabled){background:#ffb30033;box-shadow:0 0 15px #ffb30066}.error-msg{color:var(--danger);font-size:.9rem;background:#ff17441a;padding:.5rem;border-radius:var(--radius-sm);border:1px solid rgba(255,23,68,.3)}.rules{background:#ffb3000d;border:1px solid rgba(255,179,0,.2);border-radius:var(--radius-sm);padding:1rem}.rules h4{margin-top:0;margin-bottom:.5rem;color:#ffb300}.rules ol{margin:0;padding-left:1.5rem;color:var(--text-secondary);line-height:1.5}.routine-card{min-height:500px}.steps-container{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.starting-number{text-align:center;font-size:1.2rem;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-glass)}.starting-number span{color:#ffb300;font-family:monospace;font-size:1.5rem;font-weight:700}.kaprekar-step{background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:1rem;animation:slideIn .4s ease forwards}.step-number{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;letter-spacing:1px}.equation{display:flex;align-items:center;justify-content:space-between;font-family:monospace;font-size:1.5rem}.term{background:var(--bg-secondary);padding:.5rem 1rem;border-radius:4px;letter-spacing:2px}.term.desc{color:var(--accent-cyan)}.term.asc{color:var(--danger)}.term.result{color:var(--text-primary);font-weight:700;border:1px solid var(--border-glass)}.term.result.final{color:#ffb300;background:#ffb3001a;border-color:#ffb300;box-shadow:0 0 15px #ffb3004d}.operator{color:var(--text-secondary)}.success-msg{text-align:center;margin-top:1.5rem;padding:1rem;background:#ffb30026;border:1px solid #ffb300;border-radius:var(--radius-sm);color:#ffb300;font-weight:600;font-size:1.1rem}.empty-state{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-secondary);font-size:1.2rem;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.graph-container{padding-bottom:4rem}.graph-header{margin-bottom:2rem;text-align:center}.graph-header h1{font-size:2.5rem;color:#00e5ff;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.inline-icon{color:#00e5ff}.graph-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.graph-layout{grid-template-columns:320px 1fr}}.graph-left-col{display:flex;flex-direction:column;gap:1rem}.btn-graph{background:#00e5ff1a;color:#00e5ff;border:1px solid #00e5ff}.btn-graph:hover:not(:disabled){background:#00e5ff33;box-shadow:0 0 15px #00e5ff66}.ds-card{flex-grow:1;display:flex;flex-direction:column;min-height:350px}.ds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ds-header h3{margin:0}.ds-action{font-family:monospace;color:#00e5ff;font-size:.9rem}.ds-container{flex-grow:1;border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#0003;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;position:relative}.ds-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-style:italic}.ds-item{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.ds-item.top{border-color:#00e5ff;background:#00e5ff1a;box-shadow:0 0 10px #00e5ff33}.node-id{font-family:monospace;font-size:1.2rem;font-weight:700}.ds-badge{font-size:.7rem;background:#00e5ff;color:#000;padding:.2rem .5rem;border-radius:var(--radius-full);font-weight:700}.ds-badge.tail{background:var(--text-secondary);color:#fff}.ds-footer{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.legend-color{width:14px;height:14px;border-radius:50%}.legend-color.unvisited{background-color:var(--bg-secondary);border:2px solid var(--border-glass)}.legend-color.visited{background-color:#ffeb3b33;border:2px solid #ffeb3b}.legend-color.active{background-color:#00e5ff33;border:2px solid #00e5ff}.legend-color.processed{background-color:#00e67633;border:2px solid #00e676}.graph-card{padding:0;display:flex;flex-direction:column;height:500px}.graph-svg-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.graph-svg{width:100%;height:100%}.graph-svg.editing{cursor:crosshair}.graph-edge{stroke:var(--border-glass);stroke-width:3;transition:all .4s ease}.graph-edge.visited{stroke:#ffffff4d}.graph-edge.mst{stroke:coral;stroke-width:5;filter:drop-shadow(0 0 5px rgba(255,127,80,.8))}.graph-edge.active{stroke:#00e5ff;stroke-width:4;filter:drop-shadow(0 0 8px rgba(0,229,255,.8))}.edge-weight-bg{fill:var(--bg-secondary);stroke:var(--border-glass);stroke-width:1px;transition:all .4s ease}.edge-weight-bg.mst{stroke:coral;fill:#ff7f5033}.edge-weight-bg.active{stroke:#00e5ff;fill:#00e5ff33}.edge-weight-text{fill:#fff;font-family:monospace;font-size:12px;font-weight:700;pointer-events:none}.graph-node{fill:var(--bg-secondary);stroke:var(--border-glass);stroke-width:3;transition:all .4s ease}.graph-node.visited{fill:#ffeb3b1a;stroke:#ffeb3b}.graph-node.builder-node:hover{filter:drop-shadow(0 0 8px rgba(0,229,255,.4))}.graph-node.edge-start{stroke:coral;fill:#ff7f5033;filter:drop-shadow(0 0 10px rgba(255,127,80,.6))}.graph-node.active{fill:#00e5ff33;stroke:#00e5ff;stroke-width:4;filter:drop-shadow(0 0 10px rgba(0,229,255,.6))}.graph-node.processed{fill:#00e6761a;stroke:#00e676}.node-text{fill:var(--text-primary);font-family:monospace;font-weight:700;font-size:18px;pointer-events:none}.time-text{fill:#ffeb3b;font-family:monospace;font-size:14px;pointer-events:none;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.algo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.w-full{width:100%}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.gap-2{gap:.5rem}.ll-container{padding-top:6rem;padding-bottom:4rem;min-height:calc(100vh - 80px)}.ll-header{text-align:center;margin-bottom:3rem}.ll-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--text-primary)}.ll-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.ll-layout{grid-template-columns:1fr}}.ll-sidebar{display:flex;flex-direction:column;gap:1.5rem}.ll-main{display:flex;flex-direction:column}.ll-card{flex:1;display:flex;flex-direction:column;min-height:500px;padding:0;overflow:hidden}.ll-svg-container{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:16px;position:relative;overflow:hidden}.ll-svg{width:100%;height:100%}.ll-node-group{transition:all .4s cubic-bezier(.4,0,.2,1)}.ll-node-data{fill:var(--bg-glass);stroke:var(--accent-cyan);stroke-width:2;transition:all .3s ease;rx:4;ry:4}.ll-node-next{fill:#0006;stroke:var(--accent-cyan);stroke-width:2;transition:all .3s ease;rx:4;ry:4}.ll-pointer-dot{fill:var(--accent-cyan);transition:all .3s ease}.ll-node-group.highlighted .ll-node-data,.ll-node-group.highlighted .ll-node-next{fill:#06b6d433;stroke:#22d3ee;stroke-width:3}.ll-node-group.highlighted .ll-pointer-dot{fill:#22d3ee;r:4}.ll-node-group.success .ll-node-data,.ll-node-group.success .ll-node-next{fill:#4ade8033;stroke:#4ade80;stroke-width:3}.ll-node-group.error .ll-node-data,.ll-node-group.error .ll-node-next{fill:#f8717133;stroke:#f87171;stroke-width:3}.ll-text-val{fill:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;pointer-events:none}.ll-text-addr{fill:var(--text-secondary);font-family:Fira Code,monospace;font-weight:500;font-size:11px;pointer-events:none}.ll-edge{stroke:var(--text-secondary);stroke-width:2;transition:stroke .3s ease,stroke-width .3s ease}.ll-edge.highlighted{stroke:var(--accent-cyan);stroke-width:3}.ll-input{width:100%;background:#0003;border:1px solid var(--border-glass);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-family:Outfit,sans-serif;outline:none;transition:border-color .3s}.ll-input:focus{border-color:var(--accent-cyan)}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:1.2rem;font-weight:500}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.status-bar{padding:1rem;background:#0000004d;border-bottom:1px solid var(--border-glass);color:var(--accent-cyan);font-family:Fira Code,monospace;font-size:.9rem;text-align:center}.sq-container{padding-top:6rem;padding-bottom:4rem;min-height:calc(100vh - 80px)}.sq-header{text-align:center;margin-bottom:2rem}.sq-header h1{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.sq-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;max-width:1400px;margin:0 auto}.sq-card{flex:1;display:flex;flex-direction:column;min-height:500px;padding:0;overflow:hidden}.sq-svg-container{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:16px;position:relative;overflow:hidden}.sq-svg{width:100%;height:100%}.sq-container-outline{fill:none;stroke:var(--text-secondary);stroke-width:4;stroke-linecap:round}.sq-node-group{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.sq-node-rect{fill:var(--bg-glass);stroke:var(--accent-cyan);stroke-width:2;rx:6;ry:6;transition:all .3s ease}.sq-text-val{fill:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700;font-size:18px;pointer-events:none}.sq-text-idx{fill:var(--text-secondary);font-family:Fira Code,monospace;font-weight:500;font-size:12px;pointer-events:none}.sq-node-group.highlighted .sq-node-rect{fill:#06b6d433;stroke:#22d3ee;stroke-width:3}.sq-node-group.success .sq-node-rect{fill:#4ade8033;stroke:#4ade80;stroke-width:3}.sq-node-group.error .sq-node-rect{fill:#f8717133;stroke:#f87171;stroke-width:3}.sq-node-group.fade-out{opacity:0;transform:scale(.8)}@media (max-width: 1024px){.sq-layout{grid-template-columns:1fr}}.sq-input{width:100%;background:#0003;border:1px solid var(--border-glass);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-family:Outfit,sans-serif;outline:none;transition:border-color .3s}.sq-input:focus{border-color:var(--accent-cyan)}.av-container{padding-top:6rem;padding-bottom:4rem;min-height:calc(100vh - 80px)}.av-header{text-align:center;margin-bottom:2rem}.av-header h1{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.av-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;max-width:1400px;margin:0 auto}.av-card{flex:1;display:flex;flex-direction:column;min-height:500px;padding:0;overflow:hidden}.av-svg-container{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:16px;position:relative;overflow:hidden}.av-svg{width:100%;height:100%}.av-slot-outline{fill:#ffffff08;stroke:var(--border-glass);stroke-width:1}.av-node-group{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.av-node-rect{fill:var(--bg-glass);stroke:var(--accent-cyan);stroke-width:2;transition:all .3s ease}.av-text-val{fill:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700;font-size:20px;pointer-events:none}.av-text-idx{fill:var(--text-secondary);font-family:Fira Code,monospace;font-weight:500;font-size:14px;pointer-events:none}.av-node-group.highlighted .av-node-rect{fill:#06b6d433;stroke:#22d3ee;stroke-width:3}.av-node-group.success .av-node-rect{fill:#4ade8033;stroke:#4ade80;stroke-width:3}.av-node-group.error .av-node-rect{fill:#f8717133;stroke:#f87171;stroke-width:3}.av-node-group.shifting .av-node-rect{fill:#e040fb33;stroke:#e040fb;stroke-width:2;stroke-dasharray:4;animation:borderDance .5s linear infinite}@keyframes borderDance{to{stroke-dashoffset:8}}.av-node-group.fade-out{opacity:0;transform:scale(.8) translateY(-20px)}@media (max-width: 1024px){.av-layout{grid-template-columns:1fr}}.av-input{width:100%;background:#0003;border:1px solid var(--border-glass);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-family:Outfit,sans-serif;outline:none;transition:border-color .3s}.av-input:focus{border-color:var(--accent-cyan)}.hm-page-container{padding-top:6rem;padding-bottom:4rem;min-height:calc(100vh - 80px)}.hm-header{text-align:center;margin-bottom:2rem}.hm-header h1{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.hm-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;max-width:1400px;margin:0 auto}.hm-sidebar,.hm-main{display:flex;flex-direction:column}.hm-card{flex:1;display:flex;flex-direction:column;min-height:500px;padding:0;overflow:hidden}.hm-input{width:100%;background:#0003;border:1px solid var(--border-glass);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-family:Outfit,sans-serif;outline:none;transition:border-color .3s}.hm-input:focus{border-color:var(--accent-cyan)}.hm-hash-banner{background:#0006;border-bottom:1px solid var(--border-glass);padding:1rem;text-align:center;font-family:Fira Code,monospace;font-size:1.1rem;color:var(--accent-cyan);min-height:54px;display:flex;align-items:center;justify-content:center}.hm-hash-banner .highlight{color:#fff;background:#ffffff1a;padding:.2rem .5rem;border-radius:4px;margin:0 .5rem}.hm-svg-container{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:0 0 16px 16px;position:relative;overflow:hidden}.hm-svg{width:100%;height:100%}.hm-bucket-rect{fill:#00000080;stroke:var(--border-glass);stroke-width:2;transition:all .3s ease}.hm-bucket-idx{fill:var(--text-secondary);font-family:Fira Code,monospace;font-weight:700;font-size:14px}.hm-node-rect{fill:var(--bg-glass);stroke:var(--accent-cyan);stroke-width:2;transition:all .3s ease}.hm-node-key{fill:var(--accent-cyan);font-family:Outfit,sans-serif;font-weight:700;font-size:16px}.hm-node-val{fill:var(--text-primary);font-family:Outfit,sans-serif;font-size:14px}.hm-link-line{stroke:var(--border-glass);stroke-width:2;marker-end:url(#hm-arrowhead);transition:all .3s ease}.hm-group.scanning .hm-node-rect{fill:#ffb30033;stroke:#ffb300;stroke-width:3}.hm-group.scanning .hm-bucket-rect{fill:#ffb30033;stroke:#ffb300}.hm-group.found .hm-node-rect{fill:#4ade8033;stroke:#4ade80;stroke-width:3}.hm-group.found .hm-bucket-rect{fill:#4ade8033;stroke:#4ade80}.hm-group.removing .hm-node-rect{fill:#f8717133;stroke:#f87171;stroke-width:3}@media (max-width: 1024px){.hm-layout{grid-template-columns:1fr}}.hm-group.tombstone .hm-node-rect{fill:#ffffff0d;stroke:var(--border-glass);stroke-width:1;stroke-dasharray:4}.hm-group.tombstone .hm-node-key{fill:var(--text-secondary);font-style:italic}.hm-group.tombstone .hm-node-val{fill:var(--text-secondary)}.heap-page-container{display:flex;flex-direction:column;min-height:100%}.heap-header{margin-bottom:2rem;text-align:center}.heap-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.heap-layout{grid-template-columns:1fr}}.heap-sidebar{position:sticky;top:2rem}.heap-input{width:100%;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.heap-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff0d}.heap-main{display:flex;flex-direction:column;gap:1.5rem}.heap-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column}.heap-status-bar{padding:1rem;background:#ffffff05;border-bottom:1px solid var(--border-glass);text-align:center;font-weight:500;min-height:3rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.heap-tree-container{padding:2rem;flex-grow:1;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,rgba(168,85,247,.05) 0%,transparent 70%)}.heap-svg{width:100%;max-height:400px;overflow:visible}.heap-node-group{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.heap-node-circle{fill:#1e1e1ee6;stroke:var(--border-glass);stroke-width:2;transition:all .3s ease}.heap-node-text{fill:var(--text-primary);font-weight:600;font-size:16px;pointer-events:none;transition:all .3s ease}.heap-node-idx{fill:var(--text-tertiary);font-size:10px;pointer-events:none}.heap-edge{stroke:var(--border-glass);stroke-width:2;transition:all .3s ease}.heap-array-container{padding:2rem;border-top:1px solid var(--border-glass);background:#0003;display:flex;justify-content:center;align-items:center}.heap-array{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.heap-array-slot{display:flex;flex-direction:column;align-items:center;gap:.5rem}.heap-array-box{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#ffffff08;border:1px solid var(--border-glass);border-radius:8px;font-weight:600;color:var(--text-primary);transition:all .3s ease}.heap-array-idx{font-size:12px;color:var(--text-tertiary)}.heap-state-comparing .heap-node-circle,.heap-array-box.state-comparing{stroke:#fbbf24;fill:#fbbf241a}.heap-state-swapping .heap-node-circle,.heap-array-box.state-swapping{stroke:#f43f5e;fill:#f43f5e1a;transform:scale(1.1)}.heap-state-success .heap-node-circle,.heap-array-box.state-success{stroke:#10b981;fill:#10b9811a}.heap-edge.state-comparing{stroke:#fbbf24;stroke-width:3}.heap-state-extract .heap-node-circle,.heap-array-box.state-extract{stroke:#c084fc;fill:#c084fc33;transform:scale(1.1)}.btree-container{padding-bottom:4rem}.btree-header{margin-bottom:2rem;text-align:center}.btree-header h1{font-size:2.5rem;color:#4ade80;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.btree-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.btree-layout{grid-template-columns:320px 1fr}}.btree-controls-card{padding:1.5rem}.input-row{display:flex;gap:.5rem}.input-row input{flex:1;min-width:0;background:#0003;border:1px solid var(--border-glass);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:1rem;outline:none;transition:all .2s ease}.input-row input:focus{border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033}.input-row button{background:#4ade80;color:#000;border:none;padding:0 1rem;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;flex-shrink:0;transition:all .2s ease}.input-row button:hover:not(:disabled){background:#22c55e}.input-row button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{width:100%;background:#ffffff1a;color:#fff;border:none;padding:.75rem;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.btn-secondary:hover{background:#fff3}.btree-canvas-container{background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:2rem;min-height:500px;overflow-x:auto;position:relative;display:flex;justify-content:center;align-items:flex-start}.tree-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.btree-node-block{display:flex;background:var(--bg-secondary);border:2px solid #4ade80;border-radius:4px;box-shadow:0 4px 6px #0000004d;z-index:10;margin-bottom:2rem;position:relative}.btree-key{padding:.5rem 1rem;min-width:40px;text-align:center;font-weight:700;color:#fff;border-right:1px solid rgba(255,255,255,.2)}.btree-key:last-child{border-right:none}.btree-children-row{display:flex;justify-content:center;gap:2rem;position:relative}.lines-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tree-line{stroke:#fff3;stroke-width:2px;fill:none}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-style:italic}.bitwise-page-container{display:flex;flex-direction:column;min-height:100%}.bitwise-header{margin-bottom:2rem;text-align:center}.bitwise-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.bitwise-layout{grid-template-columns:1fr}}.bitwise-sidebar{position:sticky;top:2rem}.bitwise-input{width:100%;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.bitwise-input:focus{outline:none;border-color:#00e5ff;background:#ffffff0d}.bitwise-main{display:flex;flex-direction:column;gap:1.5rem}.bitwise-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at center,rgba(0,229,255,.03) 0%,transparent 80%)}.bitwise-status-bar{padding:1rem;background:#ffffff05;border-bottom:1px solid var(--border-glass);text-align:center;font-weight:500;min-height:3rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.bitwise-grid-container{padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:auto}.bitwise-row{display:flex;align-items:center;gap:1rem;width:100%;justify-content:center}.bitwise-operand-label{width:40px;text-align:right;font-weight:700;color:var(--text-tertiary);font-size:1.2rem}.bitwise-bits-container{display:flex;gap:.5rem}.bitwise-bit{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#ffffff08;border:1px solid var(--border-glass);border-radius:6px;font-size:1.2rem;font-weight:700;color:var(--text-secondary);transition:all .3s ease;position:relative}.bitwise-bit.is-one{color:#00e5ff;border-color:#00e5ff4d;background:#00e5ff0d;text-shadow:0 0 8px rgba(0,229,255,.5)}.bitwise-bit.is-zero{color:#ffffff4d}.bitwise-bit.state-computing{transform:scale(1.1);border-color:#fbbf24;box-shadow:0 0 15px #fbbf244d;z-index:10}.bitwise-bit.state-result{transform:scale(1.1);border-color:#00e5ff;background:#00e5ff1a;box-shadow:0 0 15px #00e5ff66;z-index:10}.bitwise-divider{width:100%;max-width:800px;height:2px;background:var(--border-glass);position:relative;margin:1rem 0}.bitwise-decimal-value{width:60px;text-align:left;color:var(--text-secondary);font-size:1rem}.bitwise-decimal-value.result{color:#00e5ff;font-weight:700}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.logic-canvas-container{width:100%;height:600px;background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);position:relative}.react-flow__pane{background:radial-gradient(circle at center,rgba(255,255,255,.02) 0%,transparent 80%)}.react-flow__node{border-radius:8px}.react-flow__handle{width:10px;height:10px;background-color:var(--text-secondary);border:2px solid var(--bg-primary)}.react-flow__handle.connecting{background-color:#00e5ff}.react-flow__edge-path{stroke:#fff3;stroke-width:3}.react-flow__edge.state-1 .react-flow__edge-path{stroke:#00e5ff;filter:drop-shadow(0 0 4px rgba(0,229,255,.6))}.react-flow__controls{box-shadow:0 0 10px #00000080}.react-flow__controls-button{background:var(--bg-secondary);border-bottom:1px solid var(--border-glass);fill:var(--text-primary)}.logic-node-custom{background:var(--bg-secondary);border:1px solid var(--border-glass);padding:10px 15px;border-radius:8px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-weight:700;box-shadow:0 4px 6px #0000004d;min-width:80px}.logic-node-custom.input-node{cursor:pointer;border-color:#ffffff4d}.logic-node-custom.input-node.state-1{border-color:#00e5ff;box-shadow:0 0 10px #00e5ff4d;color:#00e5ff}.logic-node-custom.output-node{border-radius:50%;width:50px;height:50px;padding:0;border-width:2px}.logic-node-custom.output-node.state-1{background:#00e5ff1a;border-color:#00e5ff;box-shadow:0 0 20px #00e5ff99}.logic-node-custom.gate-node{border-color:var(--text-secondary)}.logic-palette{position:absolute;top:10px;left:10px;z-index:5;background:#12121ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);padding:10px;border-radius:8px;display:flex;gap:10px}.logic-palette button{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-primary);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease}.logic-palette button:hover{background:#ffffff1a;border-color:var(--text-secondary)}.logic-canvas-help{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#12121ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent-cyan);color:var(--text-primary);padding:10px 20px;border-radius:var(--radius-full);font-size:.9rem;z-index:5;box-shadow:var(--shadow-glow-cyan);pointer-events:none;text-align:center}.node-label-input{background:transparent;border:none;border-bottom:1px dashed rgba(255,255,255,.3);color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:700;width:60px;text-align:right;outline:none;margin-right:5px;transition:all .2s ease}.node-label-input:focus{border-bottom-color:#00e5ff}.node-close-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10}.logic-node-custom:hover .node-close-btn{opacity:1}.node-close-btn:hover{background:#ff174433;color:var(--danger);border-color:var(--danger)}.logic-page-container{display:flex;flex-direction:column;min-height:100%}.logic-header{margin-bottom:2rem;text-align:center}.logic-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.logic-layout{grid-template-columns:1fr}}.logic-sidebar{position:sticky;top:2rem}.logic-input{width:100%;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.logic-input:focus{outline:none;border-color:#00e5ff;background:#ffffff0d}.logic-main{display:flex;flex-direction:column;gap:1.5rem}.logic-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at center,rgba(0,229,255,.03) 0%,transparent 80%)}.logic-status-bar{padding:1rem;background:#ffffff05;border-bottom:1px solid var(--border-glass);text-align:center;font-weight:500;min-height:3rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.logic-circuit-container{padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:auto;min-height:500px}.logic-svg{width:100%;max-width:800px;height:auto;overflow:visible}.logic-wire{fill:none;stroke:var(--border-glass);stroke-width:4;stroke-linejoin:round;transition:all .3s ease}.logic-wire.state-1{stroke:#00e5ff;filter:drop-shadow(0 0 4px rgba(0,229,255,.6))}.logic-wire.state-0{stroke:#fff3}.logic-gate{fill:#00000080;stroke:var(--text-secondary);stroke-width:2;transition:all .3s ease}.logic-gate.active{stroke:#00e5ff;fill:#00e5ff0d}.logic-gate-text{fill:var(--text-primary);font-size:16px;font-family:var(--font-header);font-weight:700;pointer-events:none}.logic-node{fill:var(--bg-primary);stroke:var(--text-secondary);stroke-width:2;cursor:pointer;transition:all .2s ease}.logic-node:hover{transform:scale(1.2);stroke:#00e5ff}.logic-node.state-1{fill:#00e5ff;stroke:#00e5ff;filter:drop-shadow(0 0 6px rgba(0,229,255,.8))}.logic-node.state-0{fill:transparent;stroke:#fff6}.logic-node-label{fill:var(--text-secondary);font-size:18px;font-weight:700;pointer-events:none}.logic-node-label.state-1{fill:#00e5ff}.logic-label{fill:var(--text-tertiary);font-size:14px}.float-page-container{display:flex;flex-direction:column;min-height:100%}.float-header{margin-bottom:2rem;text-align:center}.float-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.float-layout{grid-template-columns:1fr}}.float-sidebar{position:sticky;top:2rem}.float-input{width:100%;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.float-input:focus{outline:none;border-color:#00e5ff;background:#ffffff0d}.float-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem}.float-preset-btn{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-secondary);padding:.5rem;border-radius:4px;font-size:.85rem;transition:all .2s;cursor:pointer}.float-preset-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:#ffffff4d}.float-main{display:flex;flex-direction:column;gap:1.5rem}.float-card{padding:2rem;background:radial-gradient(circle at center,rgba(255,255,255,.02) 0%,transparent 80%)}.bit-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.bit-group-label{display:flex;justify-content:space-between;font-family:var(--font-header);font-weight:700;font-size:.9rem;margin-bottom:.5rem}.bit-label-sign{color:#ff1744;text-shadow:0 0 10px rgba(255,23,68,.5)}.bit-label-exponent{color:#9d4edd;text-shadow:0 0 10px rgba(157,78,221,.5)}.bit-label-mantissa{color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.5)}.bit-boxes{display:flex;flex-wrap:wrap;gap:4px;font-family:JetBrains Mono,Fira Code,monospace}.bit-box{width:24px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid;border-radius:4px;font-size:1rem;font-weight:700;transition:all .3s ease}@media (max-width: 768px){.bit-box{width:20px;height:28px;font-size:.85rem}}.bit-box.bit-sign{border-color:#ff174466;color:#ff1744}.bit-box.bit-sign.bit-1{background:#ff174433;border-color:#ff1744;box-shadow:0 0 8px #ff174499}.bit-box.bit-exponent{border-color:#9d4edd66;color:#9d4edd}.bit-box.bit-exponent.bit-1{background:#9d4edd33;border-color:#9d4edd;box-shadow:0 0 8px #9d4edd99}.bit-box.bit-mantissa{border-color:#00e5ff66;color:#00e5ff}.bit-box.bit-mantissa.bit-1{background:#00e5ff26;border-color:#00e5ff;box-shadow:0 0 8px #00e5ff99}.float-math-panel{background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.5rem;font-family:JetBrains Mono,Fira Code,monospace}.math-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.math-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.math-label{color:var(--text-secondary);font-size:.9rem}.math-value{font-size:1.1rem;color:var(--text-primary)}.math-formula{background:#ffffff08;padding:1rem;border-radius:8px;text-align:center;font-size:1.2rem;margin-top:1rem;line-height:1.6}.math-highlight{font-weight:700}.assembly-page-container{display:flex;flex-direction:column;min-height:100%}.assembly-header{margin-bottom:2rem;text-align:center}.assembly-layout{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.assembly-layout{grid-template-columns:1fr}}.assembly-editor-container{position:relative;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.assembly-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid var(--border-glass);font-family:var(--font-header);font-size:.9rem;color:var(--text-secondary)}.assembly-editor-content{display:flex;min-height:300px;max-height:500px}.assembly-line-numbers{padding:1rem .5rem;background:#0003;border-right:1px solid var(--border-glass);color:var(--text-tertiary);font-family:JetBrains Mono,monospace;font-size:.9rem;text-align:right;-webkit-user-select:none;user-select:none}.assembly-line-number{line-height:1.5;padding:0 .5rem}.assembly-line-number.active{color:#00e5ff;font-weight:700;background:#00e5ff1a;border-radius:4px}.assembly-textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.5;padding:1rem;resize:none;outline:none;white-space:pre;overflow:auto}.assembly-controls{display:flex;gap:.5rem;padding:1rem;background:#ffffff05;border-top:1px solid var(--border-glass)}.assembly-error{padding:.75rem 1rem;background:#ff17441a;border-left:4px solid #ff1744;color:#ff1744;font-size:.85rem;font-family:JetBrains Mono,monospace;margin-top:1rem;border-radius:4px}.assembly-main{display:flex;flex-direction:column;gap:1.5rem}.assembly-visuals-grid{display:grid;grid-template-columns:250px 1fr;gap:1.5rem}@media (max-width: 768px){.assembly-visuals-grid{grid-template-columns:1fr}}.registers-panel{display:flex;flex-direction:column;gap:1rem}.register-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid var(--border-glass);padding:.75rem 1rem;border-radius:var(--radius-md);transition:all .3s ease}.register-card.updated{background:#00e5ff26;border-color:#00e5ff;box-shadow:0 0 15px #00e5ff4d}.register-label{font-weight:700;color:var(--text-secondary);font-family:var(--font-header)}.register-value{font-family:JetBrains Mono,monospace;font-size:1.2rem;color:var(--text-primary);background:#0000004d;padding:.25rem .5rem;border-radius:4px;min-width:48px;text-align:center}.memory-panel{display:flex;flex-direction:column}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.memory-cell{background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.memory-cell.updated{background:#9d4edd33;border-color:#9d4edd;box-shadow:0 0 15px #9d4edd4d}.memory-address{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.memory-value{font-family:JetBrains Mono,monospace;font-size:1.1rem;color:var(--text-primary)}.cache-page-container{display:flex;flex-direction:column;min-height:100%}.cache-header{margin-bottom:2rem;text-align:center}.cache-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.cache-layout{grid-template-columns:1fr}}.cache-sidebar{position:sticky;top:2rem}.cache-log{margin-top:1rem;background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1rem;max-height:300px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:.85rem}.log-entry{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.log-entry:last-child{border-bottom:none}.log-hit{color:#00e676}.log-miss{color:#ff1744}.log-evict{color:#ff9100}.cache-main{display:flex;flex-direction:column;gap:2rem}.cache-panel{padding:1.5rem}.cache-lines-grid{display:flex;flex-direction:column;gap:1rem}.cache-line{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:.75rem 1rem;gap:1rem;transition:all .3s ease}.cache-line.empty{opacity:.5;border-style:dashed}.cache-line-meta{display:flex;flex-direction:column;min-width:80px;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary)}.cache-line-blocks{display:flex;gap:.5rem;flex:1}.cache-address-box{flex:1;background:#0000004d;border:1px solid var(--border-glass);border-radius:4px;padding:.5rem;text-align:center;font-family:JetBrains Mono,monospace;transition:all .3s ease}.status-hit{background:#00e67626!important;border-color:#00e676!important;box-shadow:0 0 15px #00e6764d!important;color:#00e676!important}.status-miss{background:#ff174426!important;border-color:#ff1744!important;box-shadow:0 0 15px #ff17444d!important;color:#ff1744!important}.status-evict{background:#ff910026!important;border-color:#ff9100!important;box-shadow:0 0 15px #ff91004d!important}.status-load{background:#00e5ff26!important;border-color:#00e5ff!important;box-shadow:0 0 15px #00e5ff4d!important}.memory-blocks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.memory-blocks-grid{grid-template-columns:repeat(2,1fr)}}.memory-block{background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:.75rem;transition:all .3s ease;cursor:pointer}.memory-block:hover{background:#ffffff0d;border-color:#ffffff4d}.memory-block-header{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;text-align:center;font-family:var(--font-header)}.memory-block-addresses{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.mem-addr{background:#0003;border:1px solid transparent;padding:.25rem;text-align:center;font-family:JetBrains Mono,monospace;font-size:.8rem;border-radius:4px;color:var(--text-tertiary);transition:all .2s ease}.mem-addr:hover{color:var(--text-primary);background:#ffffff1a}.pipeline-page-container{display:flex;flex-direction:column;min-height:100%}.pipeline-header{margin-bottom:2rem;text-align:center}.pipeline-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.pipeline-layout{grid-template-columns:1fr}}.pipeline-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.pipeline-select{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;margin-bottom:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pipeline-main{display:flex;flex-direction:column;gap:2rem}.hardware-panel{padding:2rem}.hardware-stages{display:flex;justify-content:space-between;align-items:center;position:relative;gap:1rem}.hardware-stages:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#ffffff1a;z-index:0}.hw-stage-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1;flex:1}.hw-stage-box{width:100%;height:100px;background:#12121ae6;border:2px solid;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;text-align:center;padding:.5rem;transition:all .3s ease;position:relative}.hw-stage-label{font-family:var(--font-header);font-weight:700;color:var(--text-secondary)}.stage-if{border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 10px #00e5ff33}.stage-id{border-color:#b388ff;color:#b388ff;box-shadow:0 0 10px #b388ff33}.stage-ex{border-color:#ff1744;color:#ff1744;box-shadow:0 0 10px #ff174433}.stage-mem{border-color:#ff9100;color:#ff9100;box-shadow:0 0 10px #ff910033}.stage-wb{border-color:#00e676;color:#00e676;box-shadow:0 0 10px #00e67633}.hw-stage-box.active{background:#ffffff1a}.hw-stage-box.stall{background:repeating-linear-gradient(45deg,#ff17441a,#ff17441a 10px,#12121ae6 10px,#12121ae6 20px);color:#ff1744}.hw-instr-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-panel{padding:1.5rem;overflow-x:auto}.timeline-grid{display:grid;gap:2px;font-family:JetBrains Mono,monospace;font-size:.85rem}.timeline-header-row,.timeline-instr-row{display:contents}.timeline-cell{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:.5rem;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;transition:all .2s ease}.timeline-header-cell{background:#0000004d;font-weight:700;color:var(--text-secondary)}.timeline-instr-cell{background:#0000004d;justify-content:flex-start;padding-left:1rem;min-width:150px;font-weight:700}.cell-IF{background:#00e5ff26;color:#00e5ff;border-color:#00e5ff}.cell-ID{background:#b388ff26;color:#b388ff;border-color:#b388ff}.cell-EX{background:#ff174426;color:#ff1744;border-color:#ff1744}.cell-MEM{background:#ff910026;color:#ff9100;border-color:#ff9100}.cell-WB{background:#00e67626;color:#00e676;border-color:#00e676}.cell-STALL{background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 5px,#0003 5px,#0003 10px);color:var(--text-tertiary)}.cell-FLUSH{background:#ff17441a;color:#ff1744;text-decoration:line-through}.sieve-page-container{display:flex;flex-direction:column;min-height:100%}.sieve-header{margin-bottom:2rem;text-align:center}.sieve-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.sieve-layout{grid-template-columns:1fr}}.sieve-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.sieve-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.stat-box{background:#0003;border:1px solid var(--border-glass);padding:1rem;border-radius:var(--radius-sm);text-align:center}.stat-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:1px}.stat-value{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.sieve-slider-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.sieve-slider{width:100%;accent-color:#00e676}.sieve-status{padding:1rem;background:#00e6761a;border-left:4px solid #00e676;border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:.85rem;color:#00e676;margin-bottom:1.5rem;min-height:60px;display:flex;align-items:center}.sieve-status.evaluating{background:#00e5ff1a;border-color:#00e5ff;color:#00e5ff}.sieve-main{display:flex;flex-direction:column;align-items:center}.sieve-grid-container{width:100%;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2rem;display:flex;justify-content:center;align-items:center;min-height:500px}.sieve-grid{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:800px}.sieve-cell{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative}.size-small .sieve-cell{width:50px;height:50px;font-size:1.2rem}.size-medium .sieve-cell{width:40px;height:40px;font-size:1rem;gap:2px}.size-large .sieve-cell{width:28px;height:28px;font-size:.75rem;gap:2px;border-radius:2px}.size-xlarge .sieve-cell{width:20px;height:20px;font-size:.6rem;gap:1px;border-radius:2px;border:none}.sieve-cell.prime{background:#00e67633;border-color:#00e676;color:#00e676;box-shadow:0 0 10px #00e6764d;transform:scale(1.05);z-index:10}.sieve-cell.active-prime{background:#00e676;color:#000;box-shadow:0 0 20px #00e67699;transform:scale(1.15);z-index:20}.sieve-cell.evaluating{background:#00e5ff4d;border-color:#00e5ff;color:#00e5ff;transform:scale(1.1);z-index:15}.sieve-cell.composite{background:#0006;border-color:#ffffff05;color:var(--text-tertiary);opacity:.5;transform:scale(.95)}.sieve-cell.composite:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:#ff1744;transform:translateY(-50%) rotate(-45deg);opacity:.7}.sieve-legend{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.legend-color{width:16px;height:16px;border-radius:4px}.modular-page-container{display:flex;flex-direction:column;min-height:100%}.modular-header{margin-bottom:2rem;text-align:center}.modular-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.modular-layout{grid-template-columns:1fr}}.lesson-panel{max-height:80vh;overflow-y:auto;padding-right:1rem;display:flex;flex-direction:column;gap:2rem}.lesson-section{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease}.lesson-section.active{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff1a;background:#00e5ff05}.lesson-title{font-family:var(--font-header);font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.lesson-text{color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin-bottom:1.5rem}.lesson-text strong{color:var(--text-primary)}.lesson-interactive{background:#0000004d;padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:1.1rem}.inline-input{width:60px;background:#ffffff1a;border:1px solid var(--border-glass);border-radius:4px;color:#00e5ff;font-family:inherit;font-size:inherit;font-weight:700;text-align:center;padding:.25rem;transition:all .2s ease}.inline-input:focus{outline:none;border-color:#00e5ff;background:#00e5ff1a}.inline-input.mod-input{color:#ff4081}.inline-input.mod-input:focus{border-color:#ff4081;background:#ff40811a}.visual-panel{position:sticky;top:2rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:500px}.visual-title{font-family:var(--font-header);font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.modular-svg-container{width:100%;max-width:400px;aspect-ratio:1;position:relative}.clock-svg{width:100%;height:100%;overflow:visible}.clock-circle{fill:none;stroke:#ffffff1a;stroke-width:2}.clock-node{fill:var(--bg-secondary);stroke:var(--border-glass);stroke-width:2;transition:all .3s ease}.clock-node.active-start{fill:#00e5ff;stroke:#00e5ff;box-shadow:0 0 10px #00e5ff}.clock-node.active-end{fill:#ff4081;stroke:#ff4081}.clock-node.path-node{fill:#b388ff;stroke:#b388ff}.clock-text{fill:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none;pointer-events:none;transition:all .3s ease}.clock-text.active-start,.clock-text.active-end,.clock-text.path-node{fill:#fff}.path-line{fill:none;stroke:#b388ff;stroke-width:3;stroke-linecap:round;opacity:.6;animation:drawPath 1s ease-in-out forwards}@keyframes drawPath{0%{stroke-dasharray:0,1000}to{stroke-dasharray:1000,1000}}.math-result{margin-top:2rem;font-family:JetBrains Mono,monospace;font-size:1.5rem;color:#fff;background:#0000004d;padding:1rem 2rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);text-align:center}.math-result span.highlight-start{color:#00e5ff}.math-result span.highlight-mod{color:#ff4081}.math-result span.highlight-end{color:#b388ff}.combinatorics-container{padding-bottom:4rem}.combinatorics-header{margin-bottom:2rem;text-align:center}.combinatorics-header h1{font-size:2.5rem;color:#00e676;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.combinatorics-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.combinatorics-layout{grid-template-columns:320px 1fr}}.control-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.toggle-group{display:flex;background:#0003;border-radius:var(--radius-sm);padding:.25rem;margin-bottom:1.5rem}.toggle-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:all .2s ease}.toggle-btn.active{background:#00e676;color:#000;box-shadow:0 0 10px #00e6764d}.math-formula-box{background:#00e6760d;border:1px solid rgba(0,230,118,.2);border-radius:var(--radius-sm);padding:1rem;margin-top:1.5rem;font-family:monospace}.math-title{color:#00e676;font-size:.9rem;margin-bottom:.5rem;font-weight:700}.math-equation{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary)}.math-expansion{color:var(--text-secondary);font-size:.9rem}.combinatorics-main{display:flex;flex-direction:column;gap:1.5rem}.pool-card{padding:1.5rem}.pool-title{margin-top:0;margin-bottom:1rem;color:var(--text-secondary);font-size:1.1rem}.pool-items{display:flex;gap:1rem;flex-wrap:wrap}.ball{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 4px 6px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.5)}.results-card{padding:1.5rem;flex:1}.results-header h3{margin:0;color:#00e676}.result-count{background:#00e6761a;color:#00e676;padding:.25rem .75rem;border-radius:999px;font-weight:700;font-family:monospace;font-size:1.1rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.result-set{background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:.75rem;display:flex;gap:.5rem;justify-content:center;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.result-set:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00e6761a;border-color:#00e6764d}.result-set .ball{width:24px;height:24px;font-size:.8rem}.color-0{background:linear-gradient(135deg,#ef5350,#c62828)}.color-1{background:linear-gradient(135deg,#42a5f5,#1565c0)}.color-2{background:linear-gradient(135deg,#66bb6a,#2e7d32)}.color-3{background:linear-gradient(135deg,#ab47bc,#6a1b9a)}.color-4{background:linear-gradient(135deg,#ffa726,#ef6c00)}.derangement-container{padding-bottom:4rem}.derangement-header{margin-bottom:2rem;text-align:center}.derangement-header h1{font-size:2.5rem;color:#facc15;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.derangement-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.derangement-layout{grid-template-columns:320px 1fr}}.control-group{margin-bottom:1.5rem}.control-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.derangement-main{display:flex;flex-direction:column;gap:1.5rem}.original-set-card{padding:1.5rem;text-align:center}.hats-container{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.hat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hat-icon{font-size:2rem}.person-icon{font-size:1.5rem;opacity:.5}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-glass)}.results-header h3{margin:0;color:#facc15}.stats-badges{display:flex;gap:.5rem}.badge{padding:.25rem .75rem;border-radius:999px;font-weight:700;font-family:monospace;font-size:.9rem}.badge.total{background:#ffffff1a;color:var(--text-primary)}.badge.derangements{background:#00e6761a;color:#00e676}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.permutation-box{background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.permutation-box.is-derangement{border-color:#00e676;background:#00e6760d}.permutation-box.not-derangement{border-color:#ef535080;opacity:.7}.perm-items{display:flex;justify-content:space-around}.perm-item{display:flex;flex-direction:column;align-items:center}.perm-item .hat-icon{font-size:1.5rem}.perm-item .person-icon{font-size:1rem;opacity:.5}.perm-item.match{background:#ef535033;border-radius:4px;padding:2px}.math-box{background:#facc150d;border:1px solid rgba(250,204,21,.2);border-radius:var(--radius-sm);padding:1rem;margin-top:1.5rem;font-family:monospace}.math-title{color:#facc15;font-size:.9rem;margin-bottom:.5rem;font-weight:700}.math-equation{font-size:1.1rem;color:var(--text-primary);line-height:1.5}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem 0}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .1);--border-glass: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a0a0b0;--accent-cyan: #00f0ff;--accent-purple: #9d4edd;--accent-pink: #ff007f;--success: #00e676;--danger: #ff1744;--warning: #ffea00;--font-body: "Inter", sans-serif;--font-header: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-glow-cyan: 0 0 20px rgba(0, 240, 255, .3);--shadow-glow-purple: 0 0 20px rgba(157, 78, 221, .3);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(157,78,221,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(0,240,255,.08),transparent 25%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:700;letter-spacing:-.02em}button{font-family:inherit;border:none;cursor:pointer;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-glass-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.flex-center{display:flex;align-items:center;justify-content:center}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-md)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23a0a0b0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem top 50%;background-size:.65rem auto;cursor:pointer}select::-ms-expand{display:none}