:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-bg: #f5f6fa;--color-surface: #ffffff;--color-surface-alt: #f0f2ff;--color-border: #e2e8f0;--color-text: #1a202c;--color-text-muted: #718096;--color-text-on-primary: #ffffff;--color-success: #48bb78;--color-danger: #fc8181;--color-warning: #f6ad55;--radius: 12px;--radius-sm: 6px;--shadow: 0 4px 24px rgba(102, 126, 234, .12);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{line-height:1.3;font-weight:700}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.header{background:var(--color-primary-gradient);color:var(--color-text-on-primary);padding:1rem 2rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow)}.header__logo{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.header__nav{display:flex;gap:1.5rem;margin-left:auto}.header__nav a{color:#ffffffd9;font-weight:500;transition:color var(--transition)}.header__nav a:hover,.header__nav a.active{color:#fff;text-decoration:none}.page{flex:1;display:flex;flex-direction:column}.container{width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem}.container--narrow{max-width:520px}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;border:1px solid var(--color-border)}.card--accent{border-top:4px solid var(--color-primary)}.card+.card{margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--radius-sm);border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity var(--transition),transform var(--transition);white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary-gradient);color:var(--color-text-on-primary)}.btn--primary:hover:not(:disabled){opacity:.9}.btn--secondary{background:var(--color-surface-alt);color:var(--color-primary-dark);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:#e4e8ff}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){opacity:.85}.btn--sm{padding:.35rem .75rem;font-size:.85rem}.btn--full{width:100%;justify-content:center}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.input{padding:.65rem .9rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea26}.input--error{border-color:var(--color-danger)}.input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #fc81812e}.hero{background:var(--color-primary-gradient);color:var(--color-text-on-primary);text-align:center;padding:4rem 1.5rem}.hero h1{font-size:2.5rem;margin-bottom:.75rem}.hero p{font-size:1.15rem;opacity:.9;margin-bottom:2rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.badge--success{background:#c6f6d5;color:#276749}.badge--warning{background:#fefcbf;color:#744210}.badge--danger{background:#fed7d7;color:#822727}.badge--info{background:#bee3f8;color:#2a4365}.badge--muted{background:var(--color-surface-alt);color:var(--color-text-muted)}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.stepper{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.stepper__step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:var(--color-border);color:var(--color-text-muted);flex-shrink:0}.stepper__step--active{background:var(--color-primary-gradient);color:#fff}.stepper__step--done{background:var(--color-success);color:#fff}.stepper__line{flex:1;height:2px;background:var(--color-border)}.stepper__line--done{background:var(--color-success)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.tag-input-box{display:flex;flex-wrap:wrap;gap:.375rem;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:text;min-height:42px;align-items:center}.tag-input-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea26}.tag-input-field{border:none;outline:none;flex:1;min-width:120px;font-size:.95rem;background:transparent;color:var(--color-text);padding:.1rem 0}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-surface-alt);color:var(--color-primary);border-radius:999px;padding:.15rem .6rem;font-size:.85rem;font-weight:600;white-space:nowrap}.tag-chip__remove{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1rem;line-height:1;padding:0;display:flex;align-items:center}.tag-chip__remove:hover{color:var(--color-danger)}.tag-suggestions{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.tag-suggestion-chip{background:none;border:1px dashed var(--color-border);border-radius:999px;padding:.2rem .65rem;font-size:.8rem;color:var(--color-text-muted);cursor:pointer;transition:var(--transition)}.tag-suggestion-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-alt)}.triangle-control{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center}.cohort-row{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--color-border);cursor:pointer}.cohort-row:last-child{border-bottom:none}.cohort-row input[type=checkbox]{margin-top:.2rem;width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.cohort-row--new{background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:.5rem .75rem;margin-bottom:.25rem;cursor:default}