.continuum-admission-1d{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:900px;margin:2rem auto;padding:1.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 4px 6px #0000001a}.ca1d-header{text-align:center;margin-bottom:1.5rem}.ca1d-header h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.5rem}.ca1d-subtitle{margin:0;color:#5a6c7d;font-size:.95rem}.ca1d-visualization{background:#fff;padding:2rem 1rem;border-radius:8px;margin-bottom:1.5rem;position:relative}.ca1d-chain{display:flex;justify-content:center;gap:4px;margin-bottom:1rem}.ca1d-cell{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;font-size:1.2rem;transition:all .3s ease;cursor:help;position:relative}.ca1d-cell.positive{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #667eea66}.ca1d-cell.negative{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 2px 4px #f5576c66}.ca1d-cell.inadmissible{opacity:.2;background:#95a5a6!important;box-shadow:none;position:relative}.ca1d-cell.inadmissible:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.1) 5px,rgba(0,0,0,.1) 10px);border-radius:6px}.ca1d-cell.fixed{border:3px solid #f39c12;box-shadow:0 0 0 2px #f39c124d}.ca1d-spin-label{font-size:1.4rem;font-weight:700}.ca1d-hidden-label{font-size:1.6rem;color:#333}.ca1d-walls{display:flex;justify-content:center;gap:4px;height:20px;align-items:center}.ca1d-edge{width:48px;height:4px;background:transparent;transition:all .3s ease}.ca1d-edge.wall{height:12px;background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:2px;box-shadow:0 2px 4px #e74c3c4d}.ca1d-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.ca1d-metric{background:#fff;padding:.75rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #00000014}.metric-label{font-weight:600;color:#5a6c7d;font-size:.9rem}.metric-value{font-weight:700;color:#2c3e50;font-size:1.1rem}.metric-value.yes{color:#27ae60}.metric-value.no{color:#e74c3c}.ca1d-controls{background:#fff;padding:1.25rem;border-radius:8px;margin-bottom:1.5rem}.ca1d-control-group{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ca1d-control-group label{font-weight:600;color:#2c3e50;min-width:120px;font-size:.95rem}.ca1d-control-group input[type=range]{flex:1;max-width:250px}.ca1d-control-group select{flex:1;max-width:250px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.ca1d-control-group span{min-width:40px;font-weight:700;color:#667eea}.ca1d-button-group{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.ca1d-button-group button{flex:1;min-width:120px;padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #667eea4d}.ca1d-button-group button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.ca1d-button-group button:active:not(:disabled){transform:translateY(0)}.ca1d-button-group button:disabled{opacity:.5;cursor:not-allowed;background:#95a5a6}.ca1d-explanation{background:#fff;padding:1.25rem;border-radius:8px;border-left:4px solid #667eea}.ca1d-explanation h4{margin:0 0 .75rem;color:#2c3e50;font-size:1.1rem}.ca1d-explanation p{margin:.5rem 0;color:#5a6c7d;line-height:1.6;font-size:.95rem}.ca1d-warning{background:#fff5f5;border-left:4px solid #e74c3c;padding:.75rem;border-radius:4px;color:#c0392b!important}.ca1d-info{background:#f0f8ff;border-left:4px solid #3498db;padding:.75rem;border-radius:4px;color:#2980b9!important}@media (max-width: 768px){.continuum-admission-1d{padding:1rem}.ca1d-chain{gap:2px}.ca1d-cell{width:36px;height:36px;font-size:1rem}.ca1d-edge{width:36px}.ca1d-metrics{grid-template-columns:1fr}.ca1d-control-group{flex-direction:column;align-items:flex-start}.ca1d-control-group label{min-width:auto}.ca1d-control-group input[type=range],.ca1d-control-group select{width:100%;max-width:100%}.ca1d-button-group{flex-direction:column}.ca1d-button-group button{width:100%}}
