.experiments-page{max-width:1200px;margin:0 auto;padding:1.5rem}.experiments-hero{margin-bottom:2rem}.experiments-hero h1{font-size:2rem;font-weight:600;margin-bottom:.5rem}.experiments-hero .lead{color:var(--fg-subtle, #666);font-size:1.1rem;line-height:1.6}.experiments-actionbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.experiments-actionbar-spacer{flex:1}.exp-segmented{display:inline-flex;background:var(--bg-muted, #f5f5f5);border-radius:8px;padding:2px}.exp-segmented button{padding:.4rem 1rem;border:none;background:transparent;cursor:pointer;border-radius:6px;font-size:.9rem;color:var(--fg-subtle, #666);transition:all .15s ease}.exp-segmented button:hover{color:var(--fg, #333)}.exp-segmented button.active{background:var(--bg, #fff);color:var(--fg, #333);box-shadow:0 1px 3px #0000001a}.experiments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.exp-card{background:var(--bg, #fff);border:1px solid var(--border, #e5e5e5);border-radius:12px;padding:1.25rem;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease}.exp-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.exp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.exp-title{font-size:1.1rem;font-weight:600;margin:0;line-height:1.3}.exp-title-zh{font-size:.9rem;color:var(--fg-subtle, #666);margin:.25rem 0 0}.exp-status{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.exp-status--planning{background:#fef3c7;color:#92400e}.exp-status--running{background:#dbeafe;color:#1e40af}.exp-status--completed{background:#d1fae5;color:#065f46}.exp-status--failed{background:#fee2e2;color:#991b1b}.exp-status--paused{background:#f3f4f6;color:#6b7280}.exp-hypothesis{font-size:.9rem;color:var(--fg-subtle, #666);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exp-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.exp-tag{padding:.15rem .5rem;background:var(--bg-muted, #f5f5f5);border-radius:4px;font-size:.75rem;color:var(--fg-subtle, #666)}.exp-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--fg-subtle, #999);border-top:1px solid var(--border, #eee);padding-top:.75rem}.experiments-empty{text-align:center;padding:3rem 1rem}.experiments-empty-icon{font-size:3rem;margin-bottom:1rem}.experiments-empty-title{font-size:1.25rem;margin-bottom:.5rem}.experiments-empty-desc{color:var(--fg-subtle, #666)}.experiments-sample{margin-top:1.5rem;padding:1.5rem;background:var(--bg-muted, #f9f9f9);border-radius:12px;max-width:400px;margin-left:auto;margin-right:auto}.exp-sample-label,.experiments-sample-label{font-size:.85rem;color:var(--fg-subtle, #666);margin-bottom:.75rem;display:block}.exp-sample-hint,.experiments-sample-hint{font-size:.85rem;color:var(--fg-subtle, #666);margin-top:1rem;font-style:italic}.exp-card-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border, #eee)}.exp-card-actions button{padding:.3rem .5rem;border:none;background:var(--bg-muted, #f5f5f5);border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .15s ease}.exp-card-actions button:hover{background:var(--bg, #fff);box-shadow:0 1px 3px #0000001a}.experiment-modal{border:none;border-radius:12px;padding:0;max-width:600px;width:90vw;max-height:85vh;overflow:hidden;background:var(--bg, #fff)}.experiment-modal::backdrop{background:#00000080}.experiment-modal[open]{display:flex;flex-direction:column}.experiment-modal .modal-content{overflow-y:auto;padding:1.5rem}.experiment-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border, #e5e5e5)}.experiment-modal .modal-header h2{font-size:1.25rem;margin:0}.experiment-modal .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--fg-subtle, #666);padding:.25rem;line-height:1}.experiment-modal .modal-close:hover{color:var(--fg, #333)}.experiment-form .form-group{margin-bottom:1rem}.experiment-form .form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem;color:var(--fg, #333)}.experiment-form .form-group input,.experiment-form .form-group textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border, #e5e5e5);border-radius:6px;font-size:.95rem;background:var(--bg, #fff);color:var(--fg, #333);font-family:inherit}.experiment-form .form-group input:focus,.experiment-form .form-group textarea:focus{outline:none;border-color:var(--accent, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.experiment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.experiment-form select{width:100%;padding:.6rem .75rem;border:1px solid var(--border, #e5e5e5);border-radius:6px;font-size:.95rem;background:var(--bg, #fff);color:var(--fg, #333);font-family:inherit;cursor:pointer}.experiment-form select:focus{outline:none;border-color:var(--accent, #3b82f6);box-shadow:0 0 0 2px #3b82f61a}.experiment-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border, #e5e5e5)}.undo-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--fg, #333);color:var(--bg, #fff);padding:.75rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:1rem;z-index:1000;box-shadow:0 4px 12px #0003}.undo-toast .undo-btn{background:var(--accent, #3b82f6);color:#fff;border:none;padding:.3rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem}.undo-toast .undo-btn:hover{background:var(--accent-hover, #2563eb)}.exp-count{font-size:.9rem;color:var(--fg-subtle, #666)}.experiments-sample{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px dashed var(--border-strong)}.experiments-sample-label{font-size:.85rem;color:var(--fg-muted);margin-bottom:var(--space-4)}.experiments-sample-hint{margin-top:var(--space-4);font-size:.85rem;color:var(--fg-muted);font-style:italic}.exp-detail{max-width:900px;margin:0 auto;padding:1.5rem}.exp-detail-header{margin-bottom:2rem}.exp-detail-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.exp-detail-header .title-zh{font-size:1.2rem;color:var(--fg-subtle, #666);margin-bottom:1rem}.exp-detail-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--fg-subtle, #666)}.exp-detail-actions{margin-top:1.5rem}.exp-section{margin-bottom:2rem}.exp-section-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border, #e5e5e5)}.exp-section p{line-height:1.7;color:var(--fg, #333)}.exp-variables{display:grid;gap:.75rem}.exp-variable{display:grid;grid-template-columns:120px 1fr;gap:.5rem;padding:.75rem;background:var(--bg-muted, #f9f9f9);border-radius:8px;font-size:.9rem}.exp-variable-name{font-weight:500}.exp-variable-type{font-size:.75rem;padding:.1rem .4rem;border-radius:4px;background:var(--bg, #fff)}.exp-variable-type--independent{background:#dbeafe;color:#1e40af}.exp-variable-type--dependent{background:#d1fae5;color:#065f46}.exp-variable-type--controlled{background:#f3f4f6;color:#6b7280}.exp-variable-desc{color:var(--fg-subtle, #666)}.exp-variable-values{grid-column:2;font-size:.85rem;color:var(--fg-subtle, #666)}.exp-results{background:var(--bg-muted, #f9f9f9);border-radius:8px;padding:1.25rem}.exp-results-expected{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed var(--border, #e5e5e5)}.exp-results-actual{margin-bottom:0}.exp-results-label{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--fg-subtle, #999);margin-bottom:.5rem}.exp-results-content{line-height:1.6}.exp-papers{display:flex;flex-wrap:wrap;gap:.5rem}.exp-paper-link{padding:.4rem .8rem;background:var(--bg, #fff);border:1px solid var(--border, #e5e5e5);border-radius:6px;text-decoration:none;font-size:.85rem;color:var(--fg, #333);transition:background .15s ease}.exp-paper-link:hover{background:var(--bg-muted, #f5f5f5)}.exp-back-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--fg-subtle, #666);text-decoration:none;font-size:.9rem}.exp-back-link:hover{color:var(--fg, #333)}.exp-detail-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border, #e5e5e5);flex-wrap:wrap}.exp-status-actions{display:flex;gap:.5rem}.exp-export-actions{display:flex;gap:.5rem;margin-left:auto}.exp-ideas{display:flex;flex-wrap:wrap;gap:.5rem}.exp-idea-link{padding:.4rem .8rem;background:var(--bg, #fff);border:1px solid var(--border, #e5e5e5);border-radius:6px;text-decoration:none;font-size:.85rem;color:var(--fg, #333);transition:background .15s ease}.exp-idea-link:hover{background:var(--bg-muted, #f5f5f5)}.exp-not-found{text-align:center;padding:3rem 1rem}.exp-not-found h2{font-size:1.5rem;margin-bottom:1rem}.exp-not-found p{color:var(--fg-subtle, #666);margin-bottom:1.5rem}@media (max-width: 640px){.experiment-modal{width:95vw}.experiment-form .form-row{grid-template-columns:1fr}.exp-detail-actions{flex-direction:column}.exp-status-actions{flex-wrap:wrap}}.exp-variables-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.exp-variable-row{padding:.75rem;background:var(--bg-muted, #f9f9f9);border-radius:8px}.exp-variable-fields{display:grid;grid-template-columns:1fr 120px auto auto 32px;gap:.5rem;align-items:center}.exp-variable-fields input,.exp-variable-fields select{padding:.4rem .5rem;border:1px solid var(--border, #e5e5e5);border-radius:4px;font-size:.85rem;background:var(--bg, #fff)}.exp-variable-fields .var-name-input{min-width:120px}.exp-variable-fields .var-desc-input{min-width:150px}.exp-variable-fields .var-values-input{min-width:120px}.btn-remove-var{background:none;border:none;color:var(--fg-subtle, #999);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1}.btn-remove-var:hover{color:#dc2626}@media (max-width: 768px){.exp-variable-fields{grid-template-columns:1fr 1fr}.btn-remove-var{grid-column:2;justify-self:end}}.exp-derived{margin-bottom:var(--space-2)}.exp-derived-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .5rem;background:#fef3c7;border-radius:4px;font-size:.75rem;color:#92400e;text-decoration:none}.exp-derived-badge:hover{background:#fde68a}.exp-derived-badge--deleted{background:#f3f4f6;color:#6b7280}.exp-derived-badge__remove{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.9rem;padding:0 0 0 var(--space-1);line-height:1}.exp-derived-badge__remove:hover{color:#dc2626}.citing-writings-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.citing-writings-empty{color:var(--fg-muted);font-size:.9rem;margin:var(--space-2) 0}.citing-writings-list{display:flex;flex-direction:column;gap:var(--space-2)}.citing-writing-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-sm);text-decoration:none;color:var(--fg);transition:background var(--transition-fast)}.citing-writing-card:hover{background:var(--bg-muted)}.citing-writing-title{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citing-writing-badges{display:flex;gap:var(--space-2)}.citing-writing-type,.citing-writing-status{font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm);background:var(--bg-default);color:var(--fg-muted)}.citing-writing-status--review{background:#fef3c7;color:#92400e}.citing-writing-status--final{background:#dcfce7;color:#166534}.citing-writing-date{font-size:.75rem;color:var(--fg-muted);white-space:nowrap}