.cohesion-dynamics-1d{margin:2rem 0;padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.controls-section{margin-bottom:1.5rem}.control-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;padding:1rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.control-group{display:flex;align-items:center;gap:.5rem}.control-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.control-group input[type=number]{width:80px;padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}button{padding:.5rem 1rem;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}button:hover:not(:disabled){background:#0052a3;transform:translateY(-1px);box-shadow:0 2px 4px #0003}button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}button.active{background:#ff9800}button.active:hover{background:#f57c00}.metrics{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0;margin-bottom:1.5rem}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.85rem;color:#666;font-weight:500}.metric-value{font-size:1.25rem;font-weight:700;color:#333}.metric-value.closure{color:#4caf50}.metric-value.relaxable{color:#2196f3}.visualization{margin:1.5rem 0;padding:2rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0;overflow-x:auto}.chain-container{display:flex;align-items:center;justify-content:center;min-height:120px;padding:1rem}.site-wrapper{display:flex;align-items:center}.site{width:60px;height:60px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:2px solid transparent;box-shadow:0 2px 4px #0000001a;position:relative}.site:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.site.selected{border:2px solid #FFC107;box-shadow:0 0 0 3px #ffc1074d}.site.relaxation-available{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 2px 4px #0000001a}50%{box-shadow:0 0 0 4px #2196f366}}.site-value{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.site-index{font-size:.7rem;color:#fffc;margin-top:2px}.edge{position:relative;width:40px;height:4px;display:flex;align-items:center;justify-content:center}.edge-line{width:100%;height:2px;background:#ccc;transition:all .3s}.edge.cohesive .edge-line{background:#4caf50;height:3px}.edge.frustrated .edge-line{background:#f44336;height:3px}.domain-wall{position:absolute;font-size:1.2rem;animation:glow 1.5s infinite;filter:drop-shadow(0 0 4px rgba(244,67,54,.8))}@keyframes glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.site-info{margin:1.5rem 0;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px}.site-info h4{margin-top:0;color:#333}.site-info p{margin:.5rem 0;line-height:1.6}.site-info .yes{color:#4caf50;font-weight:700}.site-info .no{color:#f44336;font-weight:700}.relaxation-flip{background:#4caf50;margin-top:.5rem}.relaxation-flip:hover{background:#45a049}.forbidden-flip{background:#f44336;margin-top:.5rem}.forbidden-flip:hover{background:#da190b}.section-label{font-weight:600;color:#444;margin-right:.5rem}.control-row.section-8,.control-row.section-9{background:#f0f8ff;border-left:3px solid #2196F3}select{padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;background:#fff;cursor:pointer}select:hover{border-color:#06c}.tolerance-indicator{padding:.4rem .8rem;border-radius:4px;font-weight:600;font-size:.85rem}.tolerance-indicator.cohesive{background:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}.tolerance-indicator.divergent{background:#ffebee;color:#c62828;border:1px solid #f44336}.site.boundary-locked{border:3px solid #FFC107!important;position:relative}.lock-icon{position:absolute;top:2px;right:2px;font-size:.7rem;opacity:.9}.metric-value.irreducible{color:#f44336;font-weight:700}.continuum-hint{margin-top:1.5rem;padding:1rem;background:#fff9e6;border:1px solid #ffd54f;border-radius:4px;font-size:.9rem}.continuum-hint h5{margin-top:0;margin-bottom:.5rem;color:#333;font-size:.95rem}.continuum-hint p{margin:.5rem 0;line-height:1.6;color:#444}.continuum-hint strong{color:#333}.continuum-hint sub{font-size:.75em}.boundary-notice{background:#fff3cd;padding:.5rem;border-radius:4px;border:1px solid #ffc107;color:#856404;font-weight:500}.explanation{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.explanation h4{margin-top:0;color:#333;font-size:1.1rem}.explanation h5{margin-top:1rem;margin-bottom:.5rem;color:#555;font-size:1rem}.explanation p{margin:.5rem 0;line-height:1.6;color:#444}.explanation ul{margin:.5rem 0;padding-left:1.5rem;line-height:1.8}.explanation li{margin:.5rem 0;color:#444}.explanation strong{color:#333}@media (max-width: 768px){.chain-container{overflow-x:auto;justify-content:flex-start}.site{width:50px;height:50px}.site-value{font-size:.9rem}.edge{width:30px}.metrics,.control-row{flex-direction:column}}