.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--color-surface);border-radius:16px;padding:24px;max-width:900px;width:90%;max-height:85vh;overflow-y:auto}.modal-content-large{max-width:1100px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;line-height:1}.view-toggle{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:var(--color-bg);border-radius:10px;width:fit-content}.view-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.view-btn:hover{color:var(--color-text)}.view-btn.active{background:var(--color-surface);color:var(--color-accent);box-shadow:0 2px 8px #0000001a}.view-btn svg{flex-shrink:0}.modal-view{transition:opacity .2s}.modal-view.hidden{display:none}.map-hint{text-align:center;color:var(--color-text-muted);font-size:.875rem;margin-bottom:12px}.map-wrapper{border-radius:12px;overflow:hidden}.map-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-secondary)}.legend-swatch{width:24px;height:16px;border-radius:3px;border:1px solid var(--color-border)}.legend-swatch.endemic{background:#9567e4}.legend-swatch.macro{background:repeating-linear-gradient(45deg,hsl(262,75%,50%),hsl(262,75%,50%) 2px,transparent 2px,transparent 4px)}.legend-swatch.mixed{background:#9567e4;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(99,102,241,.5) 2px,rgba(99,102,241,.5) 4px)}.search-box input{width:100%;padding:12px 16px;font-size:1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text)}.search-box input:focus{outline:none;border-color:var(--color-accent)}.lang-filters{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:20px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem}.filter-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;max-height:400px;overflow-y:auto}.lang-card{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.lang-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.lang-code{font-size:.7rem;font-weight:700;color:var(--color-accent);text-transform:uppercase}.lang-name{font-weight:600;color:var(--color-text)}.lang-vocab{font-size:.75rem;color:var(--color-text-muted)}.hero-playground{padding:28px 0 20px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border);text-align:center}.hero-playground h1{font-size:1.75rem;margin-bottom:6px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1rem;color:var(--color-text-secondary);margin-bottom:16px}.status-bar{display:grid;grid-template-columns:auto 1fr auto;gap:1px;max-width:700px;margin:0 auto;background:var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.status-section{background:var(--color-surface);padding:12px 16px;display:flex;align-items:center;gap:10px;min-height:52px}.status-selector{cursor:pointer;border:none;font:inherit;transition:background .2s}.status-selector:hover{background:var(--color-bg)}.status-selector .status-icon{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}.status-selector .status-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.status-selector .status-chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform .2s}.status-selector:hover .status-chevron{transform:translateY(2px);color:var(--color-accent)}.status-display{justify-content:center;min-width:180px}.lang-state{display:flex;align-items:center;gap:10px}.lang-state.hidden{display:none}.lang-state-empty{color:var(--color-text-muted);font-size:.875rem}.lang-state-empty .empty-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);animation:empty-pulse 2s ease-in-out infinite}@keyframes empty-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.lang-state-active .lang-badge{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#fff;padding:4px 10px;border-radius:6px;font-weight:700;font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.lang-state-active .lang-name{font-weight:600;color:var(--color-text);font-size:.95rem}.status-env{min-width:200px}.env-state{display:flex;align-items:center;gap:10px;width:100%}.env-state.hidden{display:none}.env-state-loading .env-spinner{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.env-state-loading .env-spinner svg{width:100%;height:100%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.env-state-loading .env-info{flex:1;min-width:0}.env-state-loading .env-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.env-progress{display:flex;align-items:center;gap:8px}.env-progress-track{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.env-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark));border-radius:3px;transition:width .3s ease;position:relative}.env-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.env-pct{font-size:.75rem;font-weight:600;color:var(--color-accent);font-family:var(--font-mono);min-width:32px;text-align:right}.env-state-ready{justify-content:center}.env-state-ready .env-check{width:22px;height:22px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:check-pop .3s ease-out}.env-state-ready .env-check svg{width:14px;height:14px}@keyframes check-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.env-state-ready .env-ready-label{font-size:.875rem;font-weight:600;color:#10b981}@media(max-width:640px){.status-bar{grid-template-columns:1fr;max-width:100%}.status-section{justify-content:center}.status-display{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}}.loading-overlay{position:fixed;inset:0;z-index:200;background:#000000e6;display:flex;align-items:center;justify-content:center}.loading-overlay.hidden{display:none}.loading-card{background:var(--color-surface);border-radius:16px;padding:40px;text-align:center;max-width:400px;width:90%}.loading-card h3{margin:24px 0 8px;font-size:1.25rem}.loading-card p{color:var(--color-text-secondary);margin-bottom:24px}.progress-container{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark));border-radius:4px;transition:width .3s;width:0%}.progress-text{display:block;margin-top:12px;font-size:.875rem;color:var(--color-text-secondary)}.dna-helix-spinner{width:80px;height:100px;margin:0 auto;perspective:200px}.helix-svg{width:100%;height:100%;animation:dna-rotate 2.5s linear infinite;transform-style:preserve-3d}.helix-backbone{fill:none;stroke-width:3;stroke-linecap:round}.helix-backbone.left{stroke:var(--color-accent)}.helix-backbone.right{stroke:var(--color-accent-dark, #6366f1)}.base-pair{stroke:var(--color-text-muted, #888);stroke-width:2;stroke-dasharray:3 2;opacity:.6}.nucleotide{fill:var(--color-accent)}.nucleotide:nth-child(2n){fill:var(--color-accent-dark, #6366f1)}.n1,.n2{animation:nuc-pulse 2.5s ease-in-out infinite 0s}.n3,.n4{animation:nuc-pulse 2.5s ease-in-out infinite .2s}.n5,.n6{animation:nuc-pulse 2.5s ease-in-out infinite .4s}.n7,.n8{animation:nuc-pulse 2.5s ease-in-out infinite .6s}.n9,.n10{animation:nuc-pulse 2.5s ease-in-out infinite .8s}.n11,.n12{animation:nuc-pulse 2.5s ease-in-out infinite 1s}@keyframes dna-rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes nuc-pulse{0%,to{r:4;opacity:1}50%{r:5;opacity:.8}}.playground-main{padding:48px 0}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.demo-grid.hidden{display:none}.demo-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:32px;transition:all .3s}.demo-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:var(--color-accent)}.demo-icon{width:60px;height:60px;margin-bottom:20px;color:var(--color-accent)}.demo-icon svg{width:100%;height:100%}.demo-card h3{font-size:1.25rem;margin-bottom:8px}.demo-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:20px}.demo-btn{width:100%;padding:12px;background:var(--color-accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.demo-btn:hover{opacity:.9}.dna-icon-wrapper{perspective:150px}.dna-card-icon{animation:dna-spin 4s linear infinite;transform-style:preserve-3d}@keyframes dna-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.flow-illustration{display:flex;align-items:center;gap:4px}.flow-node{font-size:.6rem;padding:3px 6px;background:rgba(var(--color-accent-rgb, 139, 92, 246),.1);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary)}.flow-node.seed{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.flow-arrow{color:var(--color-accent);opacity:.6}.weaver-illustration{display:flex;align-items:center;gap:4px}.weave-node{font-size:.6rem;padding:3px 6px;background:rgba(var(--color-accent-rgb, 139, 92, 246),.15);border:1px solid var(--color-accent);border-radius:3px;color:var(--color-accent)}.weave-arrow{color:var(--color-accent);font-size:.7rem;opacity:.6}.zipf-illustration{display:flex;align-items:flex-end;gap:3px;height:45px}.zipf-bar{width:6px;background:var(--color-accent);border-radius:2px 2px 0 0}.zipf-bar.b1{height:100%}.zipf-bar.b2{height:60%;opacity:.9}.zipf-bar.b3{height:40%;opacity:.8}.zipf-bar.b4{height:28%;opacity:.7}.zipf-bar.b5{height:20%;opacity:.6}.zipf-bar.b6{height:15%;opacity:.5}.zipf-bar.b7{height:12%;opacity:.4}.museum-illustration{display:flex;flex-direction:column;gap:2px}.museum-word{font-size:.65rem;font-style:italic;color:var(--color-text-secondary);letter-spacing:.3px}.museum-word.w1{color:var(--color-accent);font-weight:600;font-size:.7rem}.museum-word.w2{opacity:.7;font-size:.6rem}.museum-word.w3{opacity:.5;font-size:.55rem}.bridge-illustration{display:flex;align-items:center;gap:6px}.bridge-word{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:4px;background:rgba(var(--color-accent-rgb, 139, 92, 246),.15);border:1px solid var(--color-accent);color:var(--color-accent)}.bridge-connector{width:16px;height:2px;background:var(--color-accent);position:relative}.bridge-connector:before,.bridge-connector:after{content:"";position:absolute;width:4px;height:4px;background:var(--color-accent);border-radius:50%;top:50%;transform:translateY(-50%)}.bridge-connector:before{left:-2px}.bridge-connector:after{right:-2px}.demo-display{background:var(--color-surface);border-radius:16px;padding:32px;border:1px solid var(--color-border)}.demo-display.hidden{display:none}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-accent);font-size:1rem;cursor:pointer;margin-bottom:24px;padding:0}.back-btn:hover{text-decoration:underline}.demo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--color-text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.demo-header{margin-bottom:32px}.demo-header h2{font-size:2rem;margin-bottom:4px}.demo-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.stats-row{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.stat-box{background:var(--color-bg);padding:20px 28px;border-radius:12px;text-align:center;flex:1;min-width:140px}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--color-accent)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}.dna-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:32px}.dna-section{background:var(--color-bg);border-radius:12px;padding:24px}.dna-section.full-width{grid-column:1 / -1}.dna-section h3{font-size:1.1rem;margin-bottom:4px}.section-hint{color:var(--color-text-muted);font-size:.875rem;margin-bottom:16px}.char-chart{width:100%;height:auto}.char-chart .char-label{font-family:var(--font-mono);font-size:14px;fill:var(--color-text)}.char-chart .char-bar{fill:var(--color-accent);animation:bar-grow .5s ease-out forwards;transform-origin:left}.char-chart .char-pct{font-size:11px;fill:var(--color-text-secondary)}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.len-chart{width:100%;height:auto}.len-chart .len-bar{fill:var(--color-accent);animation:bar-rise .5s ease-out forwards;transform-origin:bottom}.len-chart .len-label{font-size:10px;fill:var(--color-text-secondary);text-anchor:middle}@keyframes bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.word-cloud{line-height:2.2}.cloud-word{display:inline-block;padding:4px 10px;margin:4px;background:var(--color-surface);border-radius:4px;color:var(--color-accent-dark);animation:fade-in .3s ease-out forwards;opacity:0}@keyframes fade-in{to{opacity:1}}.char-grid{display:flex;flex-wrap:wrap;gap:6px}.char-cell{padding:8px 12px;background:var(--color-surface);border-radius:4px;font-family:var(--font-mono);font-size:1rem}.flow-input-wrapper{position:relative;margin-bottom:16px}.flow-input{display:flex;gap:12px}.flow-input input{flex:1;padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1rem}.flow-input input:focus{outline:none;border-color:var(--color-accent)}.flow-suggestions{position:absolute;top:100%;left:0;right:80px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:4px;padding:8px;display:none;flex-wrap:wrap;gap:8px;z-index:10;box-shadow:0 4px 12px #00000026}.flow-suggestions.visible{display:flex}.suggestion-item{padding:6px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .15s ease}.suggestion-item:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.primary-btn{padding:12px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap}.primary-btn:hover{opacity:.9}.flow-instructions{display:flex;gap:20px;justify-content:center;margin-bottom:16px;font-size:.8rem;color:var(--color-text-muted)}.instruction-item{display:flex;align-items:center;gap:6px}.instruction-item .dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-accent);background:var(--color-surface)}.instruction-item .dot.selected{background:var(--color-accent);border-color:var(--color-accent)}.flow-container{background:var(--color-bg);border-radius:12px;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border)}.flow-hint{color:var(--color-text-muted)}.flow-svg{width:100%;height:auto}.flow-svg .node rect{transition:fill .15s ease,stroke .15s ease,stroke-width .15s ease}.flow-svg .node text{transition:fill .15s ease}.flow-svg .node.selected rect{filter:drop-shadow(0 0 8px var(--color-accent))}.flow-svg .node.seed rect{filter:drop-shadow(0 0 6px var(--color-accent))}.flow-svg .edges-layer path{transition:stroke .15s ease,stroke-opacity .15s ease,stroke-width .15s ease}.sentence-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;margin-top:16px;min-height:80px}.sentence-panel h4{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 12px;font-weight:500}.sentence-empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.9rem;min-height:48px}.sentence-loading{display:flex;align-items:center;justify-content:center;min-height:48px}.spinner.small{width:24px;height:24px;border-width:2px}.sentence-list{display:flex;flex-direction:column;gap:8px}.sentence-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-bg);border-radius:8px;transition:background .15s ease}.sentence-item:hover{background:var(--color-surface-alt)}.sentence-rank{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:50%;font-size:.7rem;font-weight:600;flex-shrink:0}.sentence-text{flex:1;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text);word-break:break-word}.sentence-prob{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0}.sentence-perplexity{font-size:.75rem;color:var(--color-accent);font-family:var(--font-mono);flex-shrink:0;background:var(--color-accent-light);padding:2px 8px;border-radius:10px}.sentence-hint{font-weight:400;font-size:.75rem;color:var(--color-text-muted);margin-left:8px}.weaver-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-width:500px}.control-row{display:flex;flex-direction:column;gap:8px}.control-row label{font-size:.9rem;color:var(--color-text-secondary)}.control-row input[type=text]{padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1rem}.control-row input[type=range]{width:100%}.weaver-output{background:var(--color-bg);border-radius:12px;padding:24px;min-height:150px;line-height:1.8;font-size:1.1rem}.output-hint{color:var(--color-text-muted);margin:0}.generating{display:flex;gap:4px}.generating .dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.generating .dot:nth-child(1){animation-delay:-.32s}.generating .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typed-word{display:inline;animation:type-in .2s ease-out forwards;opacity:0}@keyframes type-in{to{opacity:1}}.zipf-chart-container{background:var(--color-bg);border-radius:12px;padding:20px;margin-bottom:24px}.zipf-chart{width:100%;height:auto}.zipf-line{animation:draw-line 1.5s ease-out forwards;stroke-dasharray:2000;stroke-dashoffset:2000}@keyframes draw-line{to{stroke-dashoffset:0}}.zipf-insight{background:var(--color-accent-light);padding:20px;border-radius:12px;margin-bottom:24px}.zipf-insight h3{color:var(--color-accent-dark);margin-bottom:8px}.zipf-insight p{color:var(--color-accent-dark);margin:0}.zipf-table h3{margin-bottom:12px}.zipf-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--color-bg);border-radius:8px;margin-bottom:8px}.zipf-rank{color:var(--color-text-muted);font-size:.875rem;width:40px}.zipf-word{flex:1;font-weight:600}.zipf-freq{color:var(--color-accent);font-size:.9rem}.exhibit-section{margin-bottom:40px}.exhibit-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.exhibit-icon{font-size:2rem}.exhibit-header h3{margin:0}.exhibit-header p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.exhibit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.exhibit-card{background:var(--color-bg);border-radius:10px;padding:16px;border-left:4px solid;transition:transform .2s}.exhibit-card:hover{transform:translateY(-2px)}.exhibit-card.gold{border-color:#f59e0b}.exhibit-card.purple{border-color:#8b5cf6}.exhibit-card.red{border-color:#ef4444}.exhibit-word{display:block;font-family:var(--font-mono);font-size:.9rem;word-break:break-all;margin-bottom:8px}.exhibit-meta{font-size:.75rem;color:var(--color-text-muted)}.bridge-selector{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.bridge-lang{display:flex;align-items:center;gap:8px;background:var(--color-bg);padding:10px 16px;border-radius:8px}.bridge-code{background:var(--color-accent);color:#fff;padding:4px 8px;border-radius:4px;font-weight:700;font-size:.8rem}.bridge-arrow{color:var(--color-accent);font-size:1.5rem}.bridge-selector select{padding:10px 16px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1rem}.bridge-results{background:var(--color-bg);border-radius:12px;padding:24px;min-height:200px}.bridge-hint{color:var(--color-text-muted);text-align:center;margin:60px 0}.shared-header{margin-bottom:20px}.shared-header h3{margin-bottom:4px}.shared-header p{color:var(--color-text-secondary);margin:0}.shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.shared-card{background:var(--color-surface);padding:12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.shared-word{font-weight:600}.shared-freq{font-size:.8rem;color:var(--color-text-muted)}.error{color:var(--color-error);text-align:center;padding:40px}.no-results{color:var(--color-text-muted);text-align:center;padding:40px}@media(max-width:768px){.hero-playground h1{font-size:2rem}.demo-grid,.dna-grid{grid-template-columns:1fr}.stats-row{flex-direction:column}.bridge-selector{flex-direction:column;align-items:stretch}.flow-input{flex-direction:column}}